七个不可忽视的使用者介面设计法则

R校生活 451浏览 93评论 来源:申博官网备用网址_大神娱乐安卓版下载
七个不可忽视的使用者介面设计法则

Peter Vukovic 是一名在广告代理商拥有 10 年经验的设计师与创意总监,他以 Google、LinkedIn 等实例总结了七个使用者介面设计牢不可破的法则1。这些法则或许是网页设计师的基本常识,但可能常常被忽略了。

1. 一目了然
七个不可忽视的使用者介面设计法则

Gmail 在改版之前,日曆、云端硬碟、文件以及其它 Google 服务清楚地放在最上方的导览列,不过改版后,Google 为了「简化」页面,将这些功能收拢在一个抽象的符号之内。许多使用者不明所以,他们的 满腹疑问与埋怨瞬间涌入 Gmail 客服 。

对于陌生且无法马上进入状况的事物,使用者通常乾脆忽视或採取迴避的姿态,这是基本的人性,因此切忌设计让使用者得花时间思索的设计元素。

2. 优先动作
七个不可忽视的使用者介面设计法则

上图是 Twitter 页面,初来乍到的使用者能够理解他们应该做什幺吗?显然使用者应该开始打字发出自己的第一则推文,不过「撰写新的推文」的输入框位在左上方,这个位置在整体环境中并不是很突出,从设计的角度来看,Twitter 似乎又想引导使用者搜寻,又想要他们点击左侧选项,太多介面元素混杂,可能令人无所适从。

使用者不必思考就自然而然知道下一步该怎幺做,「优先动作」应当显而易见。

3. 关联脉络
七个不可忽视的使用者介面设计法则

想要更换自己在 Facebook 的名字时,得执行一连串的动作:先到位于右上角的「设定」,点击「帐户设定」,找到「名字」,点击「修改」。反之,在 LinkedIn 上,只要在个人资料栏框内点击「编辑」,各项资料前方就会出现铅笔符号,非常直觉的设计。

使用者期望的介面元素是他们能够轻易控制的。在真实世界中,我们想吃爆米花时,会直接打开微波炉,扭动开关,而不会预期有台微波炉会指示我们下楼走进地下室,摸黑找到电箱啓动 G-35 爆米花程序,这就很像 Facebook 迂迴的修改路径。

尽可能让使用者操作网站时易如反掌,如果是可以修改的项目,就让使用者可以直接在上面修改。

4. 预设值

觉得这段铃声很熟悉吗?肯定熟到都会哼唱了,这段铃声大概是全地球最为人熟知的旋律了。这是 Nokia 的预设铃声,很多从前持 Nokia 功能性手机的使用者都不会换掉它。

「预设」容易被忽略,但它的力量却很强大:

因此,我们得好好设计所有「预设值」,确保它们是在最实用的状态,毕竟很多使用者终其一生都不会改动它。

5. 引导指示
七个不可忽视的使用者介面设计法则

想要使用者做什幺,就明明白白地告诉他们。

「期待使用者自己找出方法」和「明确的告诉使用者方法」两者有很大的差异。例如,LinkedIn 推出「endorsement」功能,它并不期待使用者天生聪颖,马上领悟新功能该怎幺用,而是建立了一块以蓝色为底色的明显栏框,随机出现联络人,加上清楚的提示句以及简单的操作,这项功能很快就推广出去。

6. 回馈
七个不可忽视的使用者介面设计法则

如果能够给予清楚而立即的回馈,使用者用起你的服务会更自在也更有信心。这是很简单的逻辑,当使用者知觉介面是在传达某个动作,他们就不致落入盲人摸象的不安感。Gmail 在给予回馈这方面是很棒的例子,使用者每执行一个动作,就会有浅黄底的说明出现,包括「看更多」以及「复原」,这会带给使用者一切都在自己掌握之中的感受,并且愿意反覆使用这款产品。

7. 简化
七个不可忽视的使用者介面设计法则

比较左右两边的表单,两者要使用者填写的项目数量都差不多,但左边大概会令人哀嚎,右边看起来就简单很多。没有人喜欢填写又臭又长又複杂的个人资料,因为这既无聊、琐碎,双重检查也让人厌烦。不过如果我们在设计上花点巧思,将之规划成几个大步骤,并显示进度,可以减少使用者抓狂的机会。

把绵延看不到尽头的表单拆解成 10 个小小的步骤,可以让使用者更能接受。前者就像巨大的威胁,后者亲切也好处理多了,完成的同时也能带给我们一丝成就感。

  1. 7 unbreakable laws of user interface design↩

与本文相关的文章