写在前面的话:作为一名产品经理菜鸟,需要多学习、多阅读、多交流体验才能在今后的产品道路上越走越远。目前想通过读书笔记的形式将书中的精华记录下来,监督自己学习领会,毕竟“看过”和“写过”还是不一样的,看过很容易就忘记了,而写下来的过程本身就是一种加深理解的方法,同时,我也想把它们分享出来,希望能帮到和我一样的产品新手。
书籍介绍:
《DON`T MAKE ME THINK》 作者:Steve Krug 原书第三版
今天给大家分享的是第一章~第三章的内容:
指导原则
第一章 别让我思考 Krug可用性第一定律
1、别让我思考
“别让我思考”是最重要的原则——它是在设计中判别什么有用什么没用的终极法则。
它意味着,设计者应该尽量做到,当我看到一个页面时,它应该是不言而喻、一目了然、自我解释的。
我应该能“明白它”它是什么意思,怎样用它——而不需要进行额外的思考。
当我看到一个不需要思考的网页时,脑袋里面浮现的会是:“嗯,这是_______,那是_______,我想要的东西在这里。
2、强迫我们思考的地方
网页上每项内容都有可能迫使我们停下来,进行不必要的思考。例如,命名。
命名一般介于”对每个人都显而易见“和”完全模糊不清“之间,往往需要权衡。作者的观点是,权衡应该更倾向于”显而易见“而不是需要额外的思考。
批注:命名还应该符合用户的使用习惯,选用约定俗成的,大家都这么用的,更易于用户理解。
另一个不必要的问号来源是那些看起来不太明显的链接和按钮。作为一个用户,永远不该让我花时间去思考某个东西是否能点击。
批注:可以点击的链接和按钮需做明显,绝不让用户来思考能否点击。
3、如果你做不到让一切都不言而喻
有时候在进行一些崭新的、开拓性的,或者非常复杂的页面设计时,也许只能做到”自我解释“。
页面元素的外观(例如尺寸、颜色和布局),精心选择的命名,少量斟酌的文字,它们综合在一起将创造出一种接近瞬间的识别效果。
这里有一条原则:如果你不能让一个页面不言而喻,那么至少让它自我解释。
批注:可以通过元素外观(尺寸、颜色、布局)、命名、文字说明等让页面自我解释。
4、为什么它这么重要?
在互联网上,竞争有时就在于一个点击的差别,因此,如果你得罪了用户,他们会跑到别的地方去。
5、那么,到底是为什么呢?
大多数人会花上比我们想象中少得多的时间来浏览我们设计的网页。
结果,如果要网页有效,它们必须在用户第一眼看到时,将自己展示出来,而要做到这一点,最好的方法是创建不言而喻的网页,或者至少也要做到自我解释。
第二章 我们实际上是如何使用Web的 扫描,满意即可,勉强应付
如果想设计有效的网页,你必须开始接受关于网络使用情况的三个事实:
1、第一个事实:我们不是阅读,而是扫描
人们会花极少的时间来阅读大部分的页面。
我们为什么扫描?
①我们总是任务在身;
②我们知道自己不必阅读所有内容;
③我们善于扫描。
2、第二个事实:我们不作最佳选择,而是满意即可
在设计页面时,我们容易假定用户会扫过整个页面,考虑所有可能的选项,然后选择一个最好的。,
事实上,绝大多数时间我们不会选择最好的,而是选择第一个过得去的,这就是满意策略。
3、第三个事实:我们不是追根究底,而是勉强应付
在很大程度上人们一直在使用这些东西(网站、软件),但并不理解它们的运作原理,甚至对它们的工作原理有完全错误的理解。
第三章 广告牌设计101法则 为扫描设计,不为阅读设计
如果用户们都是疾驰而过,那么,下面有几个方面你要注意,保证他们尽可能地看到了——并了解了你的网站:
·尽量利用习惯用法
·建立有效的视觉层次
·把页面划分成明确定义的区域
·明显标识可以点击的地方
·最小化干扰
·为内容创建清楚的格式,以便扫描
1、习惯用法是你的好帮手
任何东西,能让人瞬间理解,一种最好的方式就是遵循习惯和惯例——那些已经广为采纳或者已经标准化了的设计模式。
·页面上什么内容在什么位置(LOGO在页面左上角)
·服务将如何运作(购物网站提供购物车)
·视觉元素的外观(视频链接图标、搜索图标)
简洁胜过一致
如果能通过在某种程度上打破一致性,而得到高度简洁清楚的效果,那么果断选择简洁。
2、建立有效的视觉层次
一个视觉层次清楚的页面有三个特点:
·越重要的部分越突出
·逻辑上相关的部分也在视觉上相关
·逻辑上包含的部分在视觉上进行嵌套
3、把页面划分成明确定义的区域
因为可以让用户很快决定关注页面的哪些区域,或者放心地跳过哪些区域。
4、明显标识可以点击的地方
因为人们在网络上所做的大多数事情就是找到下一个地方点击。
扫描页面的时候,我们会寻找各种视觉线索,看哪些地方可以点击,例如某种形状(按钮、选择卡),某些位置(菜单条),以及某些格式(文字颜色、下划线)。
5、降低视觉噪声
实际上有三类视觉噪声:
·眼花缭乱
·组织不当
·太过密集
在设计网页的时候,先假定所有内容都是视觉噪声(“有罪推定”的方法),并去除任何对页面没有帮助的内容。
6、为文本设置格式,以便扫描
下面是一些重要的方法:
·充分使用标题
·保持段落简短
·使用符号列表
·突出关键词语
批注:Ginny Redish 《消除文字》