《Don't make me think》
作者:Steve Krug
状态:已读完
记录方式:这是用手机码出来的笔记,移动互联时代…
为什么要读这本书?
工作的原因:领养了一个儿子(一个内部系统),养的很不满意,想学习一下育儿经验。
这本书主要是外貌和与其他人交往互动相关的原理、简单易操作的经验介绍,还推荐了一些相关的好书。
我的收获:
1.设计一款产品/体验一款产品,要尽可能的做到不言而喻,差之也要做好自我解释。--用户懂你最重要。
2.要体会用户来你的产品是为了什么,让他们可以通过最简单的方式得到它--习惯通用的方式、主次分明的层次感、划分区域、降低干扰。
3.及时、简洁的引导和帮助--让用户在产品中游走时不用停下来思考,需要帮助时可以自己快速找到解决方案。
4.设计时不要设想大多数人会怎么做,而是思考在这个页面什么样的设计可以让用户获得更好的体验、页面元素更有效。
5.可用性测试很重要,整个研发过程都要伴随着测试,且测试介入的时间越早越好:原型图让测试者说理解、感受;Demo,让用户完成任务,观察用户行为,倾听动机、原因、对此的理解,观察反应差异。
知识点:
1.web网站导航、主页很重要:
导航:
作用:
展示网站有什么,体现内容。
找到想要的东西。
提示现在位置。
持久导航:
一致外观出现在网站每一页相同的位置(除表单、反馈、注册、付费…)
四要素:网站logo、实用工具(不属于内容层次)、搜索、栏目(内容层次)。
主页:
传达整体形象,网站是什么、可以在这做什么、这有什么、为什么是这而不是别处。
导读:暗示里面有精彩内容。
内容推介:头条新闻/热销产品。
功能推介:试用个性化功能。不要推销所有项目、防止过度推介。
交换链接
快捷方式
登录提示
口号(slogan):价值主张,不要和宗旨混淆:指导原则、目标、理想。
2.页面:
页面名称:
每个页面都需要一个引人注目的名称,在涵盖该页内容的位置,并且和点击进入的链接一致。
展示你所在页面在网站中的位置:
面包屑:展示页面层级,在最顶层,用“>”对层级进行间隔,加粗最后一个元素。
在旁边放置一个指示器
改变文字的颜色
使用粗体
按钮反白
改变按钮的颜色
3.DIY简易可用性测试:
时间:每个月一个上午,贯穿整个开发过程。
内容:测试本身、总结、决定修复的问题。
参与人:测试参与人3名、主持人1名、观察者所有相关人员,越多越好。
要求:测试参与人随便找,主持人有耐心、沟通顺畅。
地点:开发现场,两间屋子,共享屏幕;午餐厅。
测试过程:欢迎部分(4mins):充分介绍。
提问部分(2mins):放松参与者心情,了解参与者相关背景。
主页观光(3mins):测试者看到了什么,了解网站被理解的难易程度,及测试者对该领域的了解程度。
任务测试(35mins):核心,观看参与者执行任务并倾听他当时的想法。(⚠️:不影响参与者,不给提示,只在其绝望时给予鼓励)
问题探查(5mins):就测试中发生的任何问题向测试者提问。
结束部分(5mins):感谢。
总结会:决定修复哪些问题。
收集一份问题列表:观察者每个人说出自己认为最严重的三个问题,对于多个人认同的问题记正字。
选择10个最严重的问题(投票/上一步标记数)。
问题评级:按严重性。
建立排序列表:每个问题在下个月怎么修复、谁负责、需要什么资源。
还可以准备一份易修复清单:一人一小时内可修复的问题,且不用不在场人批准。
抵制添加:拿走让人混淆的东西,而非添加注释说明。
新功能要求没那么重要。
第二次才做对,只要不需要别人帮助的都不叫事儿。
还可以远程测试、测试录像。
移动测试与pc的区别:在于测试设备,需要可以看到参与者的手部动作。
4.移动与pc可用性区别:
提示减少:光标移入移出等带来的动效没有了。
首页/页面资源紧张:页面小了,展示内容少了。
移动网络原因:可能加载速度慢,每次加载的内容要更慎重。
路径深了:路径要更显而易见,合乎常理。
屏幕适配:允许缩放、从外部进入要直达相应页面非首页、到全内容网站链接(PC版)。
作者推荐的书籍:
设计相关:
1.《日常事务设计心理学》--DonNorman
2.《消除文字》--Ginny Redish
3.《风格的要素》--E·B·White
心理学相关:
4.《力量之源:人们如何决策》--Gary Klein
5.《人的模型:社会化和理性》--Herbert Simon