交互设计实用指南系列(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.”
“简单而不简陋！”(谢谢青云给出的翻译！)
我们所追求的界面或者功能做得简单，不是粗制滥造，而是需要把下在创造更多无用的功能的功夫转变到现有功能的细节上。做出来东西容易，但是把东西做好做精难啊！
0
投稿猜你喜欢
Software as a service 软件即服务，21世纪开始兴起的一种完全创新的软件应用模式。客户通过互联网向厂商定购所需的应用软件- 什么是SQL 指令植入式攻击？在设计或者维护Web网站时，你也许担心它们会受到某些卑鄙用户的恶意攻击。的确，如今的Web网站开发者们针对其站
- 我们经常会遇到多重查询问题，而长长的SQL语句往往让人丈二和尚摸不着头脑。特别是客户端部分填入查询条件时，如用普通方法将更是难上加难。以下巧
- 按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含
- ActiveServerPages,ASP0126(0x80004005)-->找不到包含文件MicrosoftOLEDBProvid
- 最近了解了下repaint和reflow的相关知识，觉得在页面重构过程中就应该考虑前端开发（js）人员对dom进行操作，能够减轻客户浏览器的
- 看着这个题目可能大家会有点陌生，不知道是什么，说的直白一点，RDFa就是让你的页面更好的被机器所理解，而不简简单单是展示你的页面，下面就关于
- BLOG地址：http://www.planabc.net/article.asp?id=107学习标准的朋友，一般都会在学习的过程中接触到
- 没有使用动态语句直接报错 错误的 代码如下:alter proc testpapers as begin declare @tems nva
- 以前看过有人转换过的，当时仅仅惊叹了一下，就过去了，没有记下来，直至于用到的时候呢，开始到处找，找来找去都没有找不到痕迹了，心里也就郁郁寡欢
- 以下是通过Excel 的VBA连接Oracle并操作Oracle相关数据的示例Excel 通过VBA连接数据库需要安装相应的Oracle客户
- 请先看看以下演示中的图案文字。这可不是图片效果，而是用CSS滤镜中的Chroma() 语句做成的文本文
- 一、IE透明度问题在IE的高度超过某一阀值时，会产生透明度不时失效的问题，这现象比较奇怪，（会有的时候全黑，有的时候全白）你有可能无法复现。
- 虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得到更大控制权,下面介绍几个小技巧。1.使用语句来控制文字排版比用好
- Google中秋的logo出来了，酷似一美男站在月亮上，结果被网友弄出一撒尿版来。中国网民好智慧啊～原logo： 撒尿版logo：
- 英文的文档在这里，详细全面，本文仅为自己的学习笔记，只是试图通过转述加深自己的学习，不详细不全面。由于浏览器之间的差异，所以在JS中监听事件
- 当“ 页面重构工程师 ”这个职位的面试官也蛮长一段时间了，跟前两年比起来，总的来说来应聘的同学能力在很大程度上有了提高，记得两年前的一场招聘
- JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,它采用完全独立于语言的文本格式，可替换XML成
- CSS文件的链接方式·附加链接：外部CSS文件·导入CSS：常用应用多个CSS文件时，将多个CSS导入一个CSS文件中CSS规则定义有三种：
- ASP编写完整的一个IP所在地搜索类的修正文稿修正了查询方法，查询的方法和追捕的一致；只是追捕会自动更正IP。还有个函数的书写错误，也已经修
