交互设计实用指南系列(5) – 突出重点,一目了然(4)
作者:宗羲 来源:taobaoUED 时间:2010-01-11 21:05:00
关注于用户的主要任务流
关注于用户想要的,而不要强迫用户查看、理解与操作无关的事情,是关于“突出重点、一目了然”的UCD方 * 的延伸。这个想法,解决了什么元素该被“突出重点”从而达到界面“一目了然”的问题。从用户角色到场景,到任务流,可以决定每个界面——也就是任务流上的节点最重要的元素是什么。加之融合商业目标,即成页面的重点。其他非重点的元素应该尽量“藏起”或是“显得暗淡”些。我们来看一个来自于Magic Ink(by Bret Victor)的例子: 这是个书籍的搜索结果页面。
我们能够发现,这个页面觉得凌乱不堪。各种大小,各种颜色,各种粗细的字体混杂在一起,眼花缭乱。就像《气球》这首歌唱的:
黑的白的红的黄的
紫的绿的蓝的灰的
你的我的他的她的
大的小的圆的扁的
好的坏的美的丑的
新的旧的各种款式各种花色任你选择
说实话这么多种气球还真不知道该选哪个。如果我们可以通过UCD(或者是其他方式)分析出,这个书籍的结果页,用户需要这些信息:
书籍内容。这本书标题是什么,是关于什么的?
书籍评价。这本书好吗?别人对它的评价如何,这些评论可信么?
根据这个目标,重新设计后的结果如下:
我们可以看到,这本书内容和评价都一目了然,信息结构利于扫描和比较。重要的信息大而具有色彩,次要信息成灰色的小字。关于这些更详细的叙述可以参见原文。
总结
本文描述了什么是“突出重点,一目了然”。如何测试页面是否“突出重点,一目了然”,以及如何达到“突出重点,一目了然”。 有句话我挺喜欢,作为结局吧。在《What’s Next in Web Design?》中说道的:
“Simplicity is when someone takes care of the details.”
“简单而不简陋!”(谢谢青云给出的翻译!)
我们所追求的界面或者功能做得简单,不是粗制滥造,而是需要把下在创造更多无用的功能的功夫转变到现有功能的细节上。做出来东西容易,但是把东西做好做精难啊!