我读书一直有做笔记的习惯,特别是遇到好书的时候。

这本书已经被推荐烂了,讲得是一些很基础的用户体验知识,很适合入门扫盲。

整理了一下,分享给大家~

Image title

1、别让用户思考

1)页面简单清晰: 清晰的布局/结构,分类明确,模块分明;

2)用词直白易懂:用用户的语言描述,不要用专业术语;

     如:加入购物车 VS 加入清单;

3)展示型内容与点击型内容样式区分开:

4)为用户行为找好路径:下一步怎么做,用户才不会迷茫;

     如: 订票时用户输入了英文字母,这时候主动为用户弹出下拉选项窗,帮助用户顺利进行到下一步;Image title

2、大多数人会花比我们想象中少得多的时间来浏览我们的Web页面或移动端APP,人们都是带着目的来的;

Image title

1、第一个事实:我们不是阅读,而是扫描;

大部分时间,用户都是在每个页面瞥上一眼,扫过一些文字,点击第一个让他们感兴趣的或大概符合他们寻找目标的链接;

Image title

2、第二个事实:我们不作最佳选择,而是满意即可;

大多数时间里用户不会选择最佳选项,而是选择第一个看起来合理的选项

3、第三个事实:我们不是追根究底,而是勉强应付;

追根究底的运作原理对用户来说并不重要,如果用户发现某个东西能用,就会一直用它,很少回去主动寻找更好的方法。

但是如果用户能弄明白运作方式,那么将会有以下好处:

1)更容易找到自己需要的东西,对双方都好;

2)更容易理解网端服务范围;

3)更容易引导用户到你希望他们看到的地方;

4)成为老用户,增加用户粘性;

Image title

1、尽量利用习惯用法:

1)遵循习惯和惯例;

2)页面上什么内容在什么位置;

3)服务将如何运作;

4)视觉元素的外观;

注:如果准备创新,那么必须想清楚你想要取代的设计的价值,并确认你在使用一种“同样简洁明了,没有学习曲线的方法”,或“带来很大的价值,值得用户付出一点努力来学习”。

2、简洁胜过一切:

如果能通过某种程度上打破一致性,而得到高度简洁清楚的效果,那么选择简洁。

3、建立有效的视觉层次:

1)越重要的部分越突出;

2)逻辑相关的部分也在视觉上相关;

3)逻辑上包含的部分也在视觉上嵌套;

Image title

4、把页面划分为明确定义的区域:

这可以让用户很快关注页面自己感兴趣的区域,放心跳过其他区域。

5、明确标识可以点击的地方;

6、降低视觉噪音:

有三类主要的视觉噪音

1)眼花缭乱型:乱七八糟的抢眼内容和颜色,没法创建合适的视觉层次结构;

2)组织不当:页面内容模块乱七八糟,没有组织好合理的框架;

3)太过密集:内容太多,信息被噪音覆盖;

Image title

7、为文本设置格式,以便扫描:

1)充分使用标题;

2)保持段落简短;

3)使用符号列表;

4)突出关键词语;

Image title

用户不介意多少次点击,只要每次点击都是毫不费力的,并且让用户坚信自己的选择正确。

如果用户需要一直在网络上进行选择,那么让这些选择变得无须思考就是让一个网站容易使用的主要因素

记住经验准则:

三次无须思考,明确无误的点击相当于一次需要思考的点击

Image title

1、去掉没人会看的文字有几个好处:

1)降低页面噪音;

2)让有用的内容更突出;

3)让页面更简短,让用户在每个页面瞥上一眼看见更多的内容;

2、去掉欢迎词:

大部分用户没时间闲聊,他们希望直截了当;

3、去掉指示文字:

我们应该通过让每个内容都简单明了来消除指示说明,或者尽可能做到这一点,当指示文字变得完全没必要时,就应该把他们丢掉。

关于指示文字,没人会去细读它,至少在多次“勉强应付”失败之前不会;

Image title

1、网络导航101法则:

1)用户通常为了寻找某个目标;

2)用户会绝对先询问(搜索)还是先浏览;

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

4)如果找不到想要的东西,将会立刻;

2、无法承受的浏览之轻:

1)感觉不到网站大小;

2)感觉不到方向;

3)感觉不到位置;

主页很重要,主页就像一个固定空间,就像北极星,给你一个重新开始的机会;

3、被忽视了的导航用途:

1)它告诉用户这里有什么;

2)它告诉用户如何使用该网站;

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

4、Web导航习惯用法:(位置固定,样式统一)

将他们放在标准位置可以让用户快速定位,不必费力。标准化的外观让用户更容易将它们与别的东西区分开来;

Image title

1)站点ID:公司首页落脚点,一般用Logo;

2)搜索:因为存在很多“搜索型用户”;

3)实用工具:到达网站中不属于内容层次的重要元素的链接,如登录/注册;

4)主导航条:主页和其他栏目;

5、页面名称:

1)名称要显眼,并出现在合适的位置;

2)每个页面都需要一个名称;

3)名称要引人注目;

4)名称要和点击的链接入口一致;

5)在导航条中对比突出用户当前的位置,如改变颜色、加粗等;

6、面包屑(层级菜单):

1)告知用户从主页到当前位置的轨迹;

2)将面包屑放在页面顶层;

3)使用“>”对层级进行间隔;

4)加粗最后一个元素;

Image title

7、标签式导航的优点:

1)不言而喻;

2)很难错过;

3)很灵活;

4)暗示了一个物理空间;

8、后备厢测试:

猛然看一个网站,可以回答以下问题

1)这是什么网站?(站点ID)

2)我在那个网页上?(网页名称)

3)在这个网站我可以做什么?(栏目清单)

4)在这个层次上我有什么选择?(本页导航)

5)我在导航系统的什么位置?(面包屑)

6)我怎么搜索?

Image title

Web设计的大爆炸理论:最初的几秒钟特别重要!

主页要传达整体形象,一眼就让别人清楚这个网站到底是什么。

·这是什么网站?

·网站上有什么?

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

Image title

1、每个人都有自己的认知,不要花太多时间去争论去想象用户的喜好;

2、没有什么普通用户,所有用户都是独一无二的

3、测试在当前页面的上下文环境中,该功能能否让大部分人产生更好的体验

测试会让我们看到用户的动机、理解、反应的差异,从而让我们不会坚持认为用户的想法和我们一样。

Image title

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. 抓住够得着的果子:寻找恍然大悟型(问题和解决方法都很明显的)和便宜型(变更简单,毫不费力的)的问题率先解决。

Image title

1、管理屏幕空间的挑战不应该以牺牲可用性为代价;

2、多考虑网络不好的情况下,产品的表现;

3、可用性的定义:

· 有用、可学习、可记忆、有效、高效

· 合乎期望,让人快乐

可以这样说:

让一个有着平均能力和经验的人(甚至稍低于平均水平)能弄明白如何使用它(说明它是可学习的)去完成某个任务(有效的),而不会遇到不必要的麻烦(高效的)

4、在很好的完成了应用的可用性之余,给用户超出预期的惊喜,会  为你的应用加分。

5、应用也需要可记忆:

应用操作起来不要太复杂,防止过一段时间再进入应用时忘记使用方法。

Image title

1.注意不要犯以下错误:

1) 隐藏用户想要获得的信息,如商品价格;

2)不让用户按自己的一些认知行事,如在输入银行卡的时候加空格符;

3) 询问不必要的信息,应当注意用户对自身隐私的敏感度;

4)敷衍、欺骗用户,如对用户反馈的问题不予理睬,但是却敷衍性回复我们将会马    上为您解决问题;

5)给用户设置障碍,打断用户执行任务;

6)网站和App显得不专业;

2、提高好感的几种方式:

1)知道用户想要什么,并且把它们变得简单明白;

2)告诉用户他们想知道的,如价格、最新消息;

3)尽量减少步骤;

4)多花点小心思,将所有步骤走通,让用户可以独自顺利完成它;

5)知道我有哪些疑问,并给予解答:

     a. 给出真正的问题列表,而不是软推销;

     b.保持更新;

     c.保持坦率;

6)容易从错误中恢复:可以出现错误,但是要给出解决出口;

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

Image title

用户人群很庞大,不要仅仅考虑到普通人群,也要考虑残障人士。

Image title

1、UCD(user centered design)以用户为中心的设计

       目标:设计正确的产品,保证他可用;

2、UED(user experience design)用户体验设计

      目标:在产品生命周期的每个阶段,都会把用户的需要考虑进来。

      如:从用户在电视上看到的产品广告,到在线购买、订单跟踪,甚至包括退货。

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)