交互设计实用指南系列(5) – 突出重点，一目了然（2）
作者：宗羲 来源：taobaoUED 发布时间：2010-01-11 21:05:00
标签：交互设计,指南,设计
达到“突出重点，一目了然”
那么，如何达到这样的“突出重点，一目了然”呢？据鄙人不完全归纳，可以有以下方法：
为扫描而设计，不是阅读
你几乎需要把每个用户都想象成大忙人——他们没有时间停留在你精心设计的页面上，去阅读每一行你辛苦撰写的问题，去欣赏你精心设计的高光与圆角——他们想要的只是尽快地找到有用的信息。如果找不到，互联网上也许有很多替代品，可能是你的竞争对手，用户可以轻而易举地到其他网站上去寻找他们需要的信息。《点石成金》这本书也比较详尽地描述了这个要点。相信大家都应该阅读过了。《点石成金》里谈到关于“为扫描而设计，不是阅读”时，
给出了几种方法：
尽量符合用户习惯的设计，让人接受陌生的东西需要代价，除非我们觉得这个代价是必须的。
在页面把越重要的东西越突出，建立清楚的视觉层次。
可以点击的地方必须突出，让人明显知道可以点击。
把页面划分成明确定义的区域
省略多余的文字
Yahoo Small Bussiness的页面改版很具有代表性。 改版前：
两次改版后：
我们可以发现，改版后的页面视觉层次得到了很大的提升。白色内容区域、浅蓝色右边栏和深蓝色的注册区域渐渐递进，深蓝色背景上的强烈反差的黄色按钮“Sign Up”，引导着这个页面的主要目的，亦是重点。另外，大家可以发现，内容文字部分比先前的老版本少了一半一半再一半再一半。。。相应的，使用列点和大图的方式传递了相同的信息。“Sign Up”显而易见，而且视觉上有突起的渐变效果也马上让人知道，那是个按钮。
0
投稿猜你喜欢
- 上一篇的DOCTYPE声明好以后，接下来的代码是：<html xmlns="xhtml" ta
- reader.html<html><head><meta http-equiv=&quo
- 由于asp中是使用双引号作为字符串的开始和结束标志的，单一个字符串中的双引号出现次数大于两个时，程序就有可能运行错误。asp中是怎么输出引号
有时候我们会在页面上显示用户的所在地区，这个原理是：先得到用户的IP，然后去查询将IP转换成一个数值，最后去查这个数值所在的范围，来得到用户- 通信信息包是发送至MySQL服务器的单个SQL语句，或发送至客户端的单一行。在MySQL 5.1服务器和客户端之间最大能发送的可能信息包为1
- 当数据库服务器变得十分繁忙导致性能下降时，你会怎么办?购买更多的硬件升级你的服务器，还是重新考虑数据库服务器设计使得数据库平台具备良好的可升
- 完美的渐变透明效果。支持IE，Firefox渐变，自己写的JS框架中用的东西，发出来了。修正完全隐藏时，偶尔不display = "
- 如何避免磁盘临时表因为内存储引擎不支持TEXT和BLOB数据类型， 使用到BLOB和TEXT列的查询和使用隐式临时表的查询将不得不使用MyI
- 用XMLHTTP Post Form时的表单乱码有两方面的原因——Post表单数据时中文乱码；服务器Response被XMLHTTP不正确编
- 1.如果客户端和服务器端的连接需要跨越并通过不可信任的网络，那么就需要使用SSH隧道来加密该连接的通信。2.用set password语句来
- 基于很多原因，有不少朋友的空间不支持FSO，当大量的页面生成静态页面时，占用大量的空间，修改样式时，不方便，所以动态页面还是有动态页面的好处
- 问一下谁知道如何用 javascript 获取硬盘信息1.获得硬盘当前有几个盘符.2.每个盘符的 大小，已经使用的大小，和没有使用的大小原理
- rs.open sql,conn：如果sql是delete,update,insert则会返回一个关闭的记录集，在使用过程中不要来个rs.c
- 表格制作好了，内容也有了，怎么看着别扭呀！哦，还没有给表格化化装－－格式化表格呀，俗话说：人靠衣服也靠鞍，要想让你制作的网页漂漂亮亮、美观大
- <script language="vbscript" runat="s
- 我想没多少人敢保证写JavaScript能不用调试，那选择用什么方式调试会比较好呢？告别了我最爱的alert("MM")
- jQuery中文入门指南，翻译加实例，jQuery的起点教程中文版译者：Keel此文以实例为基础一步步说明了jQuery的工作方式。现以中文
- 无论使用int还是varchar，对于Status的多选查询都是不易应对的。举例，常规思维下对CustomerStatus的Enum设置如下
- 下面是我已经证实可用的自动备份的方法. 1、打开企业管理器->管理->sql server代理 2、新建一个作业,作业名称随便取
- 在windows操作系统上使用IE作为浏览器时。常常会发生这样的问题：在浏览使用UTF-8编码的网页时，浏览器无法自动侦测（即没有设定“自动
