不同的设备组在不同的上下文中提供不同的服务：用户根据他们正在查看的屏幕的类型参与不同的交互模式。例如，手机主要用于微任务，并且具有较短的用户会话。平板电脑主要用于内容消费，目前不被视为大多数人的工作工具。在了解各种设备类型的基本上下文的假设对于构建一个好的用户体验是至关重要。
确定产品的核心用户体验后，选择一组你希望支持的设备组，你需要调整每个组的体验（对于每个上下文的使用）。上下文的设计在不同设备组设计时尤为重要。
第一，并非所有功能都在所有设备上都有意义。你需要确定你的产品在多个设备组中使用的不同场景，并设计适合每个场景的体验。例如，通常移动用户比电脑用户想要的不同于产品。以Evernote为例，可以在多台设备上使用流行的笔记本产品。其电脑版本针对内容消费进行了优化：
用于电脑版本的Evernote应用程序被优化用于阅读文本和查看媒体。
而移动版本是针对拍摄笔记、照片和捕获音频进行了优化的：
Evernote了解移动环境：它利用设备功能，并提供快速保存想法的方式（添加文本笔记，捕获照片或设置提醒）。
第二，不同的屏幕允许不同的输入法。以触摸输入为例。在设计具有触摸输入（移动手机和智能手机）的设备时，设计师会犯的几个常见错误包括：
小的点击目标。点击目标（如CTA按钮）必须具有足够大的尺寸。通常至少7毫米是足够的，但最好使用10mm触摸目标尺寸。
将项目过于紧密地放在一起。你应该考虑点击目标的大小以及它们之间的间距，因为间距有助于分离控件，并给你的用户界面提供呼吸的空间。建议的间距至少为23pt以防止输入错误。
按钮之间的间距
使用悬停状态。但在触摸屏上，没有“悬停”。
想想大屏幕以及小屏幕，给大屏幕和小屏幕提供同样的注意力：
不只是缩小设计，使其适合那些大屏幕。充分利用你可以使用的额外空间。
确保图像不会因为屏幕尺寸的放大而失去质量。
左：低质量图像。右：正确的分辨率。
考虑大屏幕细节。每个设备组都有自己的不同。例如，电视屏幕的设计被称为“设计10英尺体验”，因为从沙发的距离来看，与电脑桌面屏幕相比，屏幕上元素的明显尺寸明显更小。
一致的体验意味着应用程序及其在所有屏幕尺寸上的体验都是相似的。无论设备如何，一致的用户体验是成功的全通道用户体验的关键组成部分之一：
对未来与产品的交互设定期望，并建立用户信心。
一致的体验使得你的产品在其他设备上与用户的交互更容易。
你可以将它们视为相同体验的方面，而不是将设计定制到越来越多的屏幕和设备中。例如，Google搜索应用在所有设备上提供相同的搜索体验。
当设计和功能一致时，用户可以在他们选择的设备上更快更有效地完成任务。
跨不同设备组创建无缝体验对你的用户非常重要。人们可以自由地在设备之间来回移动，完成任务，或当他们从设备转移到另一设备时，他们期望他们的产品和服务与他们一起转移。这意味着用户不必考虑他们正在使用的设备，环境的变化或上下文的变化，并且可以依赖于设备良好的功能性和独立于设备的易用性。
根据使用情况，你可能希望确保每个设备上的内容消耗量同步。以AppleMusic为例：你可以在Mac上设置播放列表，并在iPhone上即时播放，也可以开始听iPhone上的歌曲，当你转到电脑桌面时，你将被拍摄回到你在iPhone上。
AppleMusic可以很好地处理多个设备的同步。
在测试环境中有效的并不总是在现实世界中。在实际设备上为实际用户运行可用性测试，你可以在发布之前发现用户体验的问题并解决它。
原文地址：AdobeBlog
译文地址：UI中国
作者：NickBabich
译者：SKYUI
转载请注明：学UI网》在不同屏幕和设备上创建用户体验设计的8个步骤
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
一说到设计，很多人都会想到天马行空的插画，各种漂亮的手稿等。那么设计就是单纯的漂亮的外形嘛？设计等于艺术嘛，我们首先来看一副毕加索的作品。
单看这幅画，你能从中感受到什么？你能理解作者想表达的什么含义？每个人看到的可能都会有不同的理解，甚至有的人会说“我完全看不懂”。那么接下来在看另外一副作品，这是某用户体验设计师的作品。
内容包含草图（线框图），页面流程，简单的交互说明等。他看起来简单明了，所有的用户一看都基本能了解简单的操作流程，它是专业而理性的作品。由此可见，艺术是感性的，而设计师相对理性、精密的。它是居于大量用户数据而分析出来的最适合、最合理的方案。
那什么是好的设计那？不让用户思考，趣味横生的那就是好的设计。
那怎么做到以上的这些点那？我们就需要了解“人”，观察“人”。做设计，归根结底就是为了解决“人”的问题，是为了让“人”从中获得良好的体验。那么这就需要了解“人”的想法、行为、习惯等，学会换位思考。多注意观察“人”的日常行为是一个号的习惯，但是注意不要以偏概全，而是多思考背后的原因，多归纳人的共性。
举个例子，比如淘宝的收藏夹和购物车页面，它们的内容其实是相似的，都是包含图片、商品名称、价格等元素。（如下图）
在此基础上，设计师还需多听用户的反馈意见。很多时候你对这个产品太过熟悉，很多东西已经习以为常，而用户却可能并不了解。多听听用户的反馈意见，才能更快发现设计上的问题以及用户的困惑，做出更受用户喜爱，用户体验良好的产品，这也是设计师的工作的目的所在。
那么所有的用户的反馈意见都要采纳嘛？事实并非如此，用户说的不一定是心中所想的、用户没有表达出自己真实的需求、用户的意见不专业。这就需要设计师去思考用户需求的本质，只是盲目的顺着用户的要求走，那么最终呈现的也不是最合理、最严谨的设计方案。
福特汽车公司的建立者亨利·福特曾说过这么一句话：“如果我问我的用户，他们可能只会说要一匹更快的马”。如果福特没有思考用户需求的本质，那么就不会有后来伟大的福特公司了。
交互设计师接到PRD需求往往可能是一个苹果，但是他们可能更需要个橘子，那设计师就需要把苹果换成橘子，在进行加工榨成橘子汁提供给用户。（如下图）
由此可见，设计师需要倾听用户的意见。但也不能一味的跟着用户的节奏，被用户牵着走，而是应该理性对待用户的需求，分析用户的根本目的，解决深层次的问题，而不是停留在表面。
在我们顺利理清需求以后，我们便从需求阶段顺利过渡到界面阶段，并可以在此基础上继续细化界面。
人们在处理信息，学习规章和记忆细节方面的能力是有限的。选项越多，步骤越长，用户需要耗费的注意力和理解力就越多。所以设计师在此基础上要减少多余的步骤和干扰项、优化操作过程，做到操作前可以预知、操作中有反馈、操作后可撤销。
单从界面逻辑上看，第一款的应用在逻辑上更为清晰，用户理解起来不存在任何问题。但是用户看到这个界面的时候可以直观的感受带今天是不是很热，明天是不是很热，在感受上不会那么直接。而第二款应用，通过颜色的变化和数字的高低，能让用户更贴切的感受到天气的变化。所以，设计不仅要逻辑清晰合理，更要能够令其产生认同感和情绪体验，与界面产生情感互动，从而能引导用户积极操作。
从上面的各项例子中可以看出，好的设计首先是要解决用户在某个实际场景应用下发生的问题，会让这个产品更易用，更受欢迎，最后会给用户留下美好的体验。视觉体验只是整体体验的一部分，它并不是设计的全部。
因此，用户体验设计首先应该是理性的，其次才是感性的。只要你的方案能够解决用户的实际问题，又能带给他好的感受，用户就容易感到满意。
作者：流年
转载请注明：学UI网》了解什么是用户体验设计？
用户体验设计的基本要素之一是在设计中应用正确的组件元素，然后通过合理使用这些组件元素来达到想要的效果。
为什么这个复选框设计是失败的？
这个设计的问题在于使用复选框作为控制元素——在错误的地方应用了错误的组件。
例如图中是一个购买鸡蛋的设计，虽然生活中也有人会点15个鸡蛋，但比起一长串的复选框，使用可以快速调整数量的下拉菜单会更合适。
设计提示：复选框应该只用于少量选项之间的选择。关于数量的选择应放置在另一个框中，并添加下拉菜单或加减按钮来完成数量的增减。
在下一个例子中，你就可以看到下拉菜单的应用，它可以提供更简洁的界面设计。
这个用户体验设计为什么糟糕
在当今这个时代，企业靠精准的数据才能繁荣发展，一个失败的用户体验设计迫使用户输入假的数据，这是非常令人头疼的问题。
设计提示：信息输入的字段限制必须确保在合理范围内，并考虑到特殊情况。否则，最终将迫使用户输入错误的信息，带来更多的问题。
对于企业来说，一个网站提供几种不同的语言版本是很常见的设计。这个例子的失败之处是让用户难以切换语言，因为它的语言切换隐藏在用户视图之外。
用户体验不好的原因？
这个网站错误地将语言切换框放在屏幕底部，迫使用户向下滚动才能找到它。如果访问者没有立即看到语言框，他们可能会选择点击返回按钮或者离开网站。
设计提示：在用户体验设计中必须考虑特定内容的位置，重要的东西应该放在页面顶部。这个设计可能会因为失败的体验而失去很多访问者，实际上这个问题很容易解决的。
这个复选框的失败之处在于它的设计和文案非常令人困惑，用户几乎无法明白复选框选中和非选中状态之间的含义。网站默认选择所有可选内容，然后强制客户删除他们不想要的选项。
为什么这是糟糕的用户体验？
这个体验设计正好与用户习惯相悖，用户通常习惯于直接勾选想要的选项或从下拉菜单中选择；它却迫使用户停下来思考应该去掉什么选项。
设计提示：有一句古老的商业格言曾说过——“如果你让用户感到迷惑，你就失去了他们”。将菜单设为默认，并选中所有可选内容，这是一个糟糕的设计。
为了让网站或者应用程序的一些表单脱颖而出，设计师一般会在界面上使用鲜艳的颜色。但是，需要注意的是要兼顾文字的可读性。下面的例子中存在的问题就是设计本身看起来干净清爽，但文字却难以阅读。
为什么用户体验不好？
虽然在这个主题中使用的绿色很好，但是在这个背景中阅读白色字体是很困难的；即使是在白色背景上阅读灰色字体也不轻松。
我们都喜欢赏心悦目的交互网站，但用户体验设计的重点应该是功能。用户体验设计必须保证功能齐全、易于使用，这样才有价值。
为什么是糟糕的用户体验？
上面展示的这个站点似乎忘记了他们设计的功能，选择了华丽的界面而不是交互。用户虽然可以看到50个非常美丽的旅游景点，但问题是，他们必须按住鼠标几秒钟后才能继续浏览下面的内容。
设计提示：强迫用户按住按钮来导航只会“赶走”用户。用户没有耐心等上几秒钟去看下一张照片，最终他们会在耐心消失后离开。
界面杂乱是苹果iTunes设计中的诸多缺陷之一，这个缺陷一直在拖累苹果的iTunes设计。在应用程序或网站的主页上塞满信息看起来似乎很有诱惑力，实际上只会让访问者不知所措。他们遭受着信息过载，这种体验和缺乏信息一样糟糕。
上图所示的设计不仅会加重用户的认知负荷；更糟糕的是，页面的加载速度也会减慢。两者都会大大耗费用户的耐心，导致他们离开。他们将在混乱的导航中经历一个糟糕的过程。
设计提示：在界面设计方面，菜单是不错的组件选择。使用这里的示例，可以使用一个菜单来管理专辑，而不是一股脑将它们全部扔到首页上。甚至列出最近打开的2或3张专辑也是一个不错的折中
Netflix早在2015年就增加了一项功能，当用户在视频上停留几秒钟时，就会播放一段预告片。乍一看，这似乎不是一个糟糕的设计。但一旦投入到使用，问题就开始变得明显起来。
问题在于用户必须将鼠标悬停在电影或视频上才能快速查看详情。这就产生了一个悖论：停留在播放器上阅读影片详情的观众会突然听到或看到一段响亮的预告片或片段剪辑，打断他们查看详情。对于一家专注于客户满意度的公司来说，这是一个令人惊讶的疏忽。
关键要点：Netflix也可以让这成为一个更愉快的体验。例如可以设置为用户必须将鼠标悬停在缩略图上才会播放，而不是在他们查看预告片详情时显示。这里的要点是，在设计界面时，要确保不会意外地出现一些元素来分散用户对重要信息的注意力。
接下来我们回溯到2005年和2009年来看看谷歌这个案例，对于一家似乎还不错的公司来说，这是一个巨大的失败。让我们一起看看是哪里出错了！
为什么是坏的用户体验？
GoogleWave在GoogleX失败后仅仅四年就出现了。它试图创建一个全新的系统，但它最终成为了囊括电子邮件、即时通讯和维基百科等功能的混合产品。主要问题在于，它并没有比市场上其他解决方案做得更好。
设计要点：这个概念其实非常棒，为我们今天继续使用的许多新程序打开了大门。但是，即使是绝妙的想法也无法将GoogleWave从糟糕的设计中拯救出来。当试图简化那些已经流行的特定功能时，新功能至少要达到同等的水平。否则，人们不会使用它们。
WhatsApp因其出色的用户体验设计而大受欢迎，但有一项功能却让人摸不透。我们都遇到过这样的情况，有时候编辑了一条信息准备发送给一位朋友，但却意外地将它发送给另一个朋友。因此，用户应该有权删除这条消息。听起来很有道理，对吧
WhatsApp的设计问题在于，它会向收件人显示你删除了信息!最后，这看起来比你发错消息的行为更可疑。这是一个糟糕的设计决策。
设计要点：系统应该提醒发件人，收件人可以收到你删除了信息的通知；或者从一开始就避免给收件人发送这个通知。给删除消息的人一个简单的通知消息这个设计可以保留。
用户体验需要放在用户体验设计的首要位置。优秀的用户体验设计是小企业将客户从更大、更传统的企业中转化出来的途径之一。最后一条建议是将可用性置于界面风格之上。吸引眼球的应用程序和网站固然很重要，实用性在绝大部分时候是要置与美学之上的。
原文地址：UI中国
作者：摹客Mockplus
转载请注明：学UI网》十大用户体验设计失败案例，你知道吗？
从字面意思来说“可用”是指在用户正常预期里一个系统可以正常使用。在用户体验里的产品层面更多是倾向于产品功能有用、有效、完整。比如用户能通过搜索功能搜到自己想找的内容，这个用户完成搜索就是被定义为搜索功能的可用性，也就是说这个功能对用户是有效的。
但是，具备可用性的产品，用户体验未必就一定好。反过来，用户体验好的产品，可用性也并一定好。比如改版前的12306，他的可用性很高，几乎人人都得通过他解决火车票问题，但他用户体验却并不好，设计也不美观，还被很多人吐槽，高峰时期还特别糟糕，他算不上是好的用户体验例子，但对用户来说它的可用性很高。那体验好但可用性不好是什么样呢？比如我们去一家餐厅，环境装修氛围、还有服务都好极了，连餐椅餐具都设计的高端漂亮，可是我们进去餐厅吃饭却没有能吃的菜品。这就是体验很好，但可用性并不好。
我们可以这么简单理解：产品层面的可用性原则是产品功能的必备基础，他是万丈高楼的地基，没有可用性的产品无需谈用户体验，但是具备了可用性这个条件并不等于拥有了优秀的用户体验。
上面我们提到了产品层面的可用性主要是产品的功能的有用、有效、完整，但对于用户体验设计不仅仅局限于功能性范围。在用户体验设计里还包含的视觉感知、品牌一致、心理预期、用户情感等因素，这几方面都是用户体验设计中不可缺少的部分。
在著名的尼尔森Nielsen的可用性框架里，最有名的就是JakobNielsen的5个属性：
状态可见性：比如控件状态可见，当这个产品售罄了，能从视觉上给用户清晰的状态展示。
品牌一致性：比如界面的配色是否给用户感知和品牌一致。
出错设计：户在使用产品的时候遇到出错地方，直接把出错的地方给予提示，或及时反馈，避免错误的发生。
满意度设计：在设计中，站在大多数用户角度上，对用户要传达的信息简单、清晰、理解成本低。
那就是我们经常一块提及的易用性，易用性是指的用户在体验中效率更高效、过程更简单、记忆负担更少、用户满意度更高。易用性是建立在可用性的基础之上，如果没有可用性，那易用性就根本谈不上了。
我们再回到可用性的5个属性：学习性、记忆性、效率、出错、满意度。下面从之前写过的搜索功能体验来简单看：在可用性基础之上，用户体验设计里对易用性的体现。
学习性搜索框的位置在用户心智中具有习惯性的认知，用户在界面的顶部或右上角找到放大镜这个图标，就能直接开始搜索，对于用户这个是不需要学习的。
提升输入效率设计用户进入搜索输入页时立即弹出键盘，并且输入框是焦点状态，保证用户无需其他点击，直接输入即可。另外展示5～10个历史搜索词，方便用户快速键入减少用户输入成本。
减少记忆负担比较常见的是历史搜索。
有效的纠错展示当出现输入错误时，对用户进行有效的纠错或提示，帮助用户快速且准确的完成输入，减少错误。
可用性不是我们随口而来的一个书面词汇，而是需要在具体实际中理解背后的逻辑，可用性是用户体验设计中的一块基石，然后才是建立这个基础之上的易用性、美观、用户好感度等方面。
原文地址：咏舍（公众号）作者：咏舍
转载请注明：学UI网》用户体验设计的可用性
俗话说，“有样学样（Monkeysee,monkeydo）”，包括人类在内的灵长类动物都擅长模仿。这个词表示无意识镜像或模仿我们周边人行为的状态。根据我们在产品方面的经验，我们进行的互动具有亲密性和即时性。
你有没有试过听了朋友说的话之后又说给对方听？这是变色龙效应的完美例子。
指由于之前受某一刺激的影响而使得之后对同一刺激的知觉和加工变得容易的心理现象。我们半夜三更看了电视的恐怖电影之后，跟看喜剧相比，屋子里面听到的任何吱吱声或者噪音更有可能让你毛骨悚然、心惊肉跳。
德国精神病学家和儿科医生海德维希·冯·雷斯托夫（HedwigvonRestorff）在1933年提出的理论。冯·雷斯托夫有一次实验，涉及到让受试者观看一系列相似的物品。结果他发现，如果其中某个很特别的话，那么相比其他物品，受试者就更容易回忆起这件物品。
冯·雷斯托夫效应又叫做隔离效应（isolationeffect），或者新奇效应（noveltyeffect），其预测是当存在多个相似的对象时，跟其他有所不同的那个最有可能被记住。
该理论由赫尔曼·艾宾浩斯（HermanEbbinghaus，著名的艾宾浩斯遗忘曲线也是他的发现）提出。它描述了序列中项目的位置是如何影响回忆的准确性的。
这种效应是指记忆材料在系列位置中所处的位置对记忆效果发生的影响，包括首因效应和近因效应。系列开头的材料比系列中间的材料记得好叫首因效应或者首位效应；系列末尾的材料比系列中间的材料记得好叫近因效应或新近效应。
用户往往最容易记住系列中的第一项和最后一项。
把最重要的信息放到开始和结尾。把最不重要的信息放在中间，这是吸引用户注意力的高效方法。
在格式塔原理之下，派生出了很多的其他原理。我们会在下面进行简要讨论：
在设计周围留白，从而创造出一块大于其各个部分之和的区域。用最简单的措辞来说，格式塔理论是基于这样一种思想，即人脑会下意识地把各个部分组织成一个系统，从而创造出一个整体而不是一系列的离散元素，通过这样来简化和组织包含有很多元素的复杂图像或者设计。我们的大脑天生就是为了看清结构和模式，从而更好的理解我们生活的环境而构造出来的。
在格式塔里面，相似的元素不管彼此是否靠近也会在视觉上进行分组。分组可以按颜色、形状或大小进行。相似性可用来将可能彼此不相邻的东西联系在一起。
不管实际画出来的线条如何，人眼在观看线条的时候都会按照最平滑的路径想象。当目标是引导访客的眼睛朝特定方向看时，这种连续性会是很有价值的工具。
这条原理反映的是人会把设计或图像缺失的部分自行脑补，创建出一个整体来。或者说得简单点，在Adobe、SunMicrosystem、NBC、USANetwork等的logo中就可以看到复杂的形状。
跟闭合原理类似，这条也利用了负空间。我们的大脑会区分出图像前景的对象。设计师如果想要突出某个焦点时，用这条这真的很方便。
这条原理是指，沿同一个方向移动的元素本身会被视为一组。如果我们看到一群鸟朝特定的方向飞行，我们就会把它们组合在一起，并将它们看作是单个刺激物。
指在一个人的工作记忆使用的脑力综合。是指你为了完成任务需要消耗的脑力。
认知负荷是表示处理具体任务时加在学习者认知系统上的负荷的多维结构。
这条指的是用户往往会认为有吸引力的产品更实用。大家往往会相信看起来更好的东西用起来也会更好——就算实际上效率和效能并没有提高。
用户往往会把美观的设计看作是更实用的设计。
对视觉设计的积极情绪反应会让他们对可用性方面的小问题更加宽容。
这一理论是由心理学家佩维奥（Paivio）提出来的，他强调在信息的贮存、加工与提取中，语言与非语言的信息加工过程是同样重要的。佩维奥（1986）指出：“人的认知是独特的，它专用于同时对语言与非语言的事物和事件的处理。”利用双重编码系统可以让用户更容易记住我们网站上的重要内容。
我们会根据你对现实世界的体验和感知为脑中想到的文字建立视觉形象。一想到“体育”，我们的大脑就会自动想到球的形象，运动员的形象。通过将文字跟图像配对，可以更容易记住东西。
我们一般不会用价值数千美元的眼动追踪软件或者脑电图来判断设计是不是有效。但是5秒测试是个强大工具，用它就可以确定你的设计是不是一看就明白。
所谓5秒测试，就是让受试者观看网站或应用5秒钟，然后回答有关主题和设计的问题。如果用户的答案或者留下的印象跟你的设想不一样，那就说明设计没有达到原先的目的，需要继续改进。
这条原理来自罗伯特·西奥迪尼（RobertCialdini）的著名著作《影响力：说服心理学》（Influence:ThePsychologyofPersuasion），里面列举了类似互惠、一致性、社会认同，权威以及稀缺性等原理。
这些原理往往决定了我们在社会当中的行为方式，我们可以用它们来识别人类行为。
权威：权威这条原理说的是我们大多数人都意识到自己没办法在每一件事情上都是专家。我们最好的选择是依靠专家的证词。所以，我们允许专家和任何特定议题的“权威”人士影响我们。大家往往会对高水平的专家和权威人物的话言听计从，因为觉得他们值得信赖。如果跟成功公司能扯上关系的话就会经常被提及，好建立一定程度的尊重和可信性。
第一组的做法就是简单粗暴直接上门问。而第二组是先做一个初访，请求房主在他们前面的草坪放一块很小的标志牌，“做一位安全的驾驶员。”
结果第二组的成功率高出450％。这就是（承诺与）一致的一个例子，因为房主会觉得自己有义务在这种情况下保持一致性。
稀缺性：在塑造行为的原理方面，这是我的最爱之一。稀缺性原理是说，如果东西有限的话，大家就会更想得到它。能得到的人越少，吸引的人就越多。
为什么有的商店会推出限量版服装？这就是原因，这样可以吸引更多的顾客。
变化盲视（ChangeBlindness）：指观察者不能探测物体或情景所发生变化的现象。
记忆未必永远可靠。我们对信息的存储方式会被我们的想法、感知信念以及周围环境所重构。
我们的工作记忆能力大概就只有10到15秒，一次只能记住3到4个东西。
研究表明，大家往往会制造出错误的记忆，要么会记住了没有发生过的事情，要么就是记得的东西跟实际不一样。由于记忆具有提示性和可塑性，所以根据大脑的习惯或心智模式来进行设计就非常重要，因为这样会更容易记住。
尽可能为用户提供帮助和反馈，并提供撤销选项，以减少用户犯错时的沮丧情绪。让体验个性化，好迎合我们用户的喜好。
了解单纯呈现效应及其机制，会让你在转化率优化的工作中具备重大优势。更多的呈现会带来熟悉感，进而带来舒适感，从而让转化率优化整体上得到显著改进。
色彩也是影响人的选择和行为的主要因素之一。我们经常会发现儿童玩具颜色鲜艳，女孩玩具往往是粉红色的。这方面研究的主要思想是色彩对用户的感知有很大的影响。
所以，作为设计师我们应选择能够传递含义与正确信息的色彩。
红色。跟热情、强烈或攻击性的感觉关联。同时是好和不好的感受，比如爱、自信、热情、愤怒等的象征。
橙色。充满活力的暖色，给人以兴奋的感觉。
黄色。幸福的色彩。象征着阳光、喜悦和温暖。
绿色。大自然的色彩。给人以来平静和新生的感觉。另外，也可能用来表示经验不足。
蓝色。一般用来表示企业形象。往往表现出冷静的感觉，但是作为一种冷色，也跟距离与悲伤有关。
紫色。由于很多国王都穿紫色的衣服，所以长期以来就与皇室和财富联系在一起。紫色也是代表神秘与魔力的颜色。
白色。意味着纯洁和纯真，以及完整性和清晰度。
我们一般是从大脑负责本能的部分得到这种反应，本能反应的速度比我们的意识要快得多。本能反应会导致我们用了一下产品后就爱上了它。这些反应植根于我们的DNA之中，所以很容易预测。
作为设计师我们就是要通过设计制造出视觉上极其出色的美感印象。为什么一个东西在用户眼里好看，以及为什么他们是我们的目标受众，他们的需求是什么，这些都不难猜测。
用户体验设计的概念根植于认知和行为心理学，那是人类与机器交互的蓝图。当然，本文仍还没有涵盖到所有的设计心理学原理。但是，作为设计师，我们还需要观察和理解最终用户，并且加深对用户的理解与共鸣。在产品开发过程中，了解用户的互动、行为和情感可以增加更多的价值。
原文地址：追波范儿（公众号）
作者：terechen
转载请注明：学UI网》你想要的，用户体验设计中的心理学
这是最常被提及的用户体验设计基础，当涉及到产品设计决策时，提醒我们要学会使用同理心，而不是仅凭个人的想法或意见。
用户体验研究重点是了解用户，为接下来的产品设计做准备。以用户为中心的设计理念是设计师迎合用户的需求，区分了设计任何人都可以使用的产品和为目标用户设计的产品。
一款特定的产品需要面对不同的目标群体，前期研究中需要了解目标人群需要什么并在产品中反映出来，这是针对性很强的设计研究。
可能很多人对信息架构的定义很模糊，这里举个例子来具象说明一下信息架构的含义。
例如在一款产品中，如果把所有内容都堆到一个列表或页面中，可能我们将无法使用这款产品，所以我们看到大多数的App和网站都包含很多的导航和页面结构，按照内容重要程度有序地来组织内容。
信息体系结构的最终目标是帮助用户理解他们在看什么，并帮助他们找到需要寻找的内容。
信息架构在制作线框图或原型之前完成，因为它是产品的基础，有助于设计师考虑什么功能是最重要的，哪些是用户最需要的以及哪些次要内容可以隐藏起来等。
信息架构的设计不当会造成重大故障甚至可能危及整个产品。如果用户在使用产品时找不到任何想要的内容，点击任何元素都没有反应，会给用户带来很糟糕的使用体验。
这条原则有助于设计师考虑还有哪些因素会影响用户和产品，很多产品设计会为用户提供一些有助于消除使用摩擦的操作提示。
例如在设计表单时，会尽可能的添加输入提示，最大程度地减少用户出错的机会。
保持一致性是用户体验设计的关键原则。拥有一致设计的产品可以更快地被新用户接受，因为用户不需要再次学习如何操作，他们会回忆起之前的操作习惯并将其作为指导，这也解释了为什么同类型的产品例如电商类App页面设计的很相似。
从逻辑上讲，产品越大，这种一致性会变得越来越有挑战性，这促使许多设计团队创建自己的设计系统。一款产品的学习曲线越长越陡，放弃的用户就会越多，在市场营销中，这通常被称为销售漏斗中的漏洞。
这条原则意味着用户希望能控制产品，无论是完成任务还是定制满足他们需求的内容。
在设计过程中一直试图给用户尽可能多的控制权，例如允许用户撤消操作、更改设置、自定义UI外观、创建快捷方式等。
需要注意的是，当提供太多选项或用户太依赖于自己的选择时，用户可能会不知所措，造成所谓的选择悖论。所以在设计时要了解用户乐于掌控的余地，不能让用户感到使用压力。
在整体上看，建立高标准的可用性是为用户做的最好的事情，有助于检查用户是否能够轻松地完成任务、产品是否正常运行以及是否完成工作。
可用性的重要之处在于要理解可用性的灵活性和重要性。
结合可用性的概念，我们还要进行用户测试，这是设计师对工作进行测试的方式，对新的产品来说至关重要。
当设计思想和理念被转化为有形的原型时，设计师要观察真实的用户是如何与之交互的，可以通过许多不同的方式例如简单的A/B测试到全面的审核测试等来实现。
测试通常分几轮进行，团队在向原型添加更多细节之前验证每个步骤。随着测试结果的出现，设计也随之发生了变化。
如果发生更改，将会进行新一轮的测试，通过这个过程，设计团队可以改进他们的工作，直到达到可用性标准。
在创造力和创造独特事物的渴望中，很多设计师很容易无意中弄乱产品界面甚至产品本身。
功能过多的产品可能会失去焦点并削弱吸引力。具有太多元素的页面会变得充满视觉冲击，但也会给用户带来负面体验，在设计时要学会克制并优先考虑真正关键的部分。
另外手机端的屏幕空间非常小，创建一个有效的布局，想出巧妙的方法来隐藏次要元素并创建一个令人愉悦的界面需要付出很大的努力和创造力。
视觉层次是向用户传达产品中元素重要性的方式。良好的层次结构有助于用户视线在界面上移动，并立即了解最重要的内容以及这些内容与其他部分的关系。
视觉层次结构与布局设计紧密相连，帮助用户消化所接触到的信息。
创建层次结构从概念的草图开始，一直持续到完成设计。例如发送按钮通常会用绿色而是不红色，而次要按钮会显示为灰色或与背景混合，并显示“撤消”或“返回”。
为用户创建心智模型是尝试使用同理心的一种方式，是帮助设计师从用户的角度看待问题的工具。
做到准确就是直观的产品，用户不需要投入精力就可以使用它，而错误的思维模型会导致一些问题，例如界面混乱、高昂的交互成本。
为了匹配用户的心智模型，可以采用多种不同类型的研究方法，常见的方法包括卡片分类、决策树、对用户行为的密切观察，或者使用大量的数据来建立关键用户的心理模型。
讲故事的方式更加直观，利用图像、视频、动画和文本等元素让整个页面与用户对话。用户体验设计中的视觉叙事是为了唤起用户的情感，给用户留下持久的印象。
想出一种可视化的方式来传达复杂的内容具有挑战性，但同时也是有益的，可以更好地接近用户并将其作为提高产品可学习性的方法。
高保真原型是设计项目的最终目标，但是直接使用原型软件不断添加各种页面细节是错误的操作。
避免直接出高保真的主要原因是因为这样做的成本会更高。在没有任何用户研究和测试的情况下，一款产品无论具有多少的细节都有可能面临不符合用户使用的情况。
不仅要检查关键用户是否可以流畅地使用产品，还应该检查其他所有用户例如少数群体等是否都能够正常使用产品。
事实上，残疾人和其他用户一样需要数字产品，但很多产品在设计时并没有考虑到这些群体，但这也提供了一个机会，为所有用户提供一个可以依赖的好产品。
我们知道为用户提供一致的设计有助于克服学习曲线，同时为用户提供熟悉的东西也有助于缩短学习曲线。
例如，大多数用户都会立即识别某些UI组件(汉堡菜单/单选按钮)，这意味着他们会本能地知道这些组件代表什么意思或者如何操作。
使用用户已经熟悉的东西并不一定会让产品的独特性消失，有经验的设计师会利用这种熟悉性来来创造一些独特的设计，同时也是直观的，不需要太多努力就可以使用。
设计一个完全不依赖熟悉度的产品可能是具有风险的行为，因为它很容易让那些不熟悉产品的用户超负荷，形成巨大的学习曲线，增加用户负担。
可交付成果是可以在整个团队中交付的内容，包括用户画像、心智模型、用户旅程以及线框图和原型等，是一种有形和具体的表现。
这些交付成果服务于关键功能，设计师需要在整个项目中都依赖它们，不断转换为用户可以与之交互的真实有形的设计。
用户体验设计的过程不是线性的，而是一个循环。无论创建什么样的产品，都需要专业的原型工具，将基本框架放在一起，然后添加可能需要的所有细节。
从逻辑上讲，设计团队的具体需求会因团队而异，但一些关键功能例如团队协作、需求管理、交互设计和开发移交等，对于大多数团队来说是必要的。
一切都从收集需求开始，然后慢慢创建关键列表。虽然简单地列出一个列表听起来很容易，但随着项目的进展，要保持列表的条理性确实是一个挑战。
除了创建需求和检查需求之外，还有一个问题就是调整需求，需要从设计、技术和业务各个方面来处理各种需求，还要确保这些需求之间没有相互矛盾。
网页端和移动端产品最明显的区别是屏幕尺寸，这意味着所有的视觉层次结构和信息架构都将从Web到App发生变化。
移动端产品会有更多影响设计决策的因素，例如设备的操作系统、使用产品的环境等。了解移动端产品在导航设计、用户流程等关键方面的差异是至关重要的用户体验设计原则。
通过合适高效的工具能够避免产品在到达终点时遇到各种各样的可用性问题，防止产品细节没有表现出来或者被忽略。
最后
通过这份用户体验设计原则的合集希望能够让你对这个领域有一个大致的了解。
没有人知道用户体验设计在未来会引领我们走向哪里，不过我们可以确定，无论它带给我们什么，肯定都会很有趣。
原文地址：Clip设计夹（公众号）
作者：Clippp
转载请注明：学UI网》掌握这20条用户体验设计原则，助力设计成长！
一个设计的存活或死亡依赖于它适应人类的行为和认知限制的能力。
用户体验（UserExperience，简称UE/UX）这个词是在上世纪90年代中期，由用户体验设计师唐纳德·诺曼（DonaldNorman）所提出和推广。
定义：用户在使用产品过程中建立起来的一种纯主观感受。即用户在使用一个产品或系统之前、使用期间和使用之后的全部感受，包括情感、信仰、喜好、认知印象、生理和心理反应、行为和成就等各个方面。
可用性指的是产品对用户来说有效、易学、高效、好记、少错和令人满意的程度，即用户能否用产品完成他的任务，效率如何，主观感受怎样，实际上是从用户角度所看到的产品质量，是产品用户体验的核心，不好的可用性会导致用户放弃使用产品。
可用性由易学性、效率、可记忆性、容错性、满意度、实用性、个性化、可预测性组成。
我们常说互联网是有记忆的，好的产品体验是帮助用户去记忆。用户在体验中，要对一些有意识、无意识的行为进行记忆是一个比较大的负担，如果在一些环节通过系统能帮用户记录，会降低用户的负担。比如在搜索、历史记录、浏览记录等。
满意度指的是用户与设计互动产生的愉悦程度，可以是用户使用产品时流畅的交互和优秀的视觉设计，也可以是用户在产品中得到的满足感。比如sir语音交互，王者荣耀等级（满足感）
产品能否提供用户在完成任务时所需要用到的基本功能，例如P图类软件，用户需要对图片进行裁剪、添加滤镜、抠图、美颜、补妆、添加文字、去除水印、添加文字等操作。
在满足实用性的基础上针对用户提供不同场景下的功能定制，如美图秀秀，在提供图片美化的同时，针对用户不同的使用场景还提供视频剪辑、视频美容等功能。
用户能够预测到下一步操作或者整个流程的交互，将会发生什么。举例淘宝的购买流程。点击购买按钮>选择商品属性>付款>输入密码>购买成功;用户在点击购买按钮开始就能够预测到下一步或者整个流程的步骤会发生什么。
可见性是用户根据界面中可见元素确定产品可以做什么的设计原则。
当用户在执行某项任务的时候应该清晰明了的告知用户目前在什么步骤，后面还有多少步骤，完整清晰的流程展示。如果将这些信息隐藏起来，用户会困惑当前进行到哪一步，接下来还有多少步骤。
强调需要明确的视觉线索向用户展示产品可以做什么。例如用户界面中的交互元素（如滚动条、命令按钮和图标等）的设计必须能够为用户提供足够清楚的建议，让用户可以清晰地辨别出这些元素所代表的意思是什么、它们的功能是什么，以及如何与它们进行交互行为（点击、长按、滑动等）
给用户及时、恰当的反馈，是体验设计中非常重要的一项原则；对每个用户的操作都应该有恰当的系统反馈（包含视觉、听觉、触觉）。
明确告知用户当前操作发生了什么。如点击下载和下载过程给出相对应的反馈及进度条。
当用户产生某个动作时，给予相对应的连接反馈。如大概用户点击某个按钮时，按钮默认的外观与点击后的外观发生变化，结合现实世界的开关去思考（按下开灯）动作与反馈是连接的，即时的。
所以在界面设计当中会遵循越重要的功能，占据面基会越大。重要图标的点击热区也会增大。便于用户快速点击。
屏幕外边缘和四个角部比屏幕中的其他位置都更容易被定为和选中，所以我们在进行产品设计的过程中，会将常用/重要的操作放置在屏幕边缘处，便于用户操作。
神奇数字7±2法则是1956年由乔治·米勒所提出的，根据乔治·米勒的研究，人类短期的记忆一般一次只能记住5-9个。也就是为什么大多数APP底部导航为5个的原因。
由于人类的大脑处理信息的能力有限，大脑会将复杂信息划分成块和小的单元。如：京东和每日优鲜的分类处理。
人类短期的记忆一般一次只能记住5-9个，所以人们总是倾向于把一串数字拆分为多个较短的部分进行记忆。如银行卡号和手机号码等。
复杂守恒定律是1984年由拉里·泰斯勒所提出的，也称作泰斯勒定律。认为每一个产品设计的过程中，都有其固有的复杂性，存在着一个临界点，超过了这个点产品设计的过程就不能再简化了，你只能将固有的复杂性从一个地方转移到另外一个地方。
在产品设计中，会尽量的简化界面。当功能过多时进行一个整合的处理，跳转或者滑动操作。如查看更多或者常见的汉堡导航。
新乡重夫认为遗忘有两种：一种是疏漏，另一种是忘却。他建议采用一些措施来预防产品的缺陷。
防错原则认为大部分的意外都是由设计的疏忽，而不是人为操作疏忽。因此，在设计中要有必要的防错机制；比如常见的信息输入状态，未输入置灰不可点，输入变为可点击状态。
奥卡姆剃刀定律：它是由14世纪英格兰的逻辑学家、圣方济各会修士奥卡姆的威廉（WilliamofOccam，约1285年至1349年）提出。这个原理称为“如无必要，勿增实体”，即“简单有效原理”
不必要的元素会降低设计的效率，不管是实体、视觉或者认知上，多余的设计元素，有可能造成失败或者其它问题。这并不意味着不能提供给用户很多的信息，可以用「更多信息」来实现。如夸克浏览器，首页只放置重要功能搜索和几个整合内容的图标入口。
让用户通过较少的点击就能找到他们想要的东西或使用功能。如音乐类软件，在播放音乐之后进入其他的tab，在上面都会悬浮播放/暂停的区域。都能够随时操作。
就是产品的易用性，如果年纪大点的人，也能够轻松使用所设计的产品那么是成功的。如抖音沉浸式的体验，简单的滑动就能够观看想看的内容。目前抖音的用户老年人也逐渐包含在内，并且抖音会根据用户的停留时长等推送用户感兴趣的内容。
页面的使用率，当你想要在一屏新增很多内容时，页面的布局就会变得拥挤和区域变小，容易过于干扰用户做出选择，重要功能不够突出等。夸克浏览器首页强化了搜索功能和几个整合内容的图标入口；uc浏览器首页内容过多，当用户想要使用搜索功能时很容易被其他内容干扰。
最后我们来探讨一下设计和艺术的区别是什么。我看到一句话觉得挺好的。设计和艺术的重要区别是：艺术抛出问题，而设计解决问题。
我们设想一个场景，当你在艺术展厅站在一副名画面前，你所思考的是什么？是惊叹画家的画技还是整个画面给你的感觉是一种故事，你会不会思考艺术家在作画时的心情，处境，为什么要这么去画？想表达怎么样的情感？
然后我们再设想一个场景，同样在艺术展厅，你身上带有手机和相机。你会选择用相机拍照还是用手机。答案是相机对吧？因为相机的拍照效果在任何环境下都会比手机好。这就是设计。是能够真真切切的解决用户问题的。能够去感知到的。
原文地址：站酷
作者：左眼右舍
现实中的应用
在商场中寻找洗手间取决于标志的大小及步行的距离。为了满足这两个标准，标志设计得更大、更容易接近。
设计应用
▲左侧页面的CTA按钮很小，没有突出显示，与表单的其他元素基本上没有区分；右侧页面CTA按钮尺寸很大，能让用户清晰识别。
与餐厅相比，快餐店的菜单选项有限。因此顾客点餐速度更快，门店提供的服务也更快。
被一个显而易见的边框包围起来的多个元素，被视为一个群组。(从属于格式塔理论)
在服装店中，衣服按照类型被分到不同的架子上来展示，即使对这家服装店一无所知，顾客也会将一个货架内的商品关联成相似的东西。
▲过滤器被封闭在产品页面之外的单独区域中，因此可以清楚地识别左右两部分的差异。
假设家中的阳台是一扇推拉门，我们可能希望酒店的阳台门也以同样的方式操作。因此如果酒店有一个滑动门，我们可能会下意识地先去推门。
▲以上是国外知名的电商网站导航栏设计，这几个网站导航栏中显示的信息及其结构都非常相似：左侧是品牌标志，中间为搜索栏，右侧为其他选项(购物车/个人账户)。
用户更容易记住系列中出现的第一项(首因效应)和最后一项(近因效应)。
▲在亚马逊主页上，网站的第一部分总是显示最重要的内容：导航包含logo、搜索和其他重要功能；轮播图通过图形设计吸引用户的目光，引导新的交易或优惠。
又称隔离效应。当存在多个相似物体时，与众不同的物体最容易被记住。
在商场购物时，相较于普通装饰的门店，我们更有可能记住或将注意力转移到具有霓虹灯效果的门店上。
▲App上有新消息时，会在图标上用红点显示，这样的提示更清晰和突出，从而吸引用户的注意力，引导用户点击并查看消息。
用户通常认为漂亮的设计更易用。
当参观汽车展厅时，我们通常会对汽车精美的展示感到惊叹，并立即对这个品牌产生积极的印象。
▲在爱彼迎上，我们住在陌生人的房子里，因此建立双方的信任是必要的。当访问像爱彼迎这样干净简洁的网站时，我们会下意识地信任这个产品，也确保了用户对品牌的信任。
在足球比赛中，整场的观看体验将根据比赛结束(谁获胜)和比赛高潮（谁进球最多/比赛中最激动人心的时刻)来判断。
▲在夜晚非常饥饿的时候，我们使用订餐App选择食物时，却被告知付款失败。这时候App界面设计的再好看也无关紧要，订餐失败就是从这次体验中收获的结果。
转载请注明：学UI网》用户体验设计法则应该怎么用？来看看这些应用原理！
排版布局可以响应式的随设计师对内容的增删改而自动调整，无需手动修改徒增成本，进而大大提升工作效率。