《点石成金》读书笔记

本书简介

这本书的全名是《点石成金:访客至上的Web和移动可用性设计秘笈(原书第3版)》。本书是作者Steve Krug关于可用性设计的一本著作。于2000年完成第一版,06年修订第二版,13年修订第三版。这篇读书笔记针对的是第三版书。在这里指出这个问题是因为即使是最新版的书,这本书离现在也有些年头了。如果要计算离第一版的时间,已经过去了17年。在这十几年之间,我们使用计算机和互联网的方式已经发生了许多变化:技术发生了改变、网络本身在改变以及本书所关注的可用性已经成为了设计主流。尤其是现在应用都在向移动端偏移,这本书的局限性就比较明显。

书中作者引用Jakob Nielsen的话来说明这本书现在的价值:“人类大脑的容量不会马上发生变化,所以这些人类行为研究所得到的成果在很长时间之内都不会失效。对于用户来说,20年前他们遇到的困难,现在同样也是如此”,虽然这句话我并不是特别认同,但是这本书中确实有很多值得我们借鉴的地方。故此摘抄出来。

本书结构

因为作者的语言风格比较幽默,所以很多标题都比较有趣味和艺术感,但这里我还是依照主要的内容来整理了这本书的结构,方便以后回顾温习。

本书结构

重点梳理

导读

Steve Krug 对可用性的定义

1. 有用:能否帮助人们完成一些必须的事务?

2. 可学习: 人们能否明白如何使用它?

3. 可记忆: 人们每次使用的时候,是否都需要重新学习?

4. 有效: 他们能完成任务吗?

5. 高效: 他们是否只需花费适当的时间和努力就能完成任务?

7. 合乎期望: 是人们想要的吗?

8. 令人愉悦: 人们使用的时候觉得有意思甚至很好玩吗?

指导原则

别让我思考-可用性第一定律

最重要的原则。它意味着设计者应当尽量做到,当我看一个页面的时候,它应该是不言而喻、一目了然、自我解释的。

我们是如何使用Web的

事实一: 我们不是阅读,而是扫描

原因:

(1) 我们总是有任务在身

(2) 我们知道自己不必阅读所有内容

(3) 我们善于扫描

事实二: 我们不做最佳选择,而是满意即可

绝大多数时间离我们会选择第一个过得去的,而不是最好的,这是满意策略。

原因:

(1) 我们总是处于忙碌中

(2) 如果猜错了,也不会产生什么严重的后果

(3) 对选择进行权衡并不会改善我们的机会

(4) 猜测更有意思

事实三:我们不是追根究底,而是勉强应付

无论什么技术,很少有人会花时间阅读说明书。相反,我们贸然前进,勉强应付,编造出我们自己模棱两可的故事,来解释我们的所作所为,以及为什么这样能行得通。

原因:

(1) 这对我们来说只要能正常使用,其余的并不重要

(2) 如果发现某个东西能用,我们就会一直使用它。

为扫描设计网站,而不为阅读设计

作者的建议:

(1) 尽量利用习惯用法

(2) 建立有效的视觉层次

(3) 把页面划分成明确定义的区域

(4) 明显表示可以点击的地方

(5) 最小化干扰

(6) 为内容创建清楚的格式,便于扫描

可用性第二定律

点击多少次都没关系,只要每次点击都是无需思考、明确无误的选择。

同时在引导用户做选择的时候,保证提示的简短、及时以及不会错过,这样的效果最好

省略多余的文字

好处:

(1) 降低页面的噪声

(2) 让有用的内容更加突出

(3) 让页面更简短,减少滚屏次数

需要消灭的文字:

(1) 欢迎词

(2) 指示文字(如问卷前面的说明文字)

必须正确处理的几个方面

导航设计

重要性是因为在网站上如果找不到方向,人们不会使用你的网站。

1. 用户进入站点的流程

(1) 你通常是为了寻找某个目标

(2) 你会决定先询问还是先浏览

(3) 如果选择浏览,你会通过标志的引导在层次结构中穿行

(4) 最后如果找不到你想要的东西,你会离开

主要流程

2. 当前浏览容易遇到的问题

感受不到网站的大小/方向/位置是最容易遇到的问题。

书签就是帮助用户快速访问某个重要内容的方式,而网页首页十分重要也是因为他就像北极星,点击回到“主页”给了你一个重新开始的机会

3. 被忽略的导航用途

(1) 它告诉我们这里有什么

(2) 它告诉我们如何使用网站

(3) 它给了我们对网站建造者的信心

4. 持久导航

持久导航(全局导航)一共包含以下几个元素:站点ID、栏目、实用工具、搜索

持久导航

站点ID就是代表了整个网站,就像建筑物的名称。

栏目也叫主导航条,是到达该站点狐妖栏目的链接,即站点层次结构的最顶层,还可以包括二级导航。

实用工具是到达网站中不属于内容层级的重要元素的链接。(比如登录注册、帮助等)

搜索框就是用于搜索站内内容的入口。

5. 页面

每个页面需要一个引入注目的名称,每个页面名称需要出现在合适的位置,且名称要和点击的链接一致。

6. 标明当前所在位置

用面包屑(层级菜单) 来标注当前位置。使用的时候注意把他们放在最顶层,使用“>”来对层级进行间隔以及家畜最后一个元素。

面包屑菜单

与此同时,作者还推荐用标签来区分页面

用户如何开始-主页应该做什么?

1. 主页需要完成的任务

具体的需要:站点标识和使命,站点层次,搜索,导读,功能推介,适时更新的内容,交换链接,快捷方式,注册

抽象的目标: 让我自己看到自己正在寻找的东西,看到自己还没寻找的东西,告诉我从哪儿开始,建立可信度和信任感

2. 首页必须要传达网页的整体形象

可以让用户一眼能够回答以下四个问题:

(1)这是什么网站?

(2)我能在这里做什么?

(3)网站上有些什么?

(4)为什么我应该在这里,而不是别的什么地方?

如何传达整体形象:

(1) 口号  

口号要个性、生动,长度合适,表述网站的特点和显而易见的好处

 (2) 欢迎广告 

  (3) 了解更多

传达原则:

(1) 需要多大空间就用多大空间,但是不要占用太多空间

(2) 不要把使命陈述当做欢迎广告

(3) 及时做用户测试

3. 网站需要确定用户从哪里开始

看到网站后需要准确无误的知道如果我想搜索/浏览/看热门内容,我可以从哪里开始

确定你没有做错的事情

不要把大量时间浪费在和不同的成员争论可用性

因为当我们处于一个Web团队时,事实证明很难保证不把这些感觉牵扯进来。由于每个人的偏好不用,所处的职位不同,所以审视相同时间的角度都是不同的。我们需要认识到,对于大部分Web设计问题来说,没有简单的“正确答案”。良好的、一体化的设计能满足需要,也就是说,经过仔细考虑、实现和测试的设计就是好的。

可用性测试重要性

1. 焦点小组不是可用性测试

焦点小组研究中,一小组(通常是5-10人)围在桌子旁边,侃侃而谈,谈论的是他们对于产品的看法,产品的过往经验,或者他们对一些新概念的反应等。如果想要快速得到部分用户的意见和感觉,焦点小组是一种不错的方法。

可用性测试中,一次一个用户,我们观看用户使用一些东西,去完成一些典型的任务,通过观察用户的行动,还可以检测到那些让用户混淆和倍感挫折的地方,并修复它们。

它们之间最主要的区别是,在可用性测试离,你会看到人们真正的适用情形,而不是只听到他们的说法。

2. 关于测试的几个事实

(1) 如果想要建立一个优秀的网站,一定要测试

(2) 测试已为用户也比不做测试好一倍

(3) 在项目中,早点测试已为用户要好过最后测试50位用户

3. 可用性测试不用太麻烦,不需要很多的限制,简易版的可用性测试就可以发挥很大的功效

简易可用性测试

简易测试保持简单,固定时间这样就可以有更多的人参与进来。

这类测试的目的不是为了证明任何东西,而是了解未知的事实;你也不用在这个测试中发现所有的问题,做一次测试,测试的结果就足够让你忙一阵了。

测试用户的选择:去寻找能反映你目标群体的测试用户,但也不要限于此

测试任务一定要在之前准备好,明确本次测试的目标。

测试应当至少包含以下四个部分:欢迎部分、提问部分、主页观光、任务测试

4. 测试后最先修复最严重的问题,作者的一些建议

(1) 单列出那些不严重,但是非常容易修复的问题,不要因为简单就先做。

(2) 抵制添加的冲动

(3) 不要太看重人们对新功能的要求

(4) 忽略“皮划艇”问题(指哪些用户暂时出现错误,但后续可以正确操作的问题)

大的方面和外界影响

移动端设计

1. 移动端的设计的限制与妥协

用一种方式看待设计--任何类别的设计,那就是,它的本质就是处理各种约束和妥协。但是与其说他们是一种负面因素,还不如说他们实际上会让设计变得更容易,也能催生出新的创意。要达到良好的移动可用性,绝大多数的挑战最终归结为做出良好的设计妥协。

2. 移动端主要注意的问题

(1) 在狭小的空间里注意优先级安排,这样才能把全部计划的功能放进去。要么多点处,要么夺华东。只要用户一直对他们想要的东西在屏幕下面或者链接/按钮后面保持自信,他们就会继续操作。

(2) 允许缩放

(3) 跳转链接必须有效

(4) 永远记得提供一个到“全内容”网站的链接

(5) 提示信息要明显

(6) 没有光标 = 没有悬停 = 没有线索 所以要将王延段悬停提示用其他方法来替代

(7) 扁平化设计有利有弊,让页面更加时尚,但可能会隐藏提示

3. 移动应用的可用性

让这一个有些平均能力和经验的人能弄明白如何使用它去完成某个人物,而不会月倒不必要的麻烦。

4. 移动应用需要为用户带来快乐,但不要把注意力都集中在上面。

5. 移动应用需要可学习、易于用户学习

用户好感度

1. 每个用户都有一个好感存储器,这个好感存储器因为个人特质的不同而不同,因为用户所处环境与状态不同而不同,你可以诚信填满它,但是有时候一个简单的错误就能清空它。

2. 降低好感的几种方式;

(1) 隐藏我想要的信息

(2) 因为没有按照你们的方式行事而惩罚我

(3) 向我询问不必要的信息

(4) 敷衍我,欺骗我

(5) 给我设置障碍

(6) 看上去不专业

3. 提高好感的几种方式

(1) 知道人们爱你网站上想做什么,并让他们明白简易

(2) 尽量减少步骤

(3) 花点心思

(4) 知道我可能有哪些疑问,并且给与解答

(5) 为我提供协助,例如打印友好页面

(6) 容易从错误中恢复

(7) 如有不确定,记得道歉

可访问性

本书中可访问性指的是针对特殊用户的访问设计,修正可访问性的方法:

1. 修正让所有人感到混淆的可用性问题

2. 读《Guidelines for Accessible and Usable Web Sites: Observing Users Who Work with Screen Readers》

3. 读两本书

《A Web for Everyone: Designing Accessible User Experiences》

《Web Accessibility: Web Standards and Regulatory Compliance》

4. 去解决细节的问题,例如为图片设置alt文本,表单配合阅读器,所有内容都可以听过键盘访问。文本与背景之间有明显的对比

一些提示

本文给出一些关于如何和老板沟通和字体选择等方面的小提示,这个部分《启示录》和《写给大家看的设计书》这两本阐述的更为详尽,有兴趣的小伙伴可以看看那两篇的读书报告。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,319评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,801评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,567评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,156评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,019评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,090评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,500评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,192评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,474评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,566评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,338评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,212评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,572评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,890评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,169评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,478评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,661评论 2 335

推荐阅读更多精彩内容