首先不得不说Steve Krug真是一个非常幽默的人,这本书在讲了很多实用知识之余也不显得枯燥乏味。作为一个产品小小白,在看完本书后所领略到可能也只是些许皮毛,之后也定会多次细读,所以本文会不定期更新,如果有幸被你浏览到,也非常欢迎指出问题与我交流。
第一章 别让我思考:Krug可用性第一定律
设计中的终极法则,如果你记性不好,记不住那些凌乱的可用性原则,那么只需要记得这一条就好,别让用户思考。
用户在快速浏览网页的,会对很多不明确不清晰的地方产生很多思考,这会导致用户体验变得很差。我们要做的就是在设计网站的去掉这些问号。
在一个网页中,每项内容都有可能让用户产生思考,我们要去掉那些让用户进行不必要的思考的地方。比如:(1)命名:典型的错误就是使用一些自以为很酷的名字,带有营销倾向的名字,和具体公司有关的名字以及生僻的技术型名字。(2)不明显的链接和按钮:永远不要用户去思考这个地方收否可点击。(3)输入:每个细小的思考都会加重用户的认知负担。(4)其他等等。
我们的目标是将一页面做到不言而喻,当用户只要看他一眼就知道是什么内容,如果不能做到让一个页面不言而喻,至少也要做到能让页面自我解释,即用户只需要花一点点时间去理解,元素的外观布局精心的命名,仔细斟酌的文字。
第二章 我们实际上是如何使用Web的:扫描,满意即可,勉强应付
在花费大量时间去观察人们如何使用网络之后,发现普通用户使用网站的方式可能与我们想象的有着巨大的差距:大多数人会花比我们想象的少的多的时间去浏览我们设计的网页。我们自己引以为傲的精心设计,精心准备的文字可能遭受到的只是匆匆一瞥。
网络使用情况的三个事实:
第一个事实:我们不是阅读,而是扫描。用户花极少的时间来阅读大部分界面,在网页上看到什么取决于我们想看到什么,通常只是网页上的一小部分。
第二个事实:我们不做最佳选择,我们满意即可。满意策略:一旦发现一个链接,看上去似乎是用户想要去的地方,用户就会进行点击。由于用户的忙碌,结果的不严重等原因,导致用户不会去寻找最佳选择。
第三个事实:我们不是追根究底,而是勉强应付。用户可能会用完全错误的方式完成任务或者是对其完全错误的理解却依然完成任务,但用户不关心这些背后的远离或者是正确的使用方式,对于用户来说这些不重要,只要能达到他们想要的就行。但是让用户弄明白这些依然很重要,这有助于用户理解,少走弯路,有利于更好的引导用户,有助于用户留存。
第三章 广告牌设计101法则:为扫描设计,不为阅读而设计
1、尽量使用习惯法。任何东西,要让人瞬间理解,一种最好的方法就是遵循习惯和惯例。对于创新,创新的设计需要达到和习惯用法一样的清楚一样的不言而喻或者是它拥有巨大的价值,不打击创新,但是得考虑清楚。在网站内部保持一致性是一件好事,可以节省用户思考的时间,但是有些时候稍稍打破一致可以获得更加清楚简洁的效果,简洁胜过一致。
2、建立有效清楚的视觉层次。清晰的视觉层次能让用户一瞬间明白页面内容。一个视觉层次清楚的页面有三个特点:(1)越重要的部分越突出:字体对比,颜色对比,留白,更接近页面顶部。(2)逻辑上相关的部分视觉上也相关:相近的内容放在一组,在同一个标题之下,在同一个区域内。(3)逻辑上包含的部分在视觉上进行嵌套。
3、把页面划分成明确定义的区域。把页面化分成不同的区域,能方便用户决定去关注哪些区域,或者是跳过哪些区域。
4、明显标识可以点击的地方。
5、降低视觉噪声。视觉噪声有三种类型:(1)眼花缭乱:太多的信息想得到人大注意反而会导致用户眼花缭乱,导致没有东西是重要的。(2)组织不当:排列页面元素的重要性不言而喻,不然一个页面就像被刚打劫过的房间一样乱七八糟。(3)太过密集:太过密集的信息,使得用户想要的重要信息被掩盖。我们可以使用“有罪推定”的方法去解决,即假定所有内容都是视觉噪声。
6、为文本设置格式,以便扫描。我们可以通过以下几种方法来保持文本方便被扫描。(1)充分使用标题:不同级别的标题之间要有区分,并且标题要靠近他们所引导的内容,不然容易造成混淆。(2)保持段落简洁:长长的段落让用户很难去扫描,并理解。(3)使用符号列表。(4)突出关键词:可以通过加粗等方式去突出一段话中的关键词,但也不要有太多的关键词,这样他们又被自己淹没了。
第四章 动物,植物,无机物:为什么用户喜欢无须思考的选择
用户可以忍受在达到目标之前有多次点击,但是每次点击都要用户知道自己点击的东西是什么,点击过后明确自己在哪,必要时我们可以给以用户简短,及时,不容易被忽视的提示。
第五章 省略多余的文字:不要再Web上写作艺术
去掉一些没有人会去看的文字有几个好处:降低页面噪声,让有用的内容更加突出,让页面更简短,让用户不必滚动屏幕,在一个页面上看到更多的内容。
第六章 街头指示牌和面包屑:设计导航
如果在网站上找不到方向,人们不会使用你的网站。
导航有两个显而易见的用途一个是帮助用户找到想要的东西,另一个是告诉用户现在身在何处。除此之外导航还可以告诉用户这里有什么,告诉用户如何使用网站。web导航可以帮助我们快速定位,不必费力。所以需要用标准化的外观让用户容易去区分。
持久导航或者是全局导航指出现在每个页面上的导航元素。它通常包括这四个元素:站点ID,实用工具,搜索,栏目。
站点ID:站点ID通常在左上角,来告诉用户他们在哪,并且站点ID一般可被点击——作为回到主页的链接。
栏目:有时也被叫做主导航条,是到达该站点主要栏目的链接,即站点层次的最顶层。很多情况下,持久导航下也会包含二级导航——当前栏目的下一级栏目清单。
实用工具:实用工具是到达网站中不属于内容层次的重要元素的链接。不同网站的实用工具也会不同,通常在持久导航上只能放置四到五个实用工具。
搜索:一个简单的公式:一个输入框,一个按钮,还有“搜索”两个字。
页面名称就像一个路牌一样对于用户清楚自己在哪来说非常重要。每一个页面都需要一个页面名称,并且它需要在一个比较瞩目,合适的地方。如果是从别的页面点击链接跳转过来的,页面名称要保持和那个链接名字一样。
让用户知道他在哪的几个方法:(1)所在栏目对比突出:可以是颜色,可以是字体大小;(2)使用面包屑导航,关于面包屑有几个好的建议:把它放最上面;使用“>”对层级进行分割;加粗最后一个元素。(3)使用标签分割器,通过突出标签可以有效的让用户知道他们在哪。
使用后备箱测试试试你的网站吧,看看在你网站上的人会不会迷路。
第七章 Web设计中的大爆炸理论:让人们顺利开始的重要性
主页的任务是建立第一印象,让用户清晰明确这是什么网站,网站上有什么,我在这能做什么,为什么我在这里而不是别的网站这四个问题。
想做到这些其实并不容易。这里有传达信息的几条原则:(1)需要多大空间就用多大。(2)不要使用过多的空间:保持简短,只提最重要的。(3)不要把使命陈述当作欢迎广告。(4)最重要的是进行测试。
主页固然重要,因为每个人的利益相关不同所以每个人都希望能在主页上占一席之地。但是我们应该让所有的利益相关者知道过度使用主页的危害,都是重点反而没有重点,还会让人眼花。
第八章 农场主和牧牛人应该是朋友:为什么大部分关于可用性的争论是在浪费时间,如何避免这种情况
争论来自于每个人的立场不同,想法不同,思考角度不同,喜欢的东西也不进相同。在这里不要说“人们不喜欢...”,用户是可弹性的,每个人使用Web的方式习惯都不一样,所以我们不必从用户喜欢什么这个角度去设计网站,而是从用户体验上进行考虑,页面是否合理。最后,解决这种争论最好的办法就是:测试!
第九章 一天10美分的可用性测试:让测试简单——这样你能进行充分的测试
关于焦点小组和可用性测试。焦点小组是早期测试阶段通常是5~10人,漫天扯对产品的看法。二可用性测试通常是一次一个用户,让他们完成任务,我们去观察。
测试的重要性不言而喻,在开发一个网站的过程中必须进行测试。并且进行一个真是用户的测试比一般测试好一倍,早点测试一位用户好过最后时刻测试50用户。
当没有资源去做传统的看一下测试时,我们可以试一下简易版的可用性测试。每个月一次,时间是某个上午,随便招募三个志愿者一份提前商定好的任务,然后做好观察就好了。进行观察的人应该越多越好,所有的利益相关者都应该参与进来。通常会发现很多让人意想不到的问题,最后列一份清单,选取最重要的十个问题,忽略哪些新需求。这样测试下来的成本不会太高,它的收获是巨大的。
第十章 移动,不再是亚拉巴马州的一个城市了:欢迎来到21世纪——你可能会感觉到有点眩晕
当我们在移动设备上进行设计的时候,可用性的区别在哪呢?从某种意义上来说,区别不大。最基本的可用性原则还是一样的,如果有什么变化的话,那就是在小屏幕上人们浏览速度更快了,阅读量也变小了。
由于在手机上空间苛刻的限制,所以确定什么是重要的变得格外重要。移动设备上的内容可以藏在层级很深的地方,需要几次点击才能达到,但是一定要清晰明确路径,并且保持让用户知道自己在哪。在移动手机上,由于屏幕变小,提示性的东西对比度要提高。
移动应用可用性属性:有用,可学习,可记忆,有效,高效,合乎期望和让人快乐的。简单展开阐释一下就是:让一个有着平均能力和经验的人(甚至稍低于平均水平)能弄明白如何使用它(可学习)去完成某个任务(有效的),而不会遇到不必要的麻烦(高效的)。
第十一章 可用性是基本礼貌:为什么你的网站应该让人尊敬
每个人都会喜欢或者厌恶一样东西。
一个网站可能在这几个方面降低人们的好感:(1)隐藏用户想要的信息。(2)因为没有按照既定的方式行事而惩罚用户:比如用户在输入信用卡号时加了空格而被判错。(3)向用户询问不必要的信息(4)敷衍用户,欺骗用户。(5)给用户设置障碍:例如无法跳过新手引导。(6)网站看上去不专业。
相应的也有很多方法来提高用户好感度:(1)知道用户在你网站上做什么,并让你的网站简易明白。(2)告诉用户他想知道的。(3)尽量减少步骤。(4)知道用户可能产生的疑问并予以解答。(5)为用户提供协助,例如打印友好页面。(6)容易从错误中恢复。(7)如有不确定记得道歉。
第十二章 可访问性和你:正当你觉得已经完成的时候,一只猫掉了下来,背上捆着涂了奶油的面包
可访问性是可用性的一种。可访问性考虑到一些特殊的人群访问情况,增强可访问性其实对所有人都有好处,但其实做到可访问性与可用性之间的平衡很难。可访问性意味着更大但工作量,和设计上难度增加或者是折中即降低对普通人对可用性。
我们现在能做到只能是从细节做起比如:(1)为每张图片加合适的alt文本(2)使用分级合适的标题(3)表单适配阅读器(4)随时可跳转到主页(5)所有内容都可以通过键盘访问(6)文本和背景之间的对比(7)采用一份可用行良好的模版。
第十三章 指点迷津:让可用性在你身边成为现实
要通过你的影响力去影响别人说服别人,让人接受可用性的重要性。坚守自己的底线,别让可用性败给各式各样无理要求。
可用性工作是一份为用户呐喊的工作,就像老雷斯一样,你为树木代言。
全篇完。