第一章 别让我思考
如果要让网页有效,它们必须在用户第一眼看到是将自己展现出来,而做到这一点最好的方法是创建不言而喻的网页,或者至少要做到自我解释。第二章 我们实际上是如何使用Web的
在大部分时间里,用户实际上做的是在每一个页面上瞥一眼,扫过一些文字,点击第一个令他们感兴趣的或者大概符合他们寻找目标的链接。通常,页面上的很多部分他们是看都不会看的。想设计有效的网页,必须接受网络使用的三个事实:
1、我们不是阅读,而是扫描
我们总是处于忙碌之中
我们知道自己不必阅读所有的内容
我们善于扫描
在网页上看到扫描取决于我们想看到什么,不过我们想看到的通常只是页面的一小部分内容。
2、我们不作最佳选择,而是满意即可
在设计页面时,我们通常假设用户只是扫描整个页面,考虑所有可能的选项,然后选择一个最好的。
3、我们不追根究底,而是勉强应付
很大程度上人们一直在使用这些东西,但并不理解它们的运作原理,甚至对它们的工作原理完全错误的理解。
第三章 广告牌设计101法则
如果用户都是疾驰而过,那么,你需要注意以下5个重要方面:(1)在每个页面上建立清楚的视觉层次
(2)尽量利用习惯用法
(3)把页面划分成明确定义的区域
(4)明显标识可以点击的地方
(5)最大限度降低干扰
1、一个视觉层次清楚的页面有三个特点:
越重要的部分越突出
逻辑上相关的部分在视觉上也相关
逻辑上包含的部分在视觉上进行嵌套
2、习惯用法是你的好帮手
适当应用的习惯用法会使用户在网站之间的访问更容易,不需要花费额外的努力得到背后的工作原理。
在你清楚自己有一个更好的想法(而且每个看到的人都会说“哇”)时进行创新否则请尽量利用习惯用法
3、把页面划分成明确定义的区域
这可以让用户很快决定关注页面的哪些区域,或者放心地跳过哪些区域,对网页扫描所进行的几项初始眼动研究表明,用户很快就会确定页面哪些部分包含有用信息,然后对其他部分看都不看。
4、明显标识可以点击的地方
5、降低视觉噪声
让页面不易理解的一个最大原因是视觉噪声,实际上有两类噪声
(1)眼花缭乱
(2)背景噪声
用户们对复杂性和干扰的容忍度不一样,一些人不在乎眼花缭乱的页面和背景噪声,但很多人在乎。
第四章 动物、植物、无机物
如果我们需要一直在网络上进行选择,那么让这些选择变得无须思考是让一个网站容易使用的主要因素第五章 省略不必要的文字
去掉每个页面上一半的文字,然后把剩下的文字再去掉一半。1、欢迎词必须消灭
2、指示说明必须消灭
第六章 街头指示牌和面包屑-设计导航
1、网络导航101法则*你通常是为了寻找某个目标。
*你会决定先询问还是先浏览:对任何人来说,先搜索还是先浏览取决于他们的打算,匆忙程度,以及网站是否有良好的导航机制
*如果选择浏览,你将通过标志的引导在层次结构中穿行
*最后,如果找不到想要的东西,你会离开
2、无法承受的浏览之轻
在web上的体验缺少了许多我们在生活中用来同空间相处的感觉,想想下面这些Web空间的奇怪之处:
*感觉不到大小:实际上你很难知道是否已经看到这个网站上所有感兴趣的内容,因此也很难知道什么时候该停止寻找。
*感觉不到方向
*感觉不到位置
3、导航的用途
*它给了我们一些固定的感觉
*它告诉我们当前的位置
*它告诉我们如何使用网站
*它给了我们对网站建造者的信心
4、Web导航习惯用法
习惯用法指出导航元素的外观和位置,把它们放在标准的位置,可以让我们快速的定位。
5、持久导航
通常,持久导航只能放置4-5个实用工具--用户用的最多的那几个工具。如果把太多的工具挤到持久导航上,用户们就会眼花缭乱。其他不常用的工具可以进行分组,并到一起放在主页上。
6、只要跺三次脚,说“我要回家”
持久导航中最重要的元素之一是把我们送回主页的按钮或者链接。
7、提供搜索
记住一个公式:一个输入框,一个按钮。
由于搜索的潜在威力和喜欢搜索的用户比喜欢浏览的用户更多,因此除非站点规模非常小而且组织的很好,否则每个页面都应该有一个搜索框或者一个到搜索页面的链接。
7.1花哨的用词
他们会寻找“搜索”两个字,因此请使用“搜索”这个词,而不是“find”“quick find”等,如果你使用“Search”作为输入框的名称,那么应使用“Go”作为按钮名称。
7.2指示说明
7.3选项
如果存在任何混淆搜索范围(搜索什么,是整站点,部分站点,还是整个Web?)的可能性,一定要把它们写出来。
8、其次,再次,再再次
在很多网站,一旦到了第二个层次以下,导航就会变得支离破碎,随意发挥。原因有三:*良好的多级导航本来就很难设计-页面空间有限,而且有那么多元素需要安排在页面中。*设计师即使在设计前两个层次时也常常感到时间不够。*它看起来并不重要。而且,有一种倾向认为,当人们深入到网站的这一个层次后,他们自然会明白如何进行操作,
事实上,用户在底层页面上花的时间通常和在顶层话的时间相同,除非你从一开始就自顶往下进行导航设计,否则以后很难再进行添加,也很难保持一致性。
在开始讨论主要的颜色方案之前,拥有显示网站所有潜在级别的导航的样例页面非常重要。
9、页面名称
*路牌标志很大
*它们在合适的位置
9.1关于页面名称需要注意以下四点:
*每个页面都需要一个名称
*页面名称要出现在合适的位置
*名称要引人注目
*名称要和点击的链接一致
10、面包屑
*把它们放在最顶端
*使用“>”对层级进行分隔
*使用小字体
*使用l文字“你在这里”
*将最后一个元素加粗
*没用把它们用作页面的名称
第七章 首先要承认,主页不由你控制-设计主页
1、主页要完成的任务*站点的标识和使命
主页要告诉我们这是什么网站,它是做什么的,还有,如果有可能的话,告诉我为什么应该在这里而不是别的网站。
*站点层次
主页要给出网站提供的服务的概貌-既要包括内容,也要包括功能,还有这些服务是如何组织的。这项工作通常由持久导航来处理。
*搜索
*导读
主页要用一些“里面有精彩的内容”的暗示来吸引我。部分应突出最新、最好、最流行的内容片段。
*内容更新
*友情链接
*快捷方式
常访问的内容片段值得在主页上放置链接,免得用户四处寻找。
*注册
*让我看到自己正在寻找的东西
主页应该让我想要的任何东西显而易见。
*还有我没有寻找的。
同时主页也应该让我看到一些很精彩的,我也许会感兴趣的内容。
*告诉我从哪里开始
*建立可信度和信任感
2、传达整体形象
让用户在越短的时间明白这个网站是干什么的,网站上有什么,为什么我应该在这里,而不是在别的地方。
3、如何传达
*口号-最有价值的位置之一是靠站点ID的地方
*欢迎广告
*需要多大的空间就使用多大的空间
*但也不要使用过多的空间
*不要把使命陈述当作广告
*最重要的是进行测试
4、没有什么比得上一个好口号
在网站上,口号可能出现在站点ID的下方、上方或旁边
*好的口号要清楚、言之有物
*好的口号长度适中,6-8个英文单词足以表达思想。
*不要把口号和宗旨混淆起来。宗旨表达某种指导原则,某个目标或某种思想,但是口号传达了某种价值的主张。宗旨崇高又可靠,但是我不知道网站是干什么,它们不会告诉我。
*好的口号应该有个性、生动、有时候还很俏皮。
5、第五个问题
一旦知道网站是做什么的,接下来的就是从哪里开始?
为了让用户更好的起步,就得让每个起点看起来像起点。此外,要清楚的给它们加上文字描述。例如:“搜索”、“分类浏览”、“登录”、“从这里开始”等。
6、主页导航可以不一样
主页上的导航和网站其他页面的导航可以不一样,但是也不要相去甚远。
*栏目描述
*不同的方向
主页通常和其他页面的布局不同,因此它有可能有必要使用垂直导航而不是水平导航。
*用于识别的空间更多
主页导航和持久导航需要保持一定程度上的一致性,这样用户才能马上反应过来这只是同一导航的两个版本。
7、下拉框的问题
由于主页的位置有限,下拉框很节省空间。但是:
*你必须把它们找出来
*它们不好控制
*它们难以扫描
第九章 一天10美分的可用性测试
1、焦点小组不是可用性测试焦点小组是快速得到用户的意见和感觉的一种不错的方法
焦点小组在抽象地确定你的目标受众想要什么,需要什么,喜欢什么的时候会很有用。它们也可以测试出网站的理念是否有意义,价值主张是否吸引人。
你能从焦点小组了解到的是你在设计网站之前就应该了解的。焦点小组是用在这个过程早起阶段的方法,如果你想做一次现状调查并对网站文字进行调整甚至也可以放在后期进行,但是请不要把它们和可用性测试弄混。它们不会告诉你人们是否确实能使用你的网站。
2、关于测试的几个事实
*如果想建立一个优秀的网站,一定要测试
*测试一个用户比不做测试好一倍
*在项目中,早点测试一位用户好过最后测试50位用户
*人们对招募用户代表的重要性估计过高
*测试的关键不是要证明什么或者反驳什么,而是了解你的判断力
*测试是一个迭代的过程
*没有什么比现场用户的反应更重要
3、应该测试多少用户
每轮测试的理想用户数量应该是三个,最多是四个
4、测试什么,什么时候测试
关键是要在web开发的各个阶段及早进行测试。
测试,就是测试用户看到网站,然后看他们能否理解这个网站,理解网站的目标,价值主张,组织方法,运行方式等。
第十章 可用性是基本礼貌
1、提高好感的几种方式*知道人们在你网站上想做什么,并让它们明白简易
*告诉我我想知道的
*尽量减少步骤
*花点心思
*知道我可能有哪些疑问,并且给与解答
*为我提供协助,打印友好页面
*如有不确定记得道歉