交互设计实用指南系列(5) – 突出重点,一目了然(2)
作者:宗羲 来源:taobaoUED 发布时间:2010-01-11 21:05:00
标签:交互设计,指南,设计
达到“突出重点,一目了然”
那么,如何达到这样的“突出重点,一目了然”呢?据鄙人不完全归纳,可以有以下方法:
为扫描而设计,不是阅读
你几乎需要把每个用户都想象成大忙人——他们没有时间停留在你精心设计的页面上,去阅读每一行你辛苦撰写的问题,去欣赏你精心设计的高光与圆角——他们想要的只是尽快地找到有用的信息。如果找不到,互联网上也许有很多替代品,可能是你的竞争对手,用户可以轻而易举地到其他网站上去寻找他们需要的信息。《点石成金》这本书也比较详尽地描述了这个要点。相信大家都应该阅读过了。《点石成金》里谈到关于“为扫描而设计,不是阅读”时,
给出了几种方法:
尽量符合用户习惯的设计,让人接受陌生的东西需要代价,除非我们觉得这个代价是必须的。
在页面把越重要的东西越突出,建立清楚的视觉层次。
可以点击的地方必须突出,让人明显知道可以点击。
把页面划分成明确定义的区域
省略多余的文字
Yahoo Small Bussiness的页面改版很具有代表性。 改版前:
两次改版后:
我们可以发现,改版后的页面视觉层次得到了很大的提升。白色内容区域、浅蓝色右边栏和深蓝色的注册区域渐渐递进,深蓝色背景上的强烈反差的黄色按钮“Sign Up”,引导着这个页面的主要目的,亦是重点。另外,大家可以发现,内容文字部分比先前的老版本少了一半一半再一半再一半。。。相应的,使用列点和大图的方式传递了相同的信息。“Sign Up”显而易见,而且视觉上有突起的渐变效果也马上让人知道,那是个按钮。


猜你喜欢
- 出现这个问题的原因不是'/xxx.frm'这个文件不见了,而是这些文件的权限(应该要是mysql)不知道为什么变成了root
- 免责声明:本教程所有资源均来源于网络;仅用于学习交流,请勿用于任何商业行为;如需要,请使用正版授权;侵权联删。此篇教程通过无限重置试用期持续
- 对数据库的管理常规就是进行预防性的维护,以及修复那些出现问题的内容。进行检查和修复通常具有四个主要的任务:1. 对表进行优化2. 对表进行分
- scipyscipy包包含致力于科学计算中常见问题的各个工具箱。它的不同子模块相应于不同的应用。像插值,积分,优化,图像处理,,特殊函数等等
- 本文根据自己初学经验编写的使用xlwt模块设置单元格的一些基本样式,如设置单元格的背景颜色,下框线,字体,字体的颜色,设置列宽行高,插入简单
- vscode左侧活动栏默认会有 一些内容,今天一不小心,不知道怎么的,将部分内容搞没了(是的,我也不知道怎么搞的 就没了) 如下图:搜索 和
- 杭州最美的季节里,淘宝无障碍访问改善小组有幸邀请到盲人在线站长——争渡读屏团队成员——杨永全同学和我们一起面对面交流网站无障碍访问方面的问题
- 前言本方法基于web2py框架,使用web2py的完整网站数据包创建简单网站。web2py 是一个为Python语言提供的全功能Web应用框
- 在此之前,我一直都在研究JavaScript相关的反调试技巧。但是当我在网上搜索相关资料时,我发现网上并没有多少关于这方面的文章,而且就算有
- 1、某汽车网站地址2、使用firefox查看后发现,此网站的信息未使用json数据,而是简单那的html页面而已3、使用pyquery库中的
- 问题:如何用ASP实现点击数统计?比如我要实现某篇文章被浏览一次就增加一个点击数,该怎么做?回答:就是说,比如,你的页面是:shownews
- 1.建立项目,进入项目文件夹2.初始化ssh key 参见官网指南.(本机生成一对key,public key传到官网sshkey下面)ht
- 插入排序插入排序是一种简单的排序算法,以数组为例,我们可以把数组看成是多个数组组成。插入排序的基本思想是往前面已排好序的数组中插入一个元素,
- 本文实例讲述了php中常量DIRECTORY_SEPARATOR用法。分享给大家供大家参考。具体如下:DIRECTORY_SEPARATOR
- ADO对象: Connection Command Recordset Record Stream ASP支持的对象很多,可以自己编写COM
- 临近春节,脚本之家小编带领大家用Python抢火车票!首先我们需要splinter安装:pip install splinter -i ht
- 本文实例为大家分享了JSP实现客户信息管理系统的具体代码,供大家参考,具体内容如下项目示意图大概这样吧。我自己画的 登录界面代码index.
- 又遇到了一个坑。。类似于安装py2neo时遇到的问题差不多...今天准备试一下docx,按照网上的步骤直接在命令行中pip install
- 引子之前clubot使用的pyxmpp2的默认mainloop也就是一个poll的主循环,但是clubot上线后资源占用非常厉害,使用str
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&