交互设计实用指南系列(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
投稿猜你喜欢
- 前言前面安装过mysql5.6，时隔三个月，开发那边反馈需要在MySQL中处理JSON类型的数据，查看文档，JSON是在5.7支持的新特性。
- 本文实例讲述了JavaScript中变量、指针和引用功能与操作。分享给大家供大家参考，具体如下：1、变量我们可能产生这样一个疑问：编程语言中
前言：Python pass 是空语句，是为了保持程序结构的完整性；pass 不做任何事情，一般用做占位语句。Python 语言- 原文：http://research.microsoft.com/~helenw/papers/subspace.pdfwindow.nam
- 音频预处理这一讲主要介绍些音频基本处理方式，为接下来的语音识别打基础。三种播放音频的方式使用 python 播放音频有以下几种方式：os.s
- 环境系统: Mac 工具: Alfred, git, homebrew, pngpaste. 语言: perl 其他: Gitee工具下载g
- 前言：Python的内建模块itertools提供了非常有用的用于操作迭代对象的函数，itertools提供的几个“无限
- 在编写一些小程序时，我需要比较两个字符串是否相同。一开始的思路是使用ord()函数获取字符的整数表示，但是调试过后发现，ord()函数传入的
- 效果可执行正常加减乘除相关运算，源码已贴，自行测试。源码# coding=gbk"""作者：川川@时间 &nb
- 比如，在使用DWR的时候，如果你想传递下拉框的参数到后台的话，此时就需要先获取到下拉框的值了。 其实想要获取到下拉框的值是很简单的。 最关键
- 打开VS2013 —> 工具 —> 选项 —> 环境 —> 字体和颜色 —> 纯文本（显示项中） —>
- 当前，utf8_unicode_ci校对规则仅部分支持Unicode校对规则算法。一些字符还是不能支持。并且，不能完全支持组合的记号。这主要
- 说到Javascript的类继承，就必然离不开原型链，但只通过原型链实现的继承有着不少缺陷。无参数类继承的问题先看一段示例代码，实现B继承于
- 一、深复制与浅复制列表是Python中自带的一种数据结构，在使用列表时，拷贝操作不可避免，下面简单讨论一下列表的深复制（拷贝）与浅复制首先看
- 自旋锁获取锁的线程一直处于活跃状态，但是并没有执行任何有效的任务，使用这种锁会造成busy-waiting。 它是为实现保护共享资源而提出的
- 有时候，女神发来一条消息，说约你看电影，她考虑了一下，又撤回了，不约你了…而你又想知道她究竟发了什么，该怎么办？微信防撤回了解一下。环境要求
- 1. sys 模块Python 中的 sys 模块具有 argv 功能。当通过终端触发 main.py 的执行时，此功能将返回提供给 mai
- 本文实例为大家分享了Python turtle实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下# Simple Snake Game in
- 列表的索引取值1. 列表的索引和字符串一样，列表中的每一个元素也都有一个属于自己的编号，这个编号就是列表的索引。2. 列表索引取值通过字符串
- SQL2005安装安装步骤安装Microsoft SQL Server 2005 数据库步骤：第一步：将Microsoft SQL Serv
