我读书一直有做笔记的习惯,特别是遇到好书的时候。
这本书已经被推荐烂了,讲得是一些很基础的用户体验知识,很适合入门扫盲。
整理了一下,分享给大家~
1、别让用户思考
1)页面简单清晰: 清晰的布局/结构,分类明确,模块分明;
2)用词直白易懂:用用户的语言描述,不要用专业术语;
如:加入购物车 VS 加入清单;
3)展示型内容与点击型内容样式区分开:
4)为用户行为找好路径:下一步怎么做,用户才不会迷茫;
如: 订票时用户输入了英文字母,这时候主动为用户弹出下拉选项窗,帮助用户顺利进行到下一步;
2、大多数人会花比我们想象中少得多的时间来浏览我们的Web页面或移动端APP,人们都是带着目的来的;
1、第一个事实:我们不是阅读,而是扫描;
大部分时间,用户都是在每个页面瞥上一眼,扫过一些文字,点击第一个让他们感兴趣的或大概符合他们寻找目标的链接;
2、第二个事实:我们不作最佳选择,而是满意即可;
大多数时间里用户不会选择最佳选项,而是选择第一个看起来合理的选项。
3、第三个事实:我们不是追根究底,而是勉强应付;
追根究底的运作原理对用户来说并不重要,如果用户发现某个东西能用,就会一直用它,很少回去主动寻找更好的方法。
但是如果用户能弄明白运作方式,那么将会有以下好处:
1)更容易找到自己需要的东西,对双方都好;
2)更容易理解网端服务范围;
3)更容易引导用户到你希望他们看到的地方;
4)成为老用户,增加用户粘性;
1、尽量利用习惯用法:
1)遵循习惯和惯例;
2)页面上什么内容在什么位置;
3)服务将如何运作;
4)视觉元素的外观;
注:如果准备创新,那么必须想清楚你想要取代的设计的价值,并确认你在使用一种“同样简洁明了,没有学习曲线的方法”,或“带来很大的价值,值得用户付出一点努力来学习”。
2、简洁胜过一切:
如果能通过某种程度上打破一致性,而得到高度简洁清楚的效果,那么选择简洁。
3、建立有效的视觉层次:
1)越重要的部分越突出;
2)逻辑相关的部分也在视觉上相关;
3)逻辑上包含的部分也在视觉上嵌套;
4、把页面划分为明确定义的区域:
这可以让用户很快关注页面自己感兴趣的区域,放心跳过其他区域。
5、明确标识可以点击的地方;
6、降低视觉噪音:
有三类主要的视觉噪音
1)眼花缭乱型:乱七八糟的抢眼内容和颜色,没法创建合适的视觉层次结构;
2)组织不当:页面内容模块乱七八糟,没有组织好合理的框架;
3)太过密集:内容太多,信息被噪音覆盖;
7、为文本设置格式,以便扫描:
1)充分使用标题;
2)保持段落简短;
3)使用符号列表;
4)突出关键词语;
用户不介意多少次点击,只要每次点击都是毫不费力的,并且让用户坚信自己的选择正确。
即如果用户需要一直在网络上进行选择,那么让这些选择变得无须思考就是让一个网站容易使用的主要因素。
记住经验准则:
“三次无须思考,明确无误的点击相当于一次需要思考的点击”。
1、去掉没人会看的文字有几个好处:
1)降低页面噪音;
2)让有用的内容更突出;
3)让页面更简短,让用户在每个页面瞥上一眼看见更多的内容;
2、去掉欢迎词:
大部分用户没时间闲聊,他们希望直截了当;
3、去掉指示文字:
我们应该通过让每个内容都简单明了来消除指示说明,或者尽可能做到这一点,当指示文字变得完全没必要时,就应该把他们丢掉。
关于指示文字,没人会去细读它,至少在多次“勉强应付”失败之前不会;
1、网络导航101法则:
1)用户通常为了寻找某个目标;
2)用户会绝对先询问(搜索)还是先浏览;
3)如果选择浏览,将会通过标志和引导在层次结构中穿行;
4)如果找不到想要的东西,将会立刻;
2、无法承受的浏览之轻:
1)感觉不到网站大小;
2)感觉不到方向;
3)感觉不到位置;
主页很重要,主页就像一个固定空间,就像北极星,给你一个重新开始的机会;
3、被忽视了的导航用途:
1)它告诉用户这里有什么;
2)它告诉用户如何使用该网站;
3)它给了我们对网站建造者的信心;
4、Web导航习惯用法:(位置固定,样式统一)
将他们放在标准位置可以让用户快速定位,不必费力。标准化的外观让用户更容易将它们与别的东西区分开来;
1)站点ID:公司首页落脚点,一般用Logo;
2)搜索:因为存在很多“搜索型用户”;
3)实用工具:到达网站中不属于内容层次的重要元素的链接,如登录/注册;
4)主导航条:主页和其他栏目;
5、页面名称:
1)名称要显眼,并出现在合适的位置;
2)每个页面都需要一个名称;
3)名称要引人注目;
4)名称要和点击的链接入口一致;
5)在导航条中对比突出用户当前的位置,如改变颜色、加粗等;
6、面包屑(层级菜单):
1)告知用户从主页到当前位置的轨迹;
2)将面包屑放在页面顶层;
3)使用“>”对层级进行间隔;
4)加粗最后一个元素;
7、标签式导航的优点:
1)不言而喻;
2)很难错过;
3)很灵活;
4)暗示了一个物理空间;
8、后备厢测试:
猛然看一个网站,可以回答以下问题
1)这是什么网站?(站点ID)
2)我在那个网页上?(网页名称)
3)在这个网站我可以做什么?(栏目清单)
4)在这个层次上我有什么选择?(本页导航)
5)我在导航系统的什么位置?(面包屑)
6)我怎么搜索?
Web设计的大爆炸理论:最初的几秒钟特别重要!
主页要传达整体形象,一眼就让别人清楚这个网站到底是什么。
·这是什么网站?
·网站上有什么?
·为什么我应该在这里,而不是别的什么地方?
1、每个人都有自己的认知,不要花太多时间去争论去想象用户的喜好;
2、没有什么普通用户,所有用户都是独一无二的;
3、测试在当前页面的上下文环境中,该功能能否让大部分人产生更好的体验。
测试会让我们看到用户的动机、理解、反应的差异,从而让我们不会坚持认为用户的想法和我们一样。
1、关于测试的几个事实:
1)如果想建立一个优秀的网站,一定得测试;
了解别人的看法,使自己不要理所当然。
2)测试一个用户比不做测试好一倍;
3)在项目中,早点测试一位用户好过最后测试50位用户;
一旦网站已经建成,想改变就不容易了,很多用户拒绝改变;
4)人们对招募用户代表的重要性估计过高;
早测试、多测试比过分要求招募目标用户更重要;
5)测试的关键不是要证明什么或者反驳什么,而是了解你的判断力;
测试可以提供有价值的参考,让你加上你的经验、专业判断、和常识能够让你做 更明智的选择。
6)测试是一个迭代的过程;
要遵循开发、测试、修复、再测试的过程;
2、应测试多少用户:
每轮用户3~4个用户,可以遇到几乎所有最明显的问题,有助于保证快节奏,让你有时间处理这些问题,快速进入下一轮测试。
3、宽松招募,曲线上升:
1)可用性测试的最大秘密:测试对象是谁并不重要,利用你能够寻找到的任何人(满足最低要求),然后曲线上升。
因为大家都是勉强应付,设计出的网站只能目标用户使用,并不是一个好主意。
2)例外情况:
a. 用户类型单一,那么就去招该类目标用户;
b. 目标用户分为几类固定群体,那就每个类型的用户都需要招募;
c. 网站专业性强,那么至少在一个测试回合中招募专业的用户;
3)其他要点:
a. 提供合理的激励;
b. 邀请要简单;
c. 避免预先讨论;
d. 多请认识的人帮忙;
4、测试时间、地点、人物:
1)测试时间:各个阶段及早测试,设计前先做竞品测试;
2)在哪里测试:
一个房间、椅子、电脑、录制工具(需要录制用户视觉热点、屏幕、用户和协助者的对话,并且确保不会影响到用户);
3)需要哪些人员:
测试对象、引导人员(鼓励用户去尝试)、观察人员(任何想要观察的团员);
5、测试些什么:
1)理解测试:看用户是否理解这个网站,理解它的目标、价值主张、组织方法、运行方式;
2)关键任务测试:让用户完成一些任务,任何观察他们的执行过程;
· 想办法观察用户执行一些他们有权参与选择的任务,这样效果会好;
· 建立网站时,越早把设计思想展示给用户越好。用户更愿意评论没有完成的东西;
6、测试过程实例:
1)介绍
a. 自我介绍;
b. 告诉用户需要做什么,并且不必担心犯错,可以畅所欲言;
c. 告诉用户测试过程中不回答他们问题的原因;
d. 告诉用户他们的隐私受到保护;
e. 告诉用户需要对项目进行保密;
2)背景问题:
a. 大致了解用户;
b. 划分用户类型;
c. 多聊天了解用户,并及时回到主题;
3)对主页的反应:
a. 展示主页;
b. 不要纠结用户因个人审美而对主页发表的看法;
c. 注意用户对页面内容的理解,如图表、名词等;
4)要点:
a. 测试任务加起来不要超过45分钟;
b. 多询问用户执行任务时的想法;
c. 做修正时不要捡了芝麻丢了西瓜,要注意修正后内容的平衡;
d. 每个月需要找一个上午测试3~4个人;
5)立刻回顾测试结果:
(建议一个上午进行3~4轮测试,午餐时间进行简短总结)
a. 给问题分类:回顾问题,并且决定哪些需要修正;
b. 解决问题:找出解决方法;
6)常见问题:
a. 用户不清楚概念:就是不理解网站要说什么,或者理解有误;
b. 用户找不到自己要找的字眼:可能是因为内容分类不符合用户习惯,或者没有使用它们期望的名称;
c. 内容太多:需要减少页面整体干扰,把需要的内容设置的更加醒目;
7)问题分类指南:
a. 忽略用户短暂的错误,只要能没有任何帮助回到原来的轨迹就行;
b. 抵制添加冲动:当测试时看到人们没有理解某些内容时,大部分人第一反应是添加一些注释或者说明;
c. 不要太看重人们对新功能的要求:人们常说“如果能xxx就好了“,其实挺忙他们只是在发表个人喜好;
d. 抓住够得着的果子:寻找恍然大悟型(问题和解决方法都很明显的)和便宜型(变更简单,毫不费力的)的问题率先解决。
1、管理屏幕空间的挑战不应该以牺牲可用性为代价;
2、多考虑网络不好的情况下,产品的表现;
3、可用性的定义:
· 有用、可学习、可记忆、有效、高效
· 合乎期望,让人快乐
可以这样说:
让一个有着平均能力和经验的人(甚至稍低于平均水平)能弄明白如何使用它(说明它是可学习的)去完成某个任务(有效的),而不会遇到不必要的麻烦(高效的)。
4、在很好的完成了应用的可用性之余,给用户超出预期的惊喜,会 为你的应用加分。
5、应用也需要可记忆:
应用操作起来不要太复杂,防止过一段时间再进入应用时忘记使用方法。
1.注意不要犯以下错误:
1) 隐藏用户想要获得的信息,如商品价格;
2)不让用户按自己的一些认知行事,如在输入银行卡的时候加空格符;
3) 询问不必要的信息,应当注意用户对自身隐私的敏感度;
4)敷衍、欺骗用户,如对用户反馈的问题不予理睬,但是却敷衍性回复我们将会马 上为您解决问题;
5)给用户设置障碍,打断用户执行任务;
6)网站和App显得不专业;
2、提高好感的几种方式:
1)知道用户想要什么,并且把它们变得简单明白;
2)告诉用户他们想知道的,如价格、最新消息;
3)尽量减少步骤;
4)多花点小心思,将所有步骤走通,让用户可以独自顺利完成它;
5)知道我有哪些疑问,并给予解答:
a. 给出真正的问题列表,而不是软推销;
b.保持更新;
c.保持坦率;
6)容易从错误中恢复:可以出现错误,但是要给出解决出口;
7)如有不确定,记得道歉。
用户人群很庞大,不要仅仅考虑到普通人群,也要考虑残障人士。
1、UCD(user centered design)以用户为中心的设计
目标:设计正确的产品,保证他可用;
2、UED(user experience design)用户体验设计
目标:在产品生命周期的每个阶段,都会把用户的需要考虑进来。
如:从用户在电视上看到的产品广告,到在线购买、订单跟踪,甚至包括退货。