1. 失败的复选框

用户体验设计的基本要素之一是在设计中应用正确的组件元素，然后通过合理使用这些组件元素来达到想要的效果。

为什么这个复选框设计是失败的？

这个设计的问题在于使用复选框作为控制元素——在错误的地方应用了错误的组件。

例如图中是一个购买鸡蛋的设计，虽然生活中也有人会点15个鸡蛋，但比起一长串的复选框，使用可以快速调整数量的下拉菜单会更合适。

设计提示：复选框应该只用于少量选项之间的选择。关于数量的选择应放置在另一个框中，并添加下拉菜单或加减按钮来完成数量的增减。

在下一个例子中，你就可以看到下拉菜单的应用，它可以提供更简洁的界面设计。

2. 国家区号限制不准确

这个用户体验失败案例来自于加拿大Flair航空公司。如果乘客碰巧生活在一个电话号码不是十位数的国家，那么他们必须输入假的电话号码才能享受这家航空服务。

这个用户体验设计为什么糟糕?

在当今这个时代，企业靠精准的数据才能繁荣发展，一个失败的用户体验设计迫使用户输入假的数据，这是非常令人头疼的问题。

设计提示：信息输入的字段限制必须确保在合理范围内，并考虑到特殊情况。否则，最终将迫使用户输入错误的信息，带来更多的问题。

3. 语言障碍

对于企业来说，一个网站提供几种不同的语言版本是很常见的设计。这个例子的失败之处是让用户难以切换语言，因为它的语言切换隐藏在用户视图之外。

用户体验不好的原因？

这个网站错误地将语言切换框放在屏幕底部，迫使用户向下滚动才能找到它。如果访问者没有立即看到语言框，他们可能会选择点击返回按钮或者离开网站。

设计提示：在用户体验设计中必须考虑特定内容的位置，重要的东西应该放在页面顶部。这个设计可能会因为失败的体验而失去很多访问者，实际上这个问题很容易解决的。

4. 反常规的复选框

这个复选框的失败之处在于它的设计和文案非常令人困惑，用户几乎无法明白复选框选中和非选中状态之间的含义。网站默认选择所有可选内容，然后强制客户删除他们不想要的选项。

为什么这是糟糕的用户体验？

这个体验设计正好与用户习惯相悖，用户通常习惯于直接勾选想要的选项或从下拉菜单中选择；它却迫使用户停下来思考应该去掉什么选项。

设计提示：有一句古老的商业格言曾说过——“如果你让用户感到迷惑，你就失去了他们”。将菜单设为默认，并选中所有可选内容，这是一个糟糕的设计。

5. 颜色使用不当

为了让网站或者应用程序的一些表单脱颖而出，设计师一般会在界面上使用鲜艳的颜色。但是，需要注意的是要兼顾文字的可读性。下面的例子中存在的问题就是设计本身看起来干净清爽，但文字却难以阅读。

为什么用户体验不好？

虽然在这个主题中使用的绿色很好，但是在这个背景中阅读白色字体是很困难的；即使是在白色背景上阅读灰色字体也不轻松。

设计提示：设计必须强调可用性。如果用户必须在界面中费力地阅读文字，那么你很可能就会失去他们的关注。在选择特定主题或其他界面的颜色时，一定要密切注意重要信息是如何传达的。它是否容易被读取?

6. 看重视觉效果而不是功能

我们都喜欢赏心悦目的交互网站，但用户体验设计的重点应该是功能。用户体验设计必须保证功能齐全、易于使用，这样才有价值。

为什么是糟糕的用户体验？

上面展示的这个站点似乎忘记了他们设计的功能，选择了华丽的界面而不是交互。用户虽然可以看到50个非常美丽的旅游景点，但问题是，他们必须按住鼠标几秒钟后才能继续浏览下面的内容。

设计提示：强迫用户按住按钮来导航只会“赶走”用户。用户没有耐心等上几秒钟去看下一张照片，最终他们会在耐心消失后离开。

7. 凌乱的界面

界面杂乱是苹果iTunes设计中的诸多缺陷之一，这个缺陷一直在拖累苹果的iTunes设计。在应用程序或网站的主页上塞满信息看起来似乎很有诱惑力，实际上只会让访问者不知所措。他们遭受着信息过载，这种体验和缺乏信息一样糟糕。

为什么是糟糕的用户体验？

上图所示的设计不仅会加重用户的认知负荷；更糟糕的是，页面的加载速度也会减慢。两者都会大大耗费用户的耐心，导致他们离开。他们将在混乱的导航中经历一个糟糕的过程。

设计提示：在界面设计方面，菜单是不错的组件选择。使用这里的示例，可以使用一个菜单来管理专辑，而不是一股脑将它们全部扔到首页上。甚至列出最近打开的2或3张专辑也是一个不错的折中

8. Netflix的悬停播放功能

Netflix早在2015年就增加了一项功能，当用户在视频上停留几秒钟时，就会播放一段预告片。乍一看，这似乎不是一个糟糕的设计。但一旦投入到使用，问题就开始变得明显起来。

为什么是糟糕的用户体验？

问题在于用户必须将鼠标悬停在电影或视频上才能快速查看详情。这就产生了一个悖论：停留在播放器上阅读影片详情的观众会突然听到或看到一段响亮的预告片或片段剪辑，打断他们查看详情。对于一家专注于客户满意度的公司来说，这是一个令人惊讶的疏忽。

关键要点：Netflix也可以让这成为一个更愉快的体验。例如可以设置为用户必须将鼠标悬停在缩略图上才会播放，而不是在他们查看预告片详情时显示。这里的要点是，在设计界面时，要确保不会意外地出现一些元素来分散用户对重要信息的注意力。

9. 谷歌早期的失误案例

接下来我们回溯到2005年和2009年来看看谷歌这个案例，对于一家似乎还不错的公司来说，这是一个巨大的失败。让我们一起看看是哪里出错了！

为什么是坏的用户体验？

Google Wave在Google X失败后仅仅四年就出现了。它试图创建一个全新的系统，但它最终成为了囊括电子邮件、即时通讯和维基百科等功能的混合产品。主要问题在于，它并没有比市场上其他解决方案做得更好。

设计要点：这个概念其实非常棒，为我们今天继续使用的许多新程序打开了大门。但是，即使是绝妙的想法也无法将Google Wave从糟糕的设计中拯救出来。当试图简化那些已经流行的特定功能时，新功能至少要达到同等的水平。否则，人们不会使用它们。

10. 已删除的消息通知

WhatsApp因其出色的用户体验设计而大受欢迎，但有一项功能却让人摸不透。我们都遇到过这样的情况，有时候编辑了一条信息准备发送给一位朋友，但却意外地将它发送给另一个朋友。因此，用户应该有权删除这条消息。听起来很有道理，对吧?

为什么是糟糕的用户体验？

WhatsApp的设计问题在于，它会向收件人显示你删除了信息!最后，这看起来比你发错消息的行为更可疑。这是一个糟糕的设计决策。

设计要点：系统应该提醒发件人，收件人可以收到你删除了信息的通知；或者从一开始就避免给收件人发送这个通知。给删除消息的人一个简单的通知消息这个设计可以保留。

最后的一点想法

用户体验需要放在用户体验设计的首要位置。优秀的用户体验设计是小企业将客户从更大、更传统的企业中转化出来的途径之一。最后一条建议是将可用性置于界面风格之上。吸引眼球的应用程序和网站固然很重要，实用性在绝大部分时候是要置与美学之上的。

原文地址：UI中国

作者：摹客Mockplus

转载请注明：学UI网》十大用户体验设计失败案例，你知道吗？

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

产品功能层面的可用性

从字面意思来说“可用”是指在用户正常预期里一个系统可以正常使用。在用户体验里的产品层面更多是倾向于产品功能有用、有效、完整。比如用户能通过搜索功能搜到自己想找的内容，这个用户完成搜索就是被定义为搜索功能的可用性，也就是说这个功能对用户是有效的。

但是，具备可用性的产品，用户体验未必就一定好。反过来，用户体验好的产品，可用性也并一定好。比如改版前的12306，他的可用性很高，几乎人人都得通过他解决火车票问题，但他用户体验却并不好，设计也不美观，还被很多人吐槽，高峰时期还特别糟糕，他算不上是好的用户体验例子，但对用户来说它的可用性很高。那体验好但可用性不好是什么样呢？比如我们去一家餐厅，环境装修氛围、还有服务都好极了，连餐椅餐具都设计的高端漂亮，可是我们进去餐厅吃饭却没有能吃的菜品。这就是体验很好，但可用性并不好。

我们可以这么简单理解：产品层面的可用性原则是产品功能的必备基础，他是万丈高楼的地基，没有可用性的产品无需谈用户体验，但是具备了可用性这个条件并不等于拥有了优秀的用户体验。

用户体验设计层面的可用性

上面我们提到了产品层面的可用性主要是产品的功能的有用、有效、完整，但对于用户体验设计不仅仅局限于功能性范围。在用户体验设计里还包含的视觉感知、品牌一致、心理预期、用户情感等因素，这几方面都是用户体验设计中不可缺少的部分。

在著名的尼尔森Nielsen 的可用性框架里，最有名的就是 Jakob Nielsen 的 5 个属性：

用户体验设计方案里如何体现可用性原则的

状态可见性：比如控件状态可见，当这个产品售罄了，能从视觉上给用户清晰的状态展示。

品牌一致性：比如界面的配色是否给用户感知和品牌一致。

出错设计：户在使用产品的时候遇到出错地方，直接把出错的地方给予提示，或及时反馈，避免错误的发生。

满意度设计：在设计中，站在大多数用户角度上，对用户要传达的信息简单、清晰、理解成本低。

那什么是好的用户体验设计呢？

那就是我们经常一块提及的易用性，易用性是指的用户在体验中效率更高效、过程更简单、记忆负担更少、用户满意度更高。易用性是建立在可用性的基础之上，如果没有可用性，那易用性就根本谈不上了。

我们再回到可用性的 5 个属性：学习性、记忆性、效率、出错、满意度。下面从之前写过的搜索功能体验来简单看：在可用性基础之上，用户体验设计里对易用性的体现。

学习性
搜索框的位置在用户心智中具有习惯性的认知，用户在界面的顶部或右上角找到放大镜这个图标，就能直接开始搜索，对于用户这个是不需要学习的。

提升输入效率设计
用户进入搜索输入页时立即弹出键盘，并且输入框是焦点状态，保证用户无需其他点击，直接输入即可。另外展示5～10个历史搜索词，方便用户快速键入减少用户输入成本。

减少记忆负担
比较常见的是历史搜索。

有效的纠错展示
当出现输入错误时，对用户进行有效的纠错或提示，帮助用户快速且准确的完成输入，减少错误。

转载请注明：学UI网》用户体验设计的可用性

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

变色龙效应/镜像效应

俗话说，“有样学样（Monkey see, monkey do）”，包括人类在内的灵长类动物都擅长模仿。这个词表示无意识镜像或模仿我们周边人行为的状态。根据我们在产品方面的经验，我们进行的互动具有亲密性和即时性。

你有没有试过听了朋友说的话之后又说给对方听？这是变色龙效应的完美例子。

启动效应（Priming）

指由于之前受某一刺激的影响而使得之后对同一刺激的知觉和加工变得容易的心理现象。我们半夜三更看了电视的恐怖电影之后，跟看喜剧相比，屋子里面听到的任何吱吱声或者噪音更有可能让你毛骨悚然、心惊肉跳。

启动效应会塑造我们对环境的行为和反应，而且往往是有效的捷径，让我们可以迅速做出决定。这也是一种有效的说服工具，已经广泛应用到产业的营销和广告领域。

冯·雷斯托夫（Von Restorff）效应

德国精神病学家和儿科医生海德维希·冯·雷斯托夫（Hedwig von Restorff）在1933年提出的理论。冯·雷斯托夫有一次实验，涉及到让受试者观看一系列相似的物品。结果他发现，如果其中某个很特别的话，那么相比其他物品，受试者就更容易回忆起这件物品。

冯·雷斯托夫效应又叫做隔离效应（isolation effect），或者新奇效应（novelty effect），其预测是当存在多个相似的对象时，跟其他有所不同的那个最有可能被记住。

序列位置效应

该理论由赫尔曼·艾宾浩斯（Herman Ebbinghaus，著名的艾宾浩斯遗忘曲线也是他的发现）提出。它描述了序列中项目的位置是如何影响回忆的准确性的。

这种效应是指记忆材料在系列位置中所处的位置对记忆效果发生的影响，包括首因效应和近因效应。系列开头的材料比系列中间的材料记得好叫首因效应或者首位效应；系列末尾的材料比系列中间的材料记得好叫近因效应或新近效应。

用户往往最容易记住系列中的第一项和最后一项。

把最重要的信息放到开始和结尾。把最不重要的信息放在中间，这是吸引用户注意力的高效方法。

格式塔原理

在格式塔原理之下，派生出了很多的其他原理。我们会在下面进行简要讨论：

负空间：

在设计周围留白，从而创造出一块大于其各个部分之和的区域。用最简单的措辞来说，格式塔理论是基于这样一种思想，即人脑会下意识地把各个部分组织成一个系统，从而创造出一个整体而不是一系列的离散元素，通过这样来简化和组织包含有很多元素的复杂图像或者设计。我们的大脑天生就是为了看清结构和模式，从而更好的理解我们生活的环境而构造出来的。

相似：

在格式塔里面，相似的元素不管彼此是否靠近也会在视觉上进行分组。分组可以按颜色、形状或大小进行。相似性可用来将可能彼此不相邻的东西联系在一起。

连续性：

不管实际画出来的线条如何，人眼在观看线条的时候都会按照最平滑的路径想象。当目标是引导访客的眼睛朝特定方向看时，这种连续性会是很有价值的工具。

闭合：

这条原理反映的是人会把设计或图像缺失的部分自行脑补，创建出一个整体来。或者说得简单点，在Adobe、Sun Microsystem、NBC、USA Network等的logo中就可以看到复杂的形状。

相邻性：

这条原理是指元素之间的距离如何。在UX设计当中，运用相邻性是为了让用户将某些事物组合到一起。通过把它们放在一起，用户就会感觉它们是相关的。

图形与背景关系：

跟闭合原理类似，这条也利用了负空间。我们的大脑会区分出图像前景的对象。设计师如果想要突出某个焦点时，用这条这真的很方便。

共同命运律：

这条原理是指，沿同一个方向移动的元素本身会被视为一组。如果我们看到一群鸟朝特定的方向飞行，我们就会把它们组合在一起，并将它们看作是单个刺激物。

认知负荷

指在一个人的工作记忆使用的脑力综合。是指你为了完成任务需要消耗的脑力。

认知负荷是表示处理具体任务时加在学习者认知系统上的负荷的多维结构。

希克定律

以英国心理学家威廉·埃德蒙·希克（William Edmund Hick）命名，其理论指出当选项增加时，下决定的时间也增加。一个人做出决定所需的时间取决于他或她可以选择的选项数。因此，如果选择的数量增加，则做出决定的时间将对数增加。

决策所需的时间随着选项的数量和复杂性增加而增加。

菲茨定律（Fitt’s Law）

这条定律规定，任意一点移动到目标中心位置所需时间与该点到目标的距离和大小有关，距离越大时间越长，目标越大时间越短。

获得目标所需的时间取决于到目标的距离以及目标的大小。

可以利用这条定律来影响互动按钮的转化率，尤其是用手指操作的移动设备上的设计，可以把希望互动的按钮设计得更大一点，把不希望用户点击的按钮设计得小一点，更难点中一点。用户任务/注意区域与任务相关的按钮之间的距离应尽可能的短。

美即适用效应

这条指的是用户往往会认为有吸引力的产品更实用。大家往往会相信看起来更好的东西用起来也会更好——就算实际上效率和效能并没有提高。

用户往往会把美观的设计看作是更实用的设计。

对视觉设计的积极情绪反应会让他们对可用性方面的小问题更加宽容。

双重编码理论

这一理论是由心理学家佩维奥（Paivio）提出来的，他强调在信息的贮存、加工与提取中，语言与非语言的信息加工过程是同样重要的。佩维奥（1986）指出：“人的认知是独特的，它专用于同时对语言与非语言的事物和事件的处理。”利用双重编码系统可以让用户更容易记住我们网站上的重要内容。

我们会根据你对现实世界的体验和感知为脑中想到的文字建立视觉形象。一想到“体育”，我们的大脑就会自动想到球的形象，运动员的形象。通过将文字跟图像配对，可以更容易记住东西。

直觉检查

我们一般不会用价值数千美元的眼动追踪软件或者脑电图来判断设计是不是有效。但是5秒测试是个强大工具，用它就可以确定你的设计是不是一看就明白。

所谓5秒测试，就是让受试者观看网站或应用5秒钟，然后回答有关主题和设计的问题。如果用户的答案或者留下的印象跟你的设想不一样，那就说明设计没有达到原先的目的，需要继续改进。

说服心理学

这条原理来自罗伯特·西奥迪尼（Robert Cialdini）的著名著作《影响力：说服心理学》（Influence: The Psychology of Persuasion），里面列举了类似互惠、一致性、社会认同，权威以及稀缺性等原理。

这些原理往往决定了我们在社会当中的行为方式，我们可以用它们来识别人类行为。

互惠：这条原理是说人都不喜欢亏欠别人。如果别人给了他们什么东西的话，他们应该会觉得有责任给予一定程度的回报。提供免费的电子书，博客文章，播客或其他免费内容，然后换取用户提供的电子邮件地址，这就是现实生活当中互惠的好例子。

权威：权威这条原理说的是我们大多数人都意识到自己没办法在每一件事情上都是专家。我们最好的选择是依靠专家的证词。所以，我们允许专家和任何特定议题的“权威”人士影响我们。大家往往会对高水平的专家和权威人物的话言听计从，因为觉得他们值得信赖。如果跟成功公司能扯上关系的话就会经常被提及，好建立一定程度的尊重和可信性。

一致性：这条原理说的是大家一般都希望自己行为跟自己的决策过程保持一致。西奥迪尼曾经进行过一项研究，他让两组志愿者挨家挨户去询问房主愿不愿意在自家前面的草坪上立一块写着“小心驾驶”的大广告牌。

第一组的做法就是简单粗暴直接上门问。而第二组是先做一个初访，请求房主在他们前面的草坪放一块很小的标志牌，“做一位安全的驾驶员。”

结果第二组的成功率高出450％。这就是（承诺与）一致的一个例子，因为房主会觉得自己有义务在这种情况下保持一致性。

社会认同：大家未必总能知道自己为什么会这么做。大家是不是都在跳舞？如果是的话会有更多的人跟着跳。大家是不是都在看那个视频吗？是的话会更多人会点击它。是不是每个人都在买你的产品吗？是的话，你想拦都拦不住。在电子商务的实践当中，我们使用的网站会社会认同（比方说点评、评论和推荐）来吸引其他用户，并引导他们做出购买决定。亚马逊有“购买这个的客户也购买了那个”的提示，希望强化你跟商品的关联性，让用户认为“如果别人需要它的话，那我也需要它”。

稀缺性：在塑造行为的原理方面，这是我的最爱之一。稀缺性原理是说，如果东西有限的话，大家就会更想得到它。能得到的人越少，吸引的人就越多。

为什么有的商店会推出限量版服装？这就是原因，这样可以吸引更多的顾客。

变化盲视（Change Blindness）：指观察者不能探测物体或情景所发生变化的现象。

记忆限制

记忆未必永远可靠。我们对信息的存储方式会被我们的想法、感知信念以及周围环境所重构。

我们的工作记忆能力大概就只有10到15秒，一次只能记住3到4个东西。

研究表明，大家往往会制造出错误的记忆，要么会记住了没有发生过的事情，要么就是记得的东西跟实际不一样。由于记忆具有提示性和可塑性，所以根据大脑的习惯或心智模式来进行设计就非常重要，因为这样会更容易记住。

尽可能为用户提供帮助和反馈，并提供撤销选项，以减少用户犯错时的沮丧情绪。让体验个性化，好迎合我们用户的喜好。

单纯呈现效应（Mere Exposure Effect）

单纯呈现效应是指图片、符号、数字、声音等外部刺激信息只要经常暴露在人面前，就能增加人们对其喜欢程度的现象。这种社会心理会发生在我们所有人身上，我们在不连续的时间段内见到某人的次数越多，我们觉得这个人讨人喜欢或迷人的可能性就越高。这种效应有时候又被叫做熟悉定律。

了解单纯呈现效应及其机制，会让你在转化率优化的工作中具备重大优势。更多的呈现会带来熟悉感，进而带来舒适感，从而让转化率优化整体上得到显著改进。

色彩心理学

色彩也是影响人的选择和行为的主要因素之一。我们经常会发现儿童玩具颜色鲜艳，女孩玩具往往是粉红色的。这方面研究的主要思想是色彩对用户的感知有很大的影响。

所以，作为设计师我们应选择能够传递含义与正确信息的色彩。

红色。跟热情、强烈或攻击性的感觉关联。同时是好和不好的感受，比如爱、自信、热情、愤怒等的象征。

橙色。充满活力的暖色，给人以兴奋的感觉。

黄色。幸福的色彩。象征着阳光、喜悦和温暖。

绿色。大自然的色彩。给人以来平静和新生的感觉。另外，也可能用来表示经验不足。

蓝色。一般用来表示企业形象。往往表现出冷静的感觉，但是作为一种冷色，也跟距离与悲伤有关。

紫色。由于很多国王都穿紫色的衣服，所以长期以来就与皇室和财富联系在一起。紫色也是代表神秘与魔力的颜色。

黑色。这种颜色有很多含义。往往跟悲剧和死亡相关联。可以代表着未解之谜。可以是传统的，也可以是现代的。一切都取决于怎么用，以及跟哪些颜色一起用。

白色。意味着纯洁和纯真，以及完整性和清晰度。

本能反应

我们一般是从大脑负责本能的部分得到这种反应，本能反应的速度比我们的意识要快得多。本能反应会导致我们用了一下产品后就爱上了它。这些反应植根于我们的DNA之中，所以很容易预测。

作为设计师我们就是要通过设计制造出视觉上极其出色的美感印象。为什么一个东西在用户眼里好看，以及为什么他们是我们的目标受众，他们的需求是什么，这些都不难猜测。

用户体验设计的概念根植于认知和行为心理学，那是人类与机器交互的蓝图。当然，本文仍还没有涵盖到所有的设计心理学原理。但是，作为设计师，我们还需要观察和理解最终用户，并且加深对用户的理解与共鸣。在产品开发过程中，了解用户的互动、行为和情感可以增加更多的价值。

原文地址：追波范儿（公众号）

作者：terechen

转载请注明：学UI网》你想要的，用户体验设计中的心理学

1.以用户为中心 

这是最常被提及的用户体验设计基础，当涉及到产品设计决策时，提醒我们要学会使用同理心，而不是仅凭个人的想法或意见。

真正好的用户体验设计是为用户量身打造的，用户的意见、痛点、愿望、偏好和需求对产品来说至关重要，所以在项目初始阶段需要投入大量的时间和精力去了解用户。

用户体验研究重点是了解用户，为接下来的产品设计做准备。以用户为中心的设计理念是设计师迎合用户的需求，区分了设计任何人都可以使用的产品和为目标用户设计的产品。

一款特定的产品需要面对不同的目标群体，前期研究中需要了解目标人群需要什么并在产品中反映出来，这是针对性很强的设计研究。

2.了解信息架构

可能很多人对信息架构的定义很模糊，这里举个例子来具象说明一下信息架构的含义。

例如在一款产品中，如果把所有内容都堆到一个列表或页面中，可能我们将无法使用这款产品，所以我们看到大多数的App和网站都包含很多的导航和页面结构，按照内容重要程度有序地来组织内容。

信息体系结构的最终目标是帮助用户理解他们在看什么，并帮助他们找到需要寻找的内容。

信息架构在制作线框图或原型之前完成，因为它是产品的基础，有助于设计师考虑什么功能是最重要的，哪些是用户最需要的以及哪些次要内容可以隐藏起来等。

这种结构与产品的导航设计密切相关，有助于将用户引导到正确的位置。导航和信息架构都试图让用户以最少的认知努力来完成操作。

信息架构的设计不当会造成重大故障甚至可能危及整个产品。如果用户在使用产品时找不到任何想要的内容，点击任何元素都没有反应，会给用户带来很糟糕的使用体验。

3.考虑使用场景

没有场景，任何设计都很难生效。设计师在项目开始时会投入时间去了解用户面临的问题以及围绕这些问题的背景。

这条原则有助于设计师考虑还有哪些因素会影响用户和产品，很多产品设计会为用户提供一些有助于消除使用摩擦的操作提示。

例如在设计表单时，会尽可能的添加输入提示，最大程度地减少用户出错的机会。

4.了解一致性及其重要性

保持一致性是用户体验设计的关键原则。拥有一致设计的产品可以更快地被新用户接受，因为用户不需要再次学习如何操作，他们会回忆起之前的操作习惯并将其作为指导，这也解释了为什么同类型的产品例如电商类App页面设计的很相似。

保持一致意味着在需要时可以重复使用某些UI组件，并在整个产品中保持一致的行为。例如当点击或悬停在按钮上面时，所以按钮的状态应该是一致的。

从逻辑上讲，产品越大，这种一致性会变得越来越有挑战性，这促使许多设计团队创建自己的设计系统。一款产品的学习曲线越长越陡，放弃的用户就会越多，在市场营销中，这通常被称为销售漏斗中的漏洞。

5.给予用户适当的控制权

这条原则意味着用户希望能控制产品，无论是完成任务还是定制满足他们需求的内容。

在设计过程中一直试图给用户尽可能多的控制权，例如允许用户撤消操作、更改设置、自定义UI外观、创建快捷方式等。

需要注意的是，当提供太多选项或用户太依赖于自己的选择时，用户可能会不知所措，造成所谓的选择悖论。所以在设计时要了解用户乐于掌控的余地，不能让用户感到使用压力。

6.把可用性放在首位

在整体上看，建立高标准的可用性是为用户做的最好的事情，有助于检查用户是否能够轻松地完成任务、产品是否正常运行以及是否完成工作。

可用性的重要之处在于要理解可用性的灵活性和重要性。

7.了解用户测试

结合可用性的概念，我们还要进行用户测试，这是设计师对工作进行测试的方式，对新的产品来说至关重要。

当设计思想和理念被转化为有形的原型时，设计师要观察真实的用户是如何与之交互的，可以通过许多不同的方式例如简单的A/B测试到全面的审核测试等来实现。

测试通常分几轮进行，团队在向原型添加更多细节之前验证每个步骤。随着测试结果的出现，设计也随之发生了变化。

如果发生更改，将会进行新一轮的测试，通过这个过程，设计团队可以改进他们的工作，直到达到可用性标准。

8.少即是多

在创造力和创造独特事物的渴望中，很多设计师很容易无意中弄乱产品界面甚至产品本身。

功能过多的产品可能会失去焦点并削弱吸引力。具有太多元素的页面会变得充满视觉冲击，但也会给用户带来负面体验，在设计时要学会克制并优先考虑真正关键的部分。

另外手机端的屏幕空间非常小，创建一个有效的布局，想出巧妙的方法来隐藏次要元素并创建一个令人愉悦的界面需要付出很大的努力和创造力。

9.视觉层次

视觉层次是向用户传达产品中元素重要性的方式。良好的层次结构有助于用户视线在界面上移动，并立即了解最重要的内容以及这些内容与其他部分的关系。

视觉层次结构与布局设计紧密相连，帮助用户消化所接触到的信息。

创建层次结构从概念的草图开始，一直持续到完成设计。例如发送按钮通常会用绿色而是不红色，而次要按钮会显示为灰色或与背景混合，并显示“撤消”或“返回”。

10.了解用户的心智模型

为用户创建心智模型是尝试使用同理心的一种方式，是帮助设计师从用户的角度看待问题的工具。

做到准确就是直观的产品，用户不需要投入精力就可以使用它，而错误的思维模型会导致一些问题，例如界面混乱、高昂的交互成本。

为了匹配用户的心智模型，可以采用多种不同类型的研究方法，常见的方法包括卡片分类、决策树、对用户行为的密切观察，或者使用大量的数据来建立关键用户的心理模型。

11.设计中的讲故事

讲故事的方式更加直观，利用图像、视频、动画和文本等元素让整个页面与用户对话。用户体验设计中的视觉叙事是为了唤起用户的情感，给用户留下持久的印象。

想出一种可视化的方式来传达复杂的内容具有挑战性，但同时也是有益的，可以更好地接近用户并将其作为提高产品可学习性的方法。

12.不要直接跳到高保真原型上

高保真原型是设计项目的最终目标，但是直接使用原型软件不断添加各种页面细节是错误的操作。

避免直接出高保真的主要原因是因为这样做的成本会更高。在没有任何用户研究和测试的情况下，一款产品无论具有多少的细节都有可能面临不符合用户使用的情况。

13.可访问性测试很重要

不仅要检查关键用户是否可以流畅地使用产品，还应该检查其他所有用户例如少数群体等是否都能够正常使用产品。

事实上，残疾人和其他用户一样需要数字产品，但很多产品在设计时并没有考虑到这些群体，但这也提供了一个机会，为所有用户提供一个可以依赖的好产品。

14.熟悉并在用户体验设计中使用

我们知道为用户提供一致的设计有助于克服学习曲线，同时为用户提供熟悉的东西也有助于缩短学习曲线。

例如，大多数用户都会立即识别某些UI组件(汉堡菜单/单选按钮)，这意味着他们会本能地知道这些组件代表什么意思或者如何操作。

使用用户已经熟悉的东西并不一定会让产品的独特性消失，有经验的设计师会利用这种熟悉性来来创造一些独特的设计，同时也是直观的，不需要太多努力就可以使用。

设计一个完全不依赖熟悉度的产品可能是具有风险的行为，因为它很容易让那些不熟悉产品的用户超负荷，形成巨大的学习曲线，增加用户负担。

15.了解交付成果的力量

可交付成果是可以在整个团队中交付的内容，包括用户画像、心智模型、用户旅程以及线框图和原型等，是一种有形和具体的表现。

可交付成果是用户体验设计原则，可以帮助设计团队和其他利益相关者理解和交流概念。

▲ 用户画像可以捕捉理想用户，并提供可以相关联的真实面孔，是一种指导设计的工具。用户旅程图帮助设计师了解用户完成任务需要的具体步骤，有助于确保这些步骤确实可以轻松执行，并且整个过程很流畅。

这些交付成果服务于关键功能，设计师需要在整个项目中都依赖它们，不断转换为用户可以与之交互的真实有形的设计。

16.专业的原型设计工具

用户体验设计的过程不是线性的，而是一个循环。无论创建什么样的产品，都需要专业的原型工具，将基本框架放在一起，然后添加可能需要的所有细节。

从逻辑上讲，设计团队的具体需求会因团队而异，但一些关键功能例如团队协作、需求管理、交互设计和开发移交等，对于大多数团队来说是必要的。

17.精心管理产品需求

一切都从收集需求开始，然后慢慢创建关键列表。虽然简单地列出一个列表听起来很容易，但随着项目的进展，要保持列表的条理性确实是一个挑战。

除了创建需求和检查需求之外，还有一个问题就是调整需求，需要从设计、技术和业务各个方面来处理各种需求，还要确保这些需求之间没有相互矛盾。

18.了解移动和网页产品之间的差异

网页端和移动端产品最明显的区别是屏幕尺寸，这意味着所有的视觉层次结构和信息架构都将从Web到App发生变化。

移动端产品会有更多影响设计决策的因素，例如设备的操作系统、使用产品的环境等。了解移动端产品在导航设计、用户流程等关键方面的差异是至关重要的用户体验设计原则。

19.利用UX设计模式

几乎所有的产品都专注于设计模式，它们可靠、易于查找并通过减少设计时间来为项目增加实用性。

▲ 当用户在谷歌搜索中输入的内容有问题时，谷歌会提供一个相关的搜索提示，辅助用户进行精确地搜索，解决用户使用不同方式在搜索栏中传达他们正在寻找的内容的问题。

20.使用合适的工具才能有效

拥有单一的内容来源可以为团队带来清晰性和高效性，如果线框和原型分散在多个渠道中，这种内容的集合就会变得很难达成。

通过合适高效的工具能够避免产品在到达终点时遇到各种各样的可用性问题，防止产品细节没有表现出来或者被忽略。

最后

通过这份用户体验设计原则的合集希望能够让你对这个领域有一个大致的了解。

没有人知道用户体验设计在未来会引领我们走向哪里，不过我们可以确定，无论它带给我们什么，肯定都会很有趣。

原文地址：Clip设计夹（公众号）

作者：Clippp

转载请注明：学UI网》掌握这20条用户体验设计原则，助力设计成长！

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

1、菲茨定律

选中目标所需时间与移动距离长短和目标面积大小有关。（与距离负相关，与面积正相关）

现实中的应用

在商场中寻找洗手间取决于标志的大小及步行的距离。为了满足这两个标准，标志设计得更大、更容易接近。

设计应用

▲ 左侧页面的CTA按钮很小，没有突出显示，与表单的其他元素基本上没有区分；右侧页面CTA按钮尺寸很大，能让用户清晰识别。

2、希克定律

决策所需要花费的时间随着选择的数量和复杂性增加而增加。

现实中的应用

与餐厅相比，快餐店的菜单选项有限。因此顾客点餐速度更快，门店提供的服务也更快。

设计应用

▲ 在Whatsapp上转发消息时，会在“最近聊天”列表上方看到“经常联系”的3个好友。这对用户来说是一种简单的交互，帮助用户节省操作时间。

3、共域定律

被一个显而易见的边框包围起来的多个元素，被视为一个群组。(从属于格式塔理论)

现实中的应用

在服装店中，衣服按照类型被分到不同的架子上来展示，即使对这家服装店一无所知，顾客也会将一个货架内的商品关联成相似的东西。

设计应用

▲ 过滤器被封闭在产品页面之外的单独区域中，因此可以清楚地识别左右两部分的差异。

4、雅各布定律

用户将大部分时间花在别人家的网站(产品)上，而不是你的。这意味着他们希望你的网站(产品)跟别人的有相同的使用方式。

现实中的应用

假设家中的阳台是一扇推拉门，我们可能希望酒店的阳台门也以同样的方式操作。因此如果酒店有一个滑动门，我们可能会下意识地先去推门。

设计应用

▲ 以上是国外知名的电商网站导航栏设计，这几个网站导航栏中显示的信息及其结构都非常相似：左侧是品牌标志，中间为搜索栏，右侧为其他选项(购物车/个人账户)。

5、系列位置效应

用户更容易记住系列中出现的第一项(首因效应)和最后一项(近因效应)。

现实中的应用

我们通常更容易记住某个电话号码的前4位或后3位，这条法则也是银行卡号被分成4组数字的原因。

设计应用

▲ 在亚马逊主页上，网站的第一部分总是显示最重要的内容：导航包含logo、搜索和其他重要功能；轮播图通过图形设计吸引用户的目光，引导新的交易或优惠。

6、冯·雷斯托夫效应

又称隔离效应。当存在多个相似物体时，与众不同的物体最容易被记住。

现实中的应用

在商场购物时，相较于普通装饰的门店，我们更有可能记住或将注意力转移到具有霓虹灯效果的门店上。

设计应用

▲ App上有新消息时，会在图标上用红点显示，这样的提示更清晰和突出，从而吸引用户的注意力，引导用户点击并查看消息。

7、审美可用性效应

用户通常认为漂亮的设计更易用。

现实中的应用

当参观汽车展厅时，我们通常会对汽车精美的展示感到惊叹，并立即对这个品牌产生积极的印象。

设计应用

▲ 在爱彼迎上，我们住在陌生人的房子里，因此建立双方的信任是必要的。当访问像爱彼迎这样干净简洁的网站时，我们会下意识地信任这个产品，也确保了用户对品牌的信任。

8、峰终定律

人们评论体验优劣，大多基于峰值和结束时的感受，而不是所有环节的平均值。

现实中的应用

在足球比赛中，整场的观看体验将根据比赛结束(谁获胜)和比赛高潮（谁进球最多/比赛中最激动人心的时刻)来判断。

设计应用

▲ 在夜晚非常饥饿的时候，我们使用订餐App选择食物时，却被告知付款失败。这时候App界面设计的再好看也无关紧要，订餐失败就是从这次体验中收获的结果。

原文地址：Clip设计夹（公众号）

作者：Clippp

转载请注明：学UI网》用户体验设计法则应该怎么用？来看看这些应用原理！

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司