如何做好用户体验？

一、什么是用户体验？

用户体验就是人在使用产品或服务过程中的整体感受。

良好的用户体验就是让用户感觉得自然，在使用产品或者服务过程中没有我不爽的地方。良好的用户体验就是让用户感觉不到体验。

二、好的用户体验标准

1、系统可见性原则（可见性原则）

系统需要在合理的反应时间内，通过恰当的反馈，让用户知道当前的状态。

1.1 让用户知道他们处在何处

对于一些页面层级比较多，内容比较丰富的网站或者软件，比如电商类网站（淘宝网，聚美优品），让用户知道自己身在何处很有必要，不然用户会迷失在你内容的汪洋大海中。

同时对于新手用户，他们必须知道自己身处的位置，从而避免自己迷失于软件或者网站中。

pc端一般使用面包屑导航让用户知道自己当前处在网站的什么地方，不会迷失。

APP软件中一般用标题栏中的标题来告知用户他当前所处的位置。

1.2 让用户知道自己做了什么

人们总是需要知道他们的操作是否被系统获知。因此，第一时间提供操作的反馈十分必要。

比如下面你点赞感谢作者或者取消感谢，系统会及时的给你反馈，让你知道自己做了什么。

1.3 让用户知道系统正在做什么

前几天装一个软件，一直没有蓝色的进度条反馈出来，我一度认为电脑是不是卡机了，需不需要重启，所以后台系统状态的及时反馈很重要。

这就需要我们在设计的时候，当后台正在运行的时候，也尽可能的为前端用户提供系统的反馈，减少用户的疑问和平缓用户的焦躁情绪。

1.4 让用户知道系统做了什么

让用户知道他们的操作是否被系统所接受，需要尽可能给予相关的信息反馈，即便是没有结果页一样。

比如注册完成后提示注册成功，缓存清除后提示缓存清除成功，这些都是属于系统及时的反馈。

2、匹配系统与真实世界（环境贴切原则）

网页的一切文案和表述，尽可能贴近用户所处的环境（年龄、学历、文化、时代背景），说的通俗点就是说人话。

2.1 使用用户的语言

下图图一的文案你能看得懂么？估计非相关专业的技术人员无法看懂，苹果的设计就比较好，不仅告诉你结果，而且告诉你原因。本身老年人对这种新技术就比较恐惧，你在出现这种技术语言，只会加深恐惧。

2.2 现实世界的隐喻

从现实世界借鉴设计元素，可以显著降低用户的认知和学习困难，并增加他们的使用兴趣。

比如360安全卫士，有个立即体检按钮，现实世界中人要体检，网络世界中电脑也需要体检。

2.3 现实世界的使用行为习惯

现实世界中，在超市中选好物品，放入购物车，然后去收银台结账。淘宝只不过把这套流程搬到线上了，选好商品，加入购物车，点击支付，查看订单。

2.4 手势操控

对于触屏设备来说，如果被定义的操控手势与人们在真实世界中所使用的手势意义接近，那么这些手势将非常利于记忆和学习。

比如拖动、滑动、缩小、放大，这些操控手势正是由于借鉴了人们在日常生活中的手势行为，才易于让用户掌握和记忆。相比之下，双击和常按的手势操作就不便于人们学习。

3、用户的控制性和自由度（撤销重作原则）

流通的翻译解释为【用户在操作的时候，经常容易出错，为了避免用户的误用和误击，需要给 用户提供一个可以撤销或重做的功能】这就比较狭隘了，用户控制性和自由度指的是让东西处在用户可控制的范围内，因为人对可控的东西有安全感，让用户可以在你的APP中自由的导航和切换操作。

3.1用户可以撤销重作

比如你在用office以及下图这种画图软件的时候可以撤销重做，不会让你因为一个错误的操作前功尽弃，微信的撤回也是遵从这个原则，用户可以将想撤回的信息进行撤回。

3.2用户可以自由的导航

导航可以让用户去自己想去的地方，强制更新就没有让用户去自己想去的地方，如果你把图二的返回按钮去掉，用户也没法返回上一页，也就无法自由的导航。

3.3用户可以自由的控制任务流程

比如你使用微信语音，在60秒以内你可以自由控制发送语音的时长，手指上滑可以取消发送。

3.4 用户可以自由的退出

当用户看到自己不感兴趣的内容的时候，可以轻易的回到最初原点。

4、一致性和标准化（一致性原则）

用户不应当因为同一件事物有不同的词语，状态，和行为而产生疑惑，尽量遵照平台的设计标准。

4.1 产品内部的一致性

产品或者系统内部的视觉和交互方式保持一致，会让用户对产品产生信赖感和控制感。比如B站app的闪屏，各个页面们的设计，乃至icon们，都给用户传递一种二次元动漫的feel。

4.2 迭代产品的一致性

同一个产品不同版本之间也需要尽量保持一致性，不然会让老用户面临重新适应的问题。除非产品的用户体验水平可以显著提高，不然不要轻易改变原有的设计规范。

如果发生较大的更新这些都不得不改变时，也应该重点突出来提醒用户哪里发生了变化，让用户有心理准备接受那些变化。否则当用户以原来的方式与软件交流时却没有效果，用户就会受挫。

4.3 业内不同产品之间的一致性

不要轻易违反已经成为业界标准的设计，否则将会给用户带来很大的重新学习困难。

比如首页用这种小房子图标，你非得用爱心图标，用户就会一脸懵逼。

5、预防出错（防错原则）

比显示一条出错信息更好的解决办法就是通过精心设计让问题在第一时间内避免发生：消除和检查出错的隐患，并让用户在提交任务前进行确认操作。

5.1 心里约束

心里约束是指通过利用人们在自然世界中的认知和观念来直觉的约束人们的行为。在人们的认知中，有颜色的按钮是可以点击的，没有颜色的按钮是无法点击的，所以在产品设计中，一般将不满足使用条件的按钮，让它灰色显示，处于禁用状态。

5.2 清晰的提示

给予用户清晰的提示，可以帮助用户更好的确认操作行为并且及时的发现操作的问题，从而降低用户发生错误的几率。

比如按键弹出式设计，就是为了解决因手指遮挡而产生打字错误的良好尝试。

5.3 及时提示

当用户操作不当的时及时的给与用户提示，及时的减少用户犯错。

下图的注册流程提示就很及时，当失去焦点的时候直接提示，而不是在最后点击立即注册的时候才提示。

6、识别比记忆好（易取原则）

将功能和操作尽可能可视化，从而把用户的记忆负担降至最低，用户不能一直处于记忆状态。关于系统的使用说明应该是可见的或者是容易获取的。

6.1 功能的可见性

用户不习惯也不善于发现隐藏的功能。

相比于微信朋友圈双击头部区域回到顶部，大家之所以知道这个操作，是因为苹果系统培养起来使用习惯。

相反图二返回顶部的按钮更能让人们感知到返回顶部这个操作，而且返回顶部icon只有在你做出返回顶部这个操作的时候才会出现，这就符合需要时才显示的原则。

6.2 内容的分组

认知心理学有个理论，短时记忆7±2，也就是人的短时记忆只能记住5-9个东西。下图放在一起和不放在一起，那个更好？虽然它们数量一样，但是有分组更方便人们的记忆和操作。

6.3 图标+名字

常用的图标通常识别性很强，但是不要轻易的将图标的名字擦除，因为在大部分情况下，“图标+名字”给用户带来的认知强度胜于它们各自单独呈现的方式。尤其在图标有多个意思的时候，比如QQ附近的人用个地理位置图标，这个图标放在其他APP，可能表示定位的意思。

6.4 预留线索

在界面设计中设置一些视觉线索，暗示用户该如何操作。

比如今日头条的底部图片只展示一半，暗示用户可以上拉加载更多。

7、使用的灵活高效（灵活高效原则）

系统需要同时适应于经验丰富和缺乏经验的用户。专家级用户需要快捷的操作方式，但是新用户却并不需要知道，允许用户对常用功能进行设置。

7.1 尽可能短的任务流程

试想两个场景，来了一个电话，这个时候你找包，然后在一顿乱翻之后，拿到手机，电话已经挂断了。

另外一个场景，电话就在你的手中，来个电话你直接接听，那个完成任务的可能性高。

每多一个步骤，就增加用户完成任务的难度和提高用户流失率。

7.2 尽可能少的页面跳转

在网站和手机系统当中，提高使用效率还意味着尽可能减少页面之间的跳转。这样可以减少用户的学习难度，同时也可以降低用户在系统中迷失的几率。

比如微信的上传图片，如果让你每次只能上传一张图片你要上传好几次，通过多选就有效的降低了频繁的页面跳转，优化了用户体验

7.3 流畅的使用体验

用户喜欢流畅的使用体验，不喜欢在使用过程中被打断，就像你在打王者农药的时候，不想别人来电话一样，因为系统不仅要听命于用户的操作，而且需要预测用户下一步想要做什么。

所以下面弹框的这种强提示要慎用。

7.4 平衡专家用户和大众用户

对于一些功能，在提供给专家用户快捷操作的同时，也要照顾到普通用户的使用需求。

在IOS系统中，专家用户可以通过从右向左滑动来快速调出删除按钮，但这个操作十分隐蔽，不易被发现。因此对于新手用户来说，IOS提供了一个相对复杂但是人人会用的方式：在菜单上点击“选择”，然后逐个选择，再进行删除。

8、审美和简约的设计（易扫原则）

交互对话中并不需要无关或很少涉及的信息，任何多余的信息都将会影响到有用的信息并降低它们的可见性。

人的认知负荷度都是有限的，所以只要展示你想让用户看到的信息，其他多余的信息都是噪音。

8.1 让界面保持干净简洁

干净简洁的页面让人赏心悦目，易读、易于导航，避免操作错误等等。这点对于手机界面来说尤为重要。

8.2 美就是好

人们都喜欢美的事物，美的东西给人一精神上面的享受，所以人们喜欢美好的事物。很多人买苹果，除了系统好用以外，还有它的颜值。

9、帮助用户识别，诊断，并从错误中恢复（容错原则）

用简单明确的语言解释错误信息，精确的指出问题原因并提出建设性解决方案。

9.1 引起用户的注意

当错误发生时，提示信息一定要直观醒目，文字需要简单易懂。

比如下图，在用户购买金额不符合要求的时候，会用红颜色的文字提示它，这样比较醒目，同时文案尽量精简易懂，不要冗长。

9.2 建设性意见

当用户遇到错误的时，尽可能提供有实质意义的信息，比如：问题是什么？如何从错误中恢复？

比如有的登录注册页面提示用户名或密码错误，那到底是用户名错误还是密码错误，还是两个都错了？

9.3 自动纠错

如果系统能够帮助用户自动甄别错误并及时的进行修正，那将给用户带来极大的使用便利。

比如搜索王宝抢，百度自动帮我搜王宝强，并同时给你留一个搜王宝抢的入口。

10、帮助文档（人性化帮助原则）

尽管系统能够在脱离帮助文档的情况下使用是一件非常好的事情，但提供相关的帮助和文档仍然非常有必要。帮助信息应当易于查找、聚焦于用户的使用任务，列出使用步骤，并且信息量不能过大。

10.1 及时的帮助

在不需要的时候，用户不喜欢被帮助信息所干扰;但是在需要的时候，用户期望能够马上获得相关帮助信息。因此，在用户不熟悉的操作和信息周围，可以预先设置好信息的提示和帮助。

比如APP的新手引导。

10.2 简洁有效的帮助

给用户提供的帮助要简洁有效，人在需要帮助的时候心情都是急躁的，产品手册式的帮助只能让用户骂娘。