(本书在说明问题的时候,都是采用讲故事的形式展开,设定使用场景)
设计web第一原则:don’t make me think
文案,简单易懂,不要故弄玄虚
如果做不到让网站不言而喻,至少做到让它自我解释。
用户实际是如何使用网站的?扫描,满意即可,勉强应付
网络使用的三个事实:
1、我们不是阅读,而是扫描
2、我们不作最佳选择,而是满意即可
3、我们不是追根究底,而是勉强应付
大多数时候,我们不会选择最佳选项,而是选择第一个合理的选项
用户扫描的过程,设计网站时,需要注意以下5个重要方面:
1、在每一个页面上建立清楚的视觉层次
2、尽量利用习惯用法
3、把页面划分成明确定义的区域
4、明显标识可以点击的地方
5、最大限度降低干扰
清楚地视觉层次,有三个特点:
1)越重要的部分越突出
2)逻辑上相关的部分,在视觉上也相关
3)逻辑上包含的部分在视觉上进行嵌套
好的视觉层次通过预先处理页面,用一种我们能快速理解的方式对页面的内容进行组织并区分优先级,从而减少了我们的工作。
如果不打算使用一种已有的web习惯用法,必须确认这种做法满足一下特点:
1)同样清楚,同样不言而喻,没有学习曲线的方法——这样就跟习惯用法一样好了
2)带来很大的价值,因此值得用户付出一点努力去学习的方法
点击多少次都没关系,只要每次点击都无需思考、明确无误的选择。——Krug可用性第二定律
去掉每个页面上一半的文字,然后把剩下的文字再去掉一半。——Krug可用性第三定律
设计导航
全局导航
主页和填写表单的页面不需要全局导航,主页需要承担其他的任务,填写表单页面如果出现全局导航,会对填写表单这个任务出现不必要的干扰。
全局导航最重要的元素之一就是回到主页的链接或按钮
要对低层级的导航给予足够的重视,在开始讨论主页的颜色方案之前,拥有现时网站所有潜在级别的导航样例页面非常重要,除非一开始就从上往下开始导航设计,否则以后很难再进行添加,也很难保持一致。
页面名称:要注意四点
1)每个页面都需要一个名称
2)页面名称出现在合适的位置
3)名称要引人注目
4)名称要和点击的链接一致
面包屑导航,作为某种平衡,用来补充固定导航机制,是最有价值的。
后备箱测试
导航设计需要满足以下条件,当把你放在某个网页上,回答以下问题:
1、这是什么网站?(站点ID)
2、我在哪个网页上?(网页名称)
3、这个网络的主要栏目有哪些?(栏目清单)
4、在这个层次上我有哪些选择?(本页导航)
5、我在导航系统的什么位置?(“我在这里”的指示器)
6、我怎么搜索?
设计主页
首先需要传达整体形象,越快越好,回答用户四个问题:
1、这是什么网站?2、我能在这里做什么?3、网站上有些什么?4、为什么我应该在这里,而不是在别的地方?
第五个问题:从哪里开始?
简易可用性测试
可用性测试时,测试对象是谁并不重要。
可用性测试以后,要立刻回顾测试结果,主要做两件事情:
1、给问题分类:回顾大家看到的问题,决定哪些问题需要修正
2、解决问题:找出修正这些问题的方法。
一些问题分类指南
1、忽略皮划艇问题
2、抵制添加的冲动:发现用户没有理解某些内容,第一反应就是增加一些内容进行注释或者说明,正确的的解决方案往往是去除某个让人混淆的内容。
3、不要太看重人们对新功能的要求:一般仔细询问,他们已经找到一个很好的网站来解决这个问题,不太会重新使用你的产品。
4、抓住够得着的果子:1)恍然大悟型 2)便宜型:不怎么费力的修正