网站用户界面设计的7大重点

Peter Vukovic 是一名在广告代理商拥有 10 年经验的设计师与创意总监，他以LinkedIn 等实例总结了七个用户接口设计牢不可破的法则（law）1。这些法则或许是 网站设计 师的基本常识，但可能常常被忽略了。

1. 一目了然

Gmail 在改版之前，日历、云端硬盘、文件以及其它服务清楚地放在最上方的导览列，不过改版后，为了简化用户界面，将这些功能收拢在一个抽象的符号之内。许多使用者不明所以，他们的满腹疑问与埋怨瞬间涌入 Gmail 客服。对于陌生且无法马上进入状况的事物，使用者通常干脆忽视或采取回避的姿态，这是基本的人性，因此切忌设计让使用者得花时间思索的设计元素。

2. 优先动作

 Twitter 页面，初来乍到的使用者能够理解他们应该做什么吗？显然使用者应该开始打字发出自己的第一则推文，不过撰写新的推文的输入框位在左上方，这个位置在整 体环境中并不是很突出，从设计的角度来看，Twitter 似乎又想引导使用者搜索，又想要他们点击左侧选项，太多接口元素混杂，可能令人无所适从。使用者不必思考就自然而然知道下一步该怎么做，优先动作（preferred action）应当显而易见。

3. 关联脉络

想要更换自己在 Facebook 的名字时，得执行一连串的动作：先到位于右上角的设定，点击账户设定，找到名字，点击修改。反之，在 LinkedIn 上，只要在个人资料栏框内点击编辑，各项数据前方就会出现铅笔符号，非常直觉的设计。用户期望的接口元素是他们能够轻易控制的。在真实世界中，我们想吃爆米花时，会直接打开微波炉，扭动开关，而不会预期有台微波炉会指示我们下楼走进地下室，摸黑找到电箱启动 G-35 爆米花程序，这就很像 Facebook 迂回的修改路径。尽可能让使用者操作网站时易如反掌，如果是可以修改的项目，就让用户可以直接在上面修改。

4. 默认值

预设容易被忽略，但它的力量却很强大：多数人手机铃声维持默认，实时通讯软件的音效也少有人会更换。多数人从来不会改变电视机的出厂设定。多数人永远不会更改冰箱的默认温度。因此，我们得好好设计所有默认值，确保它们是在最实用的状态，毕竟很多使用者终其一生都不会改动它。

5. 引导指示

想要使用者做什么，就明明白白地告诉他们。期待使用者自己找出方法和明确的告诉使用者方法两者有很大的差异。例如，LinkedIn 推出endorsement（认同朋友的某个技能）功能，它并不期待使用者天生聪颖，马上领悟新功能该怎么用，而是建立了一块以蓝色为底色的明显栏 框，随机出现联络人，加上清楚的提示句以及简单的操作，这项功能很快就推广出去。

6. 回馈

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

7. 简化

没有人喜欢填写又臭又长又复杂的个人资料，因为这既无聊、琐碎，双重检查也让人厌烦。不过如果我们在设计上花点巧思，将之规划成几个大步骤，并显示进度，可以减少用户抓狂的机会。把绵延看不到尽头的窗体拆解成 10 个小小的步骤，可以让使用者更能接受。前者就像巨大的威胁，后者亲切也好处理多了，完成的同时也能带给我们一丝成就感。