1. 什么是设计？

一说到设计，很多人都会想到天马行空的插画，各种漂亮的手稿等。那么设计就是单纯的漂亮的外形嘛？设计等于艺术嘛，我们首先来看一副毕加索的作品。

单看这幅画，你能从中感受到什么？你能理解作者想表达的什么含义？每个人看到的可能都会有不同的理解，甚至有的人会说“我完全看不懂”。那么接下来在看另外一副作品，这是某用户体验设计师的作品。

内容包含草图（线框图），页面流程，简单的交互说明等。他看起来简单明了，所有的用户一看都基本能了解简单的操作流程，它是专业而理性的作品。由此可见，艺术是感性的，而设计师相对理性、精密的。它是居于大量用户数据而分析出来的最适合、最合理的方案。

2.如何做好用户体验设计？

那什么是好的设计那？不让用户思考，趣味横生的那就是好的设计。

那怎么做到以上的这些点那？我们就需要了解“人”，观察“人”。做设计，归根结底就是为了解决“人”的问题，是为了让“人”从中获得良好的体验。那么这就需要了解“人”的想法、行为、习惯等，学会换位思考。多注意观察“人”的日常行为是一个号的习惯，但是注意不要以偏概全，而是多思考背后的原因，多归纳人的共性。

举个例子，比如淘宝的收藏夹和购物车页面，它们的内容其实是相似的，都是包含图片、商品名称、价格等元素。（如下图）

如果按照正常逻辑，这2个页面展示的东西一致，那么设计的界面也会类似，有的其他网站甚至把这2个页面做成了相同的页面样式。但是为什么淘宝会把2个页面区分开来，做成不同的样式那？这正是考虑到用户的使用情景和心里感受。购物车里面的商品都是用户购买意愿比较强的商品，所以不做强调处理，只做简单的信息展示排列处理，简洁明了，不过多干预用户，方便用户迅速下单。而收藏夹的商品是用户不急于购买的商品，所以收藏夹的设计会突出图片、评论、人气等内容，吸引用去购买的欲望，那收藏夹就达到了它的目的。所以展示同样信息的页面，根据用户使用情景不同，页面设计也会有所不同。

在此基础上，设计师还需多听用户的反馈意见。很多时候你对这个产品太过熟悉，很多东西已经习以为常，而用户却可能并不了解。多听听用户的反馈意见，才能更快发现设计上的问题以及用户的困惑，做出更受用户喜爱，用户体验良好的产品，这也是设计师的工作的目的所在。

那么所有的用户的反馈意见都要采纳嘛？事实并非如此，用户说的不一定是心中所想的、用户没有表达出自己真实的需求、用户的意见不专业。这就需要设计师去思考用户需求的本质，只是盲目的顺着用户的要求走，那么最终呈现的也不是最合理、最严谨的设计方案。

福特汽车公司的建立者亨利·福特曾说过这么一句话：“如果我问我的用户，他们可能只会说要一匹更快的马”。如果福特没有思考用户需求的本质，那么就不会有后来伟大的福特公司了。

交互设计师接到PRD需求往往可能是一个苹果，但是他们可能更需要个橘子，那设计师就需要把苹果换成橘子，在进行加工榨成橘子汁提供给用户。（如下图）

由此可见，设计师需要倾听用户的意见。但也不能一味的跟着用户的节奏，被用户牵着走，而是应该理性对待用户的需求，分析用户的根本目的，解决深层次的问题，而不是停留在表面。

3. 设计规划

在我们顺利理清需求以后，我们便从需求阶段顺利过渡到界面阶段，并可以在此基础上继续细化界面。

人们在处理信息，学习规章和记忆细节方面的能力是有限的。选项越多，步骤越长，用户需要耗费的注意力和理解力就越多。所以设计师在此基础上要减少多余的步骤和干扰项、优化操作过程，做到操作前可以预知、操作中有反馈、操作后可撤销。

情感化的设计更能快速的捕获用户的芳心，建立符合用户心理模型的设计，能让用户快速上手使用产品，不用进行过多的思考或花时间精力来学习如何使用该产品。如下图所示的2款天气的应用软件。

单从界面逻辑上看，第一款的应用在逻辑上更为清晰，用户理解起来不存在任何问题。但是用户看到这个界面的时候可以直观的感受带今天是不是很热，明天是不是很热，在感受上不会那么直接。而第二款应用，通过颜色的变化和数字的高低，能让用户更贴切的感受到天气的变化。所以，设计不仅要逻辑清晰合理，更要能够令其产生认同感和情绪体验，与界面产生情感互动，从而能引导用户积极操作。

4. 结果

从上面的各项例子中可以看出，好的设计首先是要解决用户在某个实际场景应用下发生的问题，会让这个产品更易用，更受欢迎，最后会给用户留下美好的体验。视觉体验只是整体体验的一部分，它并不是设计的全部。

因此，用户体验设计首先应该是理性的，其次才是感性的。只要你的方案能够解决用户的实际问题，又能带给他好的感受，用户就容易感到满意。

作者：流年

 转载请注明：学UI网》了解什么是用户体验设计？

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

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

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

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

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咨询、用户体验公司、软件界面设计公司

准则 1.  Timely —— 找准时机，即时反馈

在用户操作后尽快 / 立即给予反馈是最有效的。即时反馈有助于帮助用户养成正确的操作习惯，或纠正用户的不当操作。

如果反馈内容需要较长时间的加载，也可以给用户设计一些有特点的 / 情感化的加载状态，缓解用户等待的不耐烦，又可以传达一定的品牌调性。

例如：知乎 App 在加载内容的过程中，增加了 IP 形象的动态效果：

准则 2.  Specific —— 具体分析，差异对待

在设计交互反馈时，不仅仅要给出正确或错误的判断结果，同时也应该考虑到用户的个性化需求，针对不同类型、场景、地区的用户提供差异性引导和服务。

例如：大众点评、高德地图可以根据用户的位置，在用户开始使用产品时就推送个性化信息：

准则 3.  Balanced —— 正负反馈，穿插结合

通常来说，正面的反馈会激发用户的自信等积极情绪，因此我们更习惯使用正面反馈。但是一些不得不使用负面反馈的时候，我们可以在其中穿插一些正面的消息，减少或缓解用户的因负面反馈带来的消极情绪。

这就好像是别人跟你说：“ 坏消息是……，但是，这样做的好处是…… ”，坏消息不可避免，但加上一点转折，就会让他人心里稍微舒服一些。

例如：美团单车在你骑完车之后，需要支付费用时提示你可以购买单车套餐，虽然是在劝用户花钱，但看上去依旧很友善，其中的话术包括：“本次骑行免费”，“当前已是最优价格”：

准则 4.  Instructive —— 提示下步，指引行动

有效的反馈会主动多引导一步，对用户的下一步行动给出清晰的、正确的、指导性的意见，有助于驱动用户继续做出有效操作。

很多 App 在截屏之后都会给出下一步分享的路径引导：

准则 5.  Emotional —— 情感属性，引起共鸣

有科学依据证实，人脑会更容易被附带情绪的信息所吸引。用户更有可能会注意那些看上去承载了一些情绪的反馈，从而也更有可能改变其行为方式。

例如：虽然只是一个提醒弹窗，QQ 音乐会员到期的续费提醒文案却经过精心的设计，由各类歌名组成的一句话，每天的到期提醒都不同：

准则 6.  Traceable —— 可被溯源，可供反馈

一些特殊情况下的、有重大意义的反馈可以被追溯到其根本原因，可以提供给用户进行申诉和询问的渠道，供用户进行反馈。

例如：电商平台和外卖平台都会在用户下单或退单之后，提供商品物流的详细信息，在查看购买的商品的当前状态时，并可以追溯到商品所在的各个历史环节：

再比如，高德打车如果发现用户的行程订单金额与预估金额差距较大时，会给用户发短信提示，并给出客服和投诉渠道：

准则 7.  Less is more —— 质量优先，减少数量

在这个信息过载而注意力稀缺的时代，好的反馈在于质量，不在于数量。有时数量越多，反而会对用户造成不必要的负担。用户并不需要给出很多反馈或者记录生活中一切信息的产品，而是需要能够帮他们理出头绪、提出有效解决方案、呈现有用信息的产品。

以上这 7 大准则，来源于我们日常工作中的积累和沉淀，对于设计产品的交互反馈具备较高的指导意义，希望对你有启发。

原文链接：长弓小子（公众号）

作者：元尧

转载请注明：学UI网》干货｜交互设计中的「有效反馈」7大准则！

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

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

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

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

1.  本能层 —— 感官刺激

对于本能层，设计师需要在符合功能需求的前提下，尽可能的给用户带来听觉、视觉、触觉的感官刺激，极力去促成用户与产品的 “一见钟情”。

案例 1  ：App Store 的卡片推荐做的很有新意，比如：把吉祥物（品牌形象）是小熊的工具收集到了一起，并取名为：熊帮手。

案例 2  ：微博长按点赞按钮，可以选择不同的点赞状态。图标还是动态的，很有趣。

案例 3  ：淘宝双十一预热，首页的 icon 变成了 “今晚 20 点双 11 抢预售”的字样，烘托氛围又打了广告。

案例 4  ：微信拨打语音的界面，在等待好友接听的过程中，可以看到好友朋友圈的图片，缓解用户等待时的无聊，也为即将进行的语音聊天提供了话题。

2. 行为层 —— 细节引导

对于行为层，设计师需对用户的行为进行预判和引导，利用细节处理打动用户，让用户对产品产生信任感和依赖感。

案例 1  ：当苹果公司发现用户最近在官方渠道购买了新的 iPhone ，老 iPhone 的设置页面就会给出提示，让用户为新的 iPhone 做好数据迁移准备。

案例 2  ：iOS 系统后台在看缩略效果时，会将用户的敏感、私密的信息的 App 页面进行模糊处理，保护用户的隐私安全。

案例 3  ：在屏幕很暗的情况下，打开微信支付二维码，屏幕会瞬间亮起，便于商家扫码付款。

案例 4  ：货拉拉在展示搬家车辆详细信息时，使用了剖面图，并模拟了不同搬家场景下的家具内容，让用户更好估算车辆空间。

3. 反思层 —— 认知共鸣

对于反思层，设计师要调动用户最深层的记忆和感知，将视觉效果、产品功能和用户认知紧密结合，形成用户对于产品和品牌的深刻认知。

案例 1  ：FigJam 是一款来自 Figma 的多人协作在线白板工具，可以进行头脑风暴、绘制流程、多人协同标记等。里面也有很多人性化的小功能，比如：当两个人同时长按 “H” 键时，就会出现 highfive（击掌的动效），非常适合当设计师达成共识时使用：

案例 2  ：小睡眠 App 发现学生时代的我们经常会在枯燥的课堂上睡觉，所以准备了各种课堂讲解、校长发言、领导开会的声音作为催眠、助眠的音乐，让人会心一笑。

案例 3  ：饿了么在异常天气下通过在界面上增加天气的元素，让用户看到外卖小哥的辛苦，使用视觉和内容共情，唤起用户的同理心，降低用户因外卖迟到而做的投诉和差评。

案例 4  ：QQ音乐上线了宠物功能，一共有五个品种的宠物让用户可以选择领取，多听歌能喂饱宠物，然后送它出去参加演唱会或者和好友进行互动。

原文链接：长弓小子（公众号）

作者：元尧

转载请注明：学UI网》案例锦囊｜交互设计中「情感化」设计优秀案例（二）

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

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

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

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

1). YONO.MP3 mobile app – 音乐软件

*设计师：Anton Shmatko, Green Shark Studio, Pavel Khenkin

*软件介绍：YONO.MP3是一款即可欣赏音乐, 也可收听广播节目, 了解最新时讯和趣事的手机端音乐软件。它会是你闲暇时搜索和分享歌曲，歌手和专辑的理想工具。

*亮点：该款软件采用了一个极具特色的配色方案 — 所有界面整体使用黑红两种颜色的对比， 经典而不失大气。 而局部渐变色的使用, 也让其功能和按钮更加突出，极具层次感。而且, 软件图片, 按钮和图标的层级叠加, 也使整个界面更加的时尚柔和。总之，软件界面设计整体简洁漂亮而不失易用性。

2). Watering Tracker App – 生活类软件

*设计师：Tubik

*软件介绍：Watering Tracker app, 顾名思义，就是一款可以追踪盆栽或植物的水分情况，及时提醒用户浇水的生活类手机应用。

*亮点:首先，这种能够监测植物水分情况，通知用户浇水的创意，新颖且有趣。其次，界面背景和局部添加的绿色植物图片使整个界面更加的直观舒适，带给用户好心情。 当然，作为植物监测的工具，同时也设置了显示各株植物水分，湿度，光照之类细节信息的功能区，即点即可了解到植物的具体生长情况，简单易操作。而且，配色方面，黑色背景搭配白色和绿色图片及按钮，符合整个植物主题的同时，也更易于用户接受和使用。

3). Listen – 音乐软件

*设计师：CD UXT

*软件介绍：Listen是一款致力于为喜爱不同音乐风格的用户提供独特且愉悦体验的音乐软件。整个界面设计简洁清晰，用户可以简单的通过不同频道（例如最新歌曲，电台，主体和专辑等）和不同场景（例如驾车，运动，工作和约会等）快速的搜寻到最喜爱的歌曲。而且，软件还特别为用户提供了根据不同心情播放不同音乐列表的功能，更具个性。总之，喜欢闲暇时沉浸在自己的音乐世界的你，它会是你最佳的选择。

*亮点：软件整体采用经典的蓝色背景搭配白色字体和同色系图片，更加柔和舒适。一系列插画风格 的场景和频道对应图片，也使整个界面设计更加美观有趣。结合明亮阴影的图标和按钮让软件对应功能更加凸显的同时， 更能易于用户识别使用。 针对不同部件添加的灵活交互，也能够使用户具有更加流畅且愉悦的体验。总之，它是一款以用户愉悦体验为基础而设计的软件原型，值得尝试。（点击这里查看原型详情）

4). NightOwl Coffee – 咖啡预定软件

*设计师：Queble Solutions

*软件介绍：NightOwl Coffee是一款能够帮助用户根据自己的需要快速订购各式咖啡的手机应用软件。

*亮点：软件整体采用了独具特设的插画风：主页添加的由明亮颜色和各种几何元素呈现的卡通咖啡机，可爱且切合主题。纯色的背景搭配上灰色插画以及黄色图标和按钮，使整个软件界面更加干净整洁，易于用户使用。

5). Roomframes app – 管理型软件

*设计师：Adrain Rudzik

*软件介绍：Roomframe app是一款适用于iOS手机端的应用软件，能够帮助用户记录并珍藏他们所旅行过的地方的相关记忆，尤其是他们旅行中所居住过的房间的珍贵记忆。所以，从这方面来讲，它是一款生活管理型手机应用。

*亮点：软件多处使用了框架设计，方便用户根据不同的旅店，工作区和相关新增地点，添加对应的日期，图片和描述。其简单的白色背景，使用户信息更加明显，也易于用户随时回顾或与家人朋友分享这些难忘的回忆。

6). iOS App Slide Car – 生活类软件

*设计师：Melany Roa

*软件介绍：iOS App Slider Car是一款专门针对iOS手机研发的应用软件，能够帮助用户分类搜索各式汽车信息，并实现在线交易的一种手机端应用。同时，它也是一款能够帮助用户结交不同汽车爱好者的社交工具。

*亮点：简单纯色的背景，使用户专注于汽车图片，价格，描述和所有者等信息。搜索界面添加各种搜索参数，用户简单点击即可实现汽车信息搜索。总之，整个界面简单，整洁而实用。

7). Karoline – 购物软件

*设计师：Varduhi Adami

*软件介绍：Karoline是一款手机端服装购物软件，提供了各类服装的详细信息和购买渠道。

*亮点：软件整体的粉色系配色，柔和甜美，对女性购买者极具吸引力。所有界面以服装图片为主，更易于用户根据喜好挑选。而且，添加的简单且易识别的图标和按钮，方便用户搜索和查询相关服装细节。软件界面丰富，例如主页，我的账号，我的订单，我的购物车，要请朋友，设置，购买等，能够满足用户购买时各方面的需求。所以，如果你有通过手机在线购买服装的打算，它会是不是错的尝试。

8).Space – 管理类软件

*设计师：Doeun Shin

*软件介绍：Space是一款能够帮助用户更加有效的管理日常生活的手机端应用。主要提供了两项特色服务：早上，自动结合用户的日常习惯，提供有用的日程管理信息和建议，例如交通和天气情况等； 晚上，通过自动分析用户语音日记，提供符合用户心情的主体和提示音等等。

*亮点：该软件以插画风为基础，添加了各式动画按钮及图片，直观生动。蓝色主题，漂亮舒适，无论早上还是晚上使用，用户都不会反感。而且，软件本身添加多样的功能性界面，例如语音日记，心情日历，日常服务，节日简介等等，简单全面。总之是一款极具吸引力的管理软件。

9).QuickBee – 广告类软件

*设计师：Monish Mohanan

*软件介绍：QuickBee是一款广告分类管理软件，提供了生活中各个方面的信息，例如汽车，房地产，求职和教育等风方面面信息。使用者只需创建账号，即可搜寻所需生活信息，了解流行趋势，浏览各类特色广告。

*亮点：软件设计简洁，颜色搭配极佳。彩色按钮呈现多样的生活分类，整洁美观。各式框架呈现流行趋势和特色广告，简洁有序。矢量图标简单易识别。添加多种界面，满足用户各方面的需求。

10).Wallet – 理财类软件

*设计师： uixNinja

*软件介绍：Wallet一款能够帮助使用者理财的移动端软件。

*亮点：软件使用黑色，红色和紫色三种颜色的对比和渐变，极具特色，漂亮时尚。简易图标和多色几何图形，是软件界面更加简洁使用，令人印象深刻。

结语

这些就是我们所搜集的10款最新的优秀手机端软件UI设计作品。 希望他们不仅能给你新的设计带来灵感，同时也能帮助你把握和预计2018年手机应用UI设计的发展趋势。

原文地址：Mockplus

作者：jongde

转载请注明：学UI网》10个最新优秀手机应用界面设计实例

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

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

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

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