返回首页

ui设计整体性原则?

87 2023-12-14 12:49 admin

原则一:清晰的传达

大概没有什么会比一个令用户常常感到模棱两可的界面设计更糟糕的了。

比如,有一种返回设计,当切换到该页面时,返回按钮是一个x,按通常的理解,我认为是关闭的意思。但当我需要返回上一页时,可能我会习惯性地去左上角寻找那个向左的箭头按钮,然而留给我的只有那个关闭按钮。此时我会犹豫,如果点击关闭按钮,会出现什么状况?我不得不去揣测设计师的意图,是不是应该将当前界面理解为从上一个页面打开的子视图?类似Popup的意思,所以我关闭该视图,即重新显示原本的界面了?

我并不是说返回设计不能这么做,而是作为UI设计师需要在这么做之前就去考虑到可能带给用户的顾虑,因此你需要更加全面的思考,令你的设计意图能清晰无误地传达给用户。

原则二:明确并传递信息的反馈

当用户操作了某个动作之后,他需要知道自己做了什么,操作是否已经执行等等。最简单的例子,当用户发表评论时,点击提交按钮后,随即按钮状态发生变化,比如颜色变深,则用户此时知道已经按下按钮。松开鼠标键或手指后,按钮样式恢复,告诉用户已经松开按钮。注意,此时即是需要反馈设计的时候了,用户需要知道该评论是否已经提交,大多数的做法是Loading Button的样式,按钮本身变为不可点击状态,并在按钮内部或外部相关区域显示Loading信息,表明评论正在提交中,此后则显示提交是否成功的信息。

undefined undefined

你可以试着将以上反馈设计去掉,会出现什么情况?用户点击后无任何反馈信息的情况下,会误认为操作没有成功,从而反复尝试,如果程序上没有做任何条件限制,很可能造成重复提交。

这只是很常见的一个例子,实际上反馈设计遍布整个App的各个角落,每个细节都不容忽视。

原则三:保持整体设计的一致性

设计原则要贯穿整个产品,这包括视觉、交互等不同方面。从交互层面上来说,表现为页面切换方式、导航设计的一致性。视觉上,是指色彩、字体、图标等元素的一致性。没有任何一个用户在使用一款产品时,发现所在新页面的导航居然变了,或者整体风格都变了,从而陷入懵逼状态。

顶一下
(0)
0%
踩一下
(0)
0%
相关评论
我要评论
用户名: 验证码:点击我更换图片

网站地图 (共14个专题14440篇文章)

返回首页