122022-6

为什么要用卡片设计？好在哪，怎么做？

纯纯

今天这篇国外大佬写的文章，算是从为什么这样做的角度来分析卡片设计，一起来学习吧。

undefined

从Instagram和Facebook这样的社交媒体应用到亚马逊这样的电商平台，卡片设计似乎是无处不在的，这些大厂广泛应用使得卡片设计很快流行了起来。

作为一个信息容器，卡片能承载包括文本、富媒体、按钮等所有UI元素。基于这些内容，卡片设计可以根据不同的设备和屏幕调整其大小，平衡界面视觉和用户体验。

什么是卡片设计？

卡片是一个UI组件，包含了某一个内容的信息和操作。卡片可以包含各种元素，但它们都应该属于同一个主题。

undefined

这样做的目的是为了避免冗长的文字，并呈现更多的内容。即使从设计的角度来看，用户可能不熟悉卡片的概念，但他们马上就知道如何使用它们，因为它们与实体卡片是一样的。（彩云注：这个就是用户心理学中隐喻的运用）

为什么它会如此流行？

卡片之所以流行，是因为它们能更好的把控内容。卡片是模块化的，所以不同的内容可以堆叠在一起，而不需要注意它们的差异。

卡片通过强制内容适应卡片边界和卡片布局上的限制来聚焦内容。设计师喜欢通过卡片混排大量内容，而无需担心设计会变得杂乱无章。

卡片可以将内容分解成易于理解的小块，以便用户与之互动。通过给内容一个容器，卡片向用户表明内容是真实和感性的。

卡片 UI 设计流行的原因还有很多：

直观：卡片在界面中看起来与现实世界中的卡片相同，它们对用户来说似乎很常见。在卡片成为移动和网络应用中的流行元素之前，它们在现实生活中无处不在：名片、棒球卡、便签。卡片代表了一种有益的视觉类比，它允许我们的大脑直观地将卡片与其所代表的内容联系起来，就像在现实生活中一样。
易于阅读：卡片不占用太多空间，并敦促设计师优先考虑其内容。不同的是，每张卡片都变成了易于阅读的内容。卡片让用户更容易找到他们感兴趣的内容。
有吸引力且对用户更友好：基于卡片的设计通常非常依赖视觉效果（尤其是图片）；就信息架构而言，视觉层次会更加清晰。使用图片有助于使基于卡片的设计比不在卡片中排列的相同内容对用户更具吸引力。
有利于响应式设计：卡片是矩形的，可以平滑地调整大小，以适应不同屏幕的水平和垂直正面，这意味着用户可以在所有设备上获得统一的体验。
便于分享：卡片可以鼓励用户在社交媒体上分享内容，因为它允许用户只分享特定的内容，而不是整个页面。

什么时候应用卡片设计？

这通常是当你有:

基于搜索的界面: 卡片能通过模块的内容快速显示合适的内容，这使得用户可以深入了解自己的兴趣。基于卡片的设计是一种非常适合呈现这类内容的方式。
信息浏览：当用户浏览信息时，卡片的兼容性更好。
任务管理：当可以将流程中的单个任务作为卡片进行说明时，可以轻松组织卡片以获取任务列表。任务管理应用在使用卡片式界面为用户创建仪表板方面做得很好，其中每张卡片代表一个单独的任务。
类似项目：卡片最适合于异构项目的集合（当并非所有内容都是相同的基本类型时）。
可视化分析: 仪表板通常在同一页上同时显示各种内容样本。在这种情况下，卡片类比可以帮助在不同物品之间创造出更明显的差异，其中每张卡片可以适应不同的角色。

卡片解构

卡片的布局可以不同，以支持它们包含的内容类别。下面的组件通常可以在多种卡片样式中找到。

undefined

(1)富媒体: 卡片可以包含缩略图，以显示图片，插图，头像，Logo，图标或图形。

(2) 标题: 标题文本可以包含相册或文章的名称或标题。

(3) 描述: 支持文本，如文章摘要或简短的描述。

(4) 行动按钮: 卡片可以包含用于操作的按钮。

(5) 副标题: 副标题文本可以包含详细介绍，如文章的署名或标记的位置。

(6) 图标: 卡片可以包含操作图标。

设计技巧

有一些小的技巧可以快速提高卡片设计细节。

1. 使用相关主题的图片

图片是卡片设计的主角，你需要一个高级的图片来吸引用户对每张卡片的注意。不仅是图像，卡片还可以包含插图、带有浅色背景框的图标或任何其他类型的富媒体，但需要与内容主题相关。

undefined

2. 增加视觉层次

卡片内的层次结构有助于引导用户对重要信息的阅读。将主要内容放在卡片的顶部，并使用排版来强化主要内容。使用空白和对比来分隔需要更多视觉分隔的内容区域。（彩云注：视觉层级对于信息表达至关重要！）

undefined

3. 限制内容长度

一张卡片应该只包含重要的信息，并提出一个相关的观点，以获取额外的细节，而不是完整的细节本身。当我们试图在一张卡片中放入太多内容时，卡片可能会变得很冗长，并失去与卡片类比的实际联系，因为它不再像一张卡片了。

undefined

4. 避免嵌入链接

不要包含内联链接，卡片应该自己链接。嵌入文字链接会让用户误操作。

undefined

5. 区分操作主次

包含不同操作的卡片应该在视觉上形成对比。在下面的例子中，我通过使用一种较轻的色调而不是主要的按钮风格来降低后续操作的视觉强度。

undefined

6. 去掉分割线

对于新手设计师来说，用分割线来区分内容是一种常见的方式，以此定义不同的组。这些边框会造成不必要的视觉干扰，从而影响内容。

undefined

如何做到视觉上更美观？

APP中的卡片并不是纯粹的拟物概念，但通常情况下，使用一致的类比和物理原理能帮助用户理解界面并分析内容中的视觉层次。在卡片的情况下，你可以做几件事:

1. 使用圆角

在形态上与真实世界的卡片进行视觉对比。圆角更有效，因为它们让我们的眼睛容易跟随视觉动线，“因为它更适合头部和眼睛的自然运动”。

undefined

2. 增加一个轻微的外边框或者投影

增加一条淡淡的描边框或者增加一个淡淡的投影都是很好的做法。阴影在界面中创造了一个层次，这有助于我们区分UI元素。

然而，在设计中添加阴影并不像听起来那么简单。有时候设计师会过分强化投影效果，让原本看起来不错的设计看起来很廉价。避免使用纯黑色的阴影。

undefined

3.注意字体和留白

重要的是要让每一张卡片都能被人看到、阅读和理解。在每个块周围添加大量的空白，让用户有时间处理并进行视觉重置，有精力看完一张卡再到下一张。

选择简单和基本的字体，因为基本的排版最大限度地提高了可读性，并有助于浏览。

一些优秀卡片设计的例子

让我们看看一些真实项目中的卡片设计案例：

信息流中的卡片设计

保持信息流卡片简单是很重要的。它们应该有一个一致的、重复的结构，但是使用不同的图片和字体大小来代表卡片中最重要的和最不重要的元素，以使读卡片的人更容易理解它们。

undefined

由Diseno Constructivo和Webpixels设计

他们突出特色图片和标题作为最突出的元素，这能帮助用户决定文章或发布的内容是否适合他们。

电商卡片设计

产品卡片是一个很重要的东西，它可以帮助你将访问者转化为客户。一张优秀的产品卡片应该能够吸引人们的注意，激发人们获得产品的欲望，激励人们购买，并在搜索结果中得到高效推广。

undefined

由Webpixels设计

产品的名称应该放在最显眼的地方，这样参观者就会立刻明白他来对地方了。一个好的配图能告诉顾客胜过千言万语，所以你需要一个高质量的产品配图来设计完美的产品卡片。

如果产品有特价，不仅要在价格栏中注明促销价格，还要注明常规价格，以及客户可以节省多少钱。

个人中心卡片设计

简介卡已经成为一个应用或网站中的功能模板。随着个人品牌变得比以往任何时候都重要，卡片设计在这里也能发挥重要作用。

由Neelesh Chaudhary设计

就像每一张卡片一样，配置文件卡片也是一个UI组件，它包含了对它所代表的内容至关重要的信息。为了达到你的目标，你要向其他人推销你自己。

确保只包括必要的信息(例如，照片，名字，职业)，让你的“关于”页面有剩余的细节来完善你的个人资料。

仪表盘卡片设计

仪表板的设计可以有很大的不同。但是所有的仪表盘都是用卡片做的。根据仪表板的类型，每张卡片可能包括概要信息、通知、快速链接或导航设计元素、关键数据、图表和数据表。确保你为每个元素使用了正确类型的卡片。

undefined

由Simmmple设计

仪表盘卡设计允许用户决定他们想要关注哪些数据。易于理解的UI，允许用户精确地控制哪些数据需要在仪表板的前端做好。

只包括最相关的信息，为用户使用方便。当你的数据集在一起看更容易理解时，找到在一张卡片上显示它们的方法。但是要小心，不要让用户感到困惑。

日常计划卡片设计

看板任务卡似乎是一件非常简单的事情——拿一张便签，写下你需要做什么，然后把它贴在墙上。这些卡片必须包含需要行动的单位数量。它们还可能包含各种各样的其他信息，清楚地传达了必须做什么。

undefined

由Neelesh Chaudhary设计

卡片上包含的信息包括任务的名称和重要的细节，如任务的类型和谁拥有它。看板卡放在状态类别下。最基本的状态类别是“计划要做”、“正在进行中”和“完成”，但是状态可能因项目而异。

卡片结构最适用于添加或删除任务这样的小改变，而不是改变像你的总体目标这样的大想法。

总结

有几种方法可以使卡片设计更加有效。通过最初定义和观察卡片，我们可以更好地了解跨行业的这种设计模式。这也让我们能够推测用户希望在这些卡片上采取什么行动。卡片在提供许多不同种类内容摘要的环境中尤其有效，而不是简单地作为内容列表的现代替代品。

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

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计、 cs界面设计、

ipad界面设计、包装设计、图标定制、用户体验、交互设计、网站建设、平面设计服务、

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

评论(0) 浏览(1393)

072022-6

六个方法解决用户决策疲劳

ui设计分享达人

决策疲劳在现今互联网深度发展的时代似乎非常常见，面对眼花缭乱的APP页面，我们通常会因为需要做出过多决策而烦躁。那么产品设计者应该如何减少决策疲劳现象，给予用户更好的体验。本文围绕解决用户决策疲劳展开了详细讲述，推荐对此感兴趣的伙伴阅读。

决策疲劳是用户体验圈一个路人皆知的词汇，用于描述人们在某个时期内做出过多决策而导致厌烦的情况。研究表明，它主要发生在人类的认知能力在单位时间内随着时间的延长而减少时。这就是为什么学习、钻研问题，是一件非公众都能做好的少数事件。

在产品设计中，我们要坚持减少用户需要做出决策数量的基本原则。保证用户使用产品来完成一项任务，能够越顺利、越直接。个人在特定时期内被要求做出的决定越多，即使这些决定是微不足道的（比如选择播放那个节目），他们的决策质量也会越低。

当你感到疲倦时，这会显著地影响你的决策能力，而设计师在为用户设计界面时必须了解到疲劳可能对用户的影响。这个话题很有趣，因为人们在使用你的产品时可能会遇到的认知过载的原因有很多。

本文重点是介绍在你进行下一个产品项目时减少认知过载的六种方法。

一、让用户少做选择

作为用户，每天我们拥有的选择题都在呈指数增长。互联网让我们可以在瞬间访问世界上的内容。如此多的选择会使我们思维迟钝，降低我们的满意度，并可能导致我们对体验感到沮丧而不是变得更好。

当给用户太多选择时，他们往往会感到困惑和迷茫。一个产品可以拥有世界上所有的功能，但是当界面因为选择过多而过于复杂时，它最终给到用户的体验一定很差。《人格与社会心理学杂志》的一项研究表明，当我们有太多选择时，往往会导致决策失误和情绪沮丧。

六个方法解决用户决策疲劳

来自哈佛商业评论的模型

在追求最大化满足商业化可能的产品设计中，老板可能会要求在其产品中包含过多或过少的功能。通过使用哈佛商业评论提供的模型，横轴为功能数量，三个点依次为用户复购最大化、用户终生价值最大化、用户初次购买销售最大化，公司能够根据他们想要的结果找到适合他们的功能数量最佳点。

研究表明，人们更有可能购买提供了有限数量的商品。在这种情况下，他们也会对自己的选择更满意，而不是从购买前的犹豫到购买后的忐忑，从而产生更大的满足感。

关键是很多产品为用户创造了太多的选择，这可能会造成浪费并适得其反。用户可能会浪费时间尝试点击所有可能的产品，而不是按照预期进行实际购买。

1. 扯淡的神奇数字7

在用户体验世界中，关于使用多少次点击以及人脑一次可以接收多少信息，存在许多相关的说法。但最重要的是，产品设计师需要在简单性和功能性之间取得平衡，这样他们就不会要求用户做太多的操作或过多考虑用户的需求遗漏了什么。

最容易被误解的理论之一是乔治米勒的“神奇数字 7”。有人说产品设计应该只有七个菜单选项卡或下拉列表中的七个项目。

这是个谬误，虽然我在某种程度上同意这种观点，因为坚持这样的限制似乎更自然，但我们也必须考虑信息是如何随着社会和我们的大脑发生变化的。当前的互联网会通过网站和大屏手机向我们展示数据，而不是早年的4.0英寸的小屏手机，用户可以轻松地一次看到他们的所有选项，并不是非要强制通过数字7的限制让用户一块很大的屏幕上来回滚动。

同时现在也有一些研究表明，人们有可能喜欢有多种选择的菜单。我们拥有的选项越多越好，因为用户不必花时间深入查找相关信息。

比如主页上最多包含几十个类别链接的淘宝列表）比仅提供有限选项（如没有子类别的类别）的网站更有用。但这里要强调的是需要考虑实际的用户场景，电商平台的属性导致了要为消费者提供更多的选择，而类似工具产品，尤其是垂直工具产品，在设计选项数量时一定要谨慎。

2. 击规则站不住脚

还有另一个站不住脚的理论：从业者普遍接受但完全不靠谱的“三击规则”，或者更加扯淡的“两击规则”。用户的满意度和事件完成率其实并不一定受几次点击影响，比方说付费流程，缺少必要的流程硬按点击次数把流程缩短，导致用户错误付费而产生的用户体验变差几乎是不可逆的。

3. 视觉布局用点心

比菜单选项卡或下拉列表的数量更重要的是视觉体验。视觉布局可以更轻松地扫描和记住每个选项。根据信息搜索理论，信息线索的持续感知对你的用户体验很重要。

人们在日常生活中要做出很多选择，而太多的选择可能会让人不知所措。当我们因产品特性不得不呈现更多的信息时，重要的是信息组织方式。

你可以去尝试减少选择的数量，但最重要的是你的信息结构。如果你的信息没有组织好，或者给到用户的决策过程中涉及的步骤过多，用户就不会费心去寻找他们想要的东西，因为他们觉得这会花费太长时间或可能没必要去更更努力地探索。

为了在产品上让用户的决策中有更好的转化，我建议去掉任何不必要的东西，例如无关的标签和链接，这些标签和链接会分散用户的注意力，使其无法找到他们正在寻找的东西。同时综合产品特性去考虑实际该有的流程数量和必要选项，平衡简单性和功能性的关系。

二、允许用户后悔

现实中我们都会犯错。它可能发生在我们所有人身上！但是，如果用户犯了错误，优秀的产品设计师应该怎么做？

答案是：让用户轻松回到起点。

通过让用户走上正轨，你更有可能留住他们作为用户，而不是导致他们离开你的网站或应用程序。

下面是我在设计用户流程时的一些最佳实践：

尽可能少制造意外情况；
错误问题尽可能明晰，让用户更容易发现以修复它们并继续用户操作；
在操作错误破坏用户体验之前通过提供保存数据选项来主动防止错误的数据输入；
不要只是弹出一条覆盖整个页面的消息，而是向他们展示哪些字段是错误的；
避免在你的消息中使用苛刻的措辞，因为文案可能会赶走甚至激怒某些用户。

三、视觉提示有助于导航

导航是任何网站或应用程序的核心。这就是让你的设计能够让每个人都易于访问和使用的原因。设计出到适合你产品的导航系统，对用户体验至关重要。

导航的设计应该直观且易于使用。用户应该始终知道它在哪里，它的意义，以及点击它会去哪。

一个好方法是通过颜色为用户对操作区域进行导航：比如当进行切换、更改等动作时配备不同的颜色，并用文案清楚地说明每个菜单项下是什么功能。

这些小动作有助于使浏览您的网站或应用程序成为一种畅快的体验。

使扫描和阅读页面更容易；
改善视觉层次；
加强页面导航；
重要位置的鲜艳颜色可以提高转化。

一个例子是 Instapage 登陆页面。如果标题没有箭头，很难看出下方有更多内容：

六个方法解决用户决策疲劳

四、利用习惯动作减少学习成本

在设计新界面时，必须尽可能降低受众的学习成本。一个方法是利用他们已经熟悉的模式和习惯。但是你怎么知道这些约定是什么？

下面是三个常见的设计惯例，这些惯例可以让你的用户在与产品内交互时感觉更熟悉，这有助于减少他们的学习成本，并让他们更快地开始学习你试图传达给他们的任何内容。

1. 颜色不要缭乱

简洁的配色方案要远比复杂华丽的配色更有效果。人眼会被颜色所吸引，因此如果你在整个界面中使用简洁的配色方案，人们会更容易找到自己想要的信息而不是被颜色乱神。

2. 把设计风格重复使用

不仅要遵循常见的用户体验规则，而且要在一个产品里不停的重复，不要轻易作新颖的尝试，前辈们大多已经帮你尝试过了。

这样的意义在于：

人们使用你的产品感觉更轻松，因为这个产品没什么复杂的新东西（降低了学习成本）。

一个例子是，目前无论你在那个浏览器查看哪个页面，你的菜单栏都会保持在站点的顶部或底部。这会让你产生导航认知，因为它在帮助你决定下一步需要采取什么行动时减轻了学习成本。

3. 使用生活中的事物表示符号，比如用于删除文件的垃圾桶。

图标是在你在表示操作对象是什么的好方法，它们易于理解且具有普遍可识别性，因此非常适合作为交互介质。使用在生活中已经被广泛理解的图标和符号有助于让你的产品内容不会感觉难以理解和过于复杂。

图标一定要广为人知——例如房子。这个图标被普遍认为是“主页”或开始屏幕的图标。垃圾桶也是一样——这个图标被认定为一个垃圾桶图标来删除一个元素。

五、别自嗨

我们都知道应该以用户为中心进行设计，而不是你自己，但其实不是那么容易。当你处于设计过程中试图弄清楚你的用户需要什么或他们会如何反应时，其实往往会按照自己的喜好走偏。

一个方法是你可以使用一些简单的技巧来确保你在设计时考虑到你的用户。有些人发现从第一人称的角度写下他们的想法有助于将自己想象成最终被服务的用户。

或者某些设计师会讲角色分类，然后全情单线程的专注一个项目，以牺牲时间和效率为代价确保航道的正向。

以用户为中心进行设计的最佳方式是听取用户的意见。当你从事一个新项目并考虑这个产品将如何服务于用户时，请确保在进行原型设计之前先和你的用户聊聊。

可以尝试提出以下问题：

“你最喜欢我们上一款产品的哪一点？”
“如果我们更改 x 功能，你会有何感受？”

往往你会惊讶于他们可以提供的见解以及他们将期望如何改变你原型的方向。

你可以使用多种用户体验研究方法来确保你在设计时考虑到用户：

做一定的市场调查；
创建角色故事；
使用线框或原型快速获得反馈；
定期和客户服务团队交流。

六、简约至上

不要提供太多的选项或功能让用户不知所措。

每个产品都有自己为用户解决的核心问题，用户希望在产品中获得帮助并快速做出决定。问题是，很多产品经常沉迷于他们产品功能以及他可以为用户实现什么，忘记了如果有太多选项和功能，新用户可能会感到不知所措。

如果你负责一个产品，可以考虑你的用户在面临过多选择或功能时的感受，并尽量优先突出他们最需要的选项或功能。

例如，在电子商务网站中，用户不能从 50 种不同的衣服面料中选择他们最喜欢的材质，如果预先只有三四个选择，可能会带来更好的体验。也可以考虑隐藏一些选项，方法是使用视觉提示，例如类似“探索更多”文字的按钮。

确保将最重要的信息呈现给用户的一种方法是将信息流设计为金字塔形状，首先呈现基本信息，不太重要的信息尽量放在不显眼的地方或者想办法隐藏。

七、结论

这里提供了六种方法，帮助你减少产品中的决策疲劳，从而使用户更有可能走上正轨，解决他们的问题，并帮助获得更高的转化。产品设计时把自己放到用户的角度去思考，才能更好的服务于用户

文章来源：人人都是产品经理作者：公众号：真的不一定

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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

评论(0) 浏览(2028)

312022-5

2022-可用性测试报告输出思路解析

ui设计分享达人

整个报告分两个部分，

一部分是调研概述，主要描述调研是如何进行的，包含：用户方法阐述，调研对象说明，用户画像等，简单清晰的告诉别人你数据是如何获取的，增加后期问题及数据阐述的科学性。（还有一部分，就是关于调研涉及人员，可以在合适的时机带一下是UED全员协作完成的整个过程的。）

另一部分是调研结论，我的描述思路是：总-分-总，先描述总结论，让观看报告的人对整体结论有个初步了解，然后详细描述各模块分结论，最后提出各模块共性问题。

结论部分是整个报告的重点，所以前面的概述就简单介绍清楚就好了，不需要占太多篇幅。

调研流程，确定标准，是汇报，也是邀功，调研本身就是个繁琐的过程，我们把过程直观的呈现出来，让老板知道我们整个调研过程，前前后后做了哪些准备。付出了哪些努力，体现工作量的同时，也能体现我们的专业性，但是不是记流水账，得有总结。

第一部分：调研概述

我把整个路程大体分了3个部分，第一个部分是调研前的准备，第二个部分是调研，第三个部分结果阐述。结果汇报，后期工作计划，汇报很重要，调研做得再好，你的结果无法呈现，问题就没办法结论，那就只会停留在发现结论。

评估纬度是为了阐述我们从哪些纬度去收集答案的，想要验证什么问题。

由于大部分人对调研都只是停留在问卷调查的层面，所以对样本量的选择有不理解，可用性测试主要是为了观察用户操作路径及反馈，所以样本量不需要太大，这个可以简单的解释下是如何挑选用户的。

数据整理也是汇报的一部分，一方面，材料佐证我们做过的努力和准备，另一方面，数据存档。

我们整个调研采用了录音与录音相结合，录音是为了便于后期多人协作帮忙整理问题，录屏是记录用户操作路径，收集用户使用过程中的卡顿，去挖掘卡顿原因，这是是我们做可用性测试的主要目的，这也是跟问卷调研最主要的差异。

在写报告的过程中，我一直在想关于整体满意度的结论，是放在第一部分还是第二部分，但是鉴于第二部分主要描述问题，所以思虑再三，还是把他放到了第一部分。

我们拿到各模块的数据后，要怎么用着很关键，单个零散的数据是体现不出问题的，只有对比着看才能看出问题。

通过数据对比我们明显能发现，付费用户对产品的整体要求要比增值服务的要求高得多，毕竟不要钱的，好不好用无所谓，好用我就用，不要用我就不用。但是如果是用户花钱了的，那他就需要考虑，我获取到的服务和花的钱是否成正比，这也就间接确定了我们后面问题处理的优先级。

第二部分：问题整体

这里建议做个中场页。

前面说过，问题描述采用的总-分-总的节奏，所以最开始描述了一下我们收集到的所有问题的概述，包含，总共多少个问题，已经分类类型的分类占比。

这里分享一个问题整理的表格，表格跟PPT的作用不一样，PPT是为了汇报成果，获取支持，表格是为了后续跟进落地，解决问题。

当然，先把问题整理出来也是为了更好的输出PPT。

共享文档可以让更多人清晰的看到问题，因为汇报的效果比较好，老板给了明确支持，所以汇报后我们将表格发给了各个产品，与设计师配合，认领问题，给出优先级和排期计划，整个过程推进的很顺利。

分结论部分，主要通过用户体验地图去描述用户路径，直观阐述用户使用过程中的情绪和痛点，右边整理出来了需要重点关注的一些点。

用户体验地图主要描述的是用户发现，不一定是问题，属于启发类，可以为后期优化方案的输出提供方向引导。

问题整理则是明确的已知问题描述。

各模块可以根据实际情况去描述各自的问题，这里就挑了几个典型的模块举例了一下，就不一一阐述了。

再来说一下，分结论讲完之后，整理的共性问题。先说问题，再说涉及的模块，体现问题的严重性。

到此，整个PPT就结束了，汇报完成后，老板就开始给各业务线下达任务了，就又回到了表格上，我们把之前的问题以界面纬度进行整理，跟产品确认优先级和排期计划，并与老板就排期计划进行了确认，然后责任到人，目前第一轮优化方案已经在陆续落地中，整个发现问题到推进落地的过程，还是比较顺利的，

来源：站酷
作者：北溟khalessi

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

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

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

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

评论(0) 浏览(2214)

092022-5

B端设计：人人都能做用户研究

ui设计分享达人

客户与公司的商务售前进行沟通，客户的痛点和建议会传达给产品经理，产品需求明确后，做出原型图给到设计师。等设计师拿到需求的时候，基本已成定局，合不合理、如何优化的空间都会比较小了。造成这个现象的根本原因是设计师能看到的视角范围有限，B端业务场景本身比较专业，难以直接带入使用者的角色，就比较难取得大的突破了。

如何打破这一僵局呢？答案只有一个，那就是设计师要主动更前置的加入到产品方案设计中，深刻理解业务，为产品升级提供助力。这就涉及到用户研究了，本文将和大家分享用研的相关理论基础和方法。

undefined

双钻设计模型由英国设计协会提出，该设计模型的核心是：发现正确的问题和发现正确的解决方案。

双钻模型是一个结构化的设计方法，被很多设计师喜爱和使用。

探索/调研——透析问题（发散）
定义/合成——聚焦领域（集中）
发展/构思——潜在问题（发散）
传达/实现——实施方案（集中）

undefined

实际工作中用到双钻模型会有一些变体，举个例子：

下图是对阿里内部款移动运维产品的分析，分析其从0-1的方向探索和从1-1.5的发展历程：

下图是曾经在一个设计讲座中，滴滴CDX 一位设计师的分享，她把双钻模型利用到设计的研究和输出阶段，个人感觉此模型的使用场景也很贴切。

不仅仅是在完整的一个项目中，在单一的某个阶段双钻模型也是理念很好的承载容器。在每一个“确定”前后，都有用研的身影。

undefined

用研旨在通过实验和观察结合的研究方法来提高产品的可用性，指导产品的设计、开发和改进。重点是通过观察技术、任务分析和其他反馈方法来了解用户的行为、需求和动机。

undefined

在获取后台数据之后，我们会分析为什么留存、为什么流失、为什么买这个不买那个，

设计师认为很棒的新功能，真的是用户想要的吗？用户真的会用吗？

观察数据只是一种手段，而非结果。当一个页面中出现值很低的功能时，我们不能直接判断他就是不重要的，也可能是因为视觉上太弱或者交互操作不方便引起的。只有做用户研究才可以真正了解用户的行为背后的原因，真正的动机。

undefined

如上图，是一个红包发放页面的设计前后对比，从数据中了解到使用优惠券的用户不到30%，埋点发现大多都点击了返回，用户没有按照期望的路径走，调研发现操作路径不清晰，没有形成闭环。由此可见，发现问题时，先埋点细化问题——再分析问题——结合用户研究，提出优化方案，才能真正发现问题解决问题。

undefined

产品的发展周期分为产品概念期、设计开发期、宣传推广期、平稳发展期和产品衰退期五个阶段，在每个阶段都有相对应的用户研究测试可以做。

对应上文的产品发展周期可以做的用户测试，我们要找到相对应的人群：

undefined

最后就是将用户研究进行落地了，如何让用户研究达到预期的目的和效果呢？可以在开始前的准备阶段问问自己如下的问题：

接下来我们看看到实际落地环节，有哪些用户研究的类型可以做以及怎么去做。

桌面研究

桌面研究又叫“文案研究”，指不进行一手资料的实地研究和收集，而是通过电脑，杂志，书籍，文档，互联网搜索等现有二手资料进行分析和研究的方法。

完整的桌面研究分为以下五个步骤：

undefined

在需求细分阶段，可以用到SWOT 分析、波特五力模型、PEST分析、波士顿矩阵等模型

undefined

收集数据通常可以从内部数据和外部数据来源广泛获取然后结合分析。

内部数据来源：市场营销数据、产品后台数据、其他相关报告等。

外部数据来源：政府部门、国际组织、行业协会、专门调研机构、联合服务公司、其他大众传播媒介、商会、银行等金融机构、官方和民间信息机构等。

undefined

定性研究

定性研究是指通过收集、分析和解释那些不能被数量化的信息，来挖掘问题、理解事件现象、分析人类行为与观点的方法，主要作用是探索“可能性”。

定性研究专注于更小但更集中的样本，通过非结构询问和观察来获得不能量化的信息。

流程如下：

undefined

常用的定性研究方法：

我们需要明白访谈适合哪一种项目研究，比如要针对新功能进行一次面访。

接下来我们需要进行用户的招募，因为面访比较耗费时间和精力，所以最好准备一些礼品，否则很难招募到用户。招募用户的渠道可以是产品中投放问卷、社群招募等方式来邀约难度用户。

用户访谈环境，准备一个安静的房间，准备好水、纸、笔、录像、录音笔等工具。

整理访谈内容，每访谈完一位用户进行一次小结。

接下来模拟一次用户访谈的整个流程：

开场：首先介绍一下自己的情况，并且让用户了解这次访谈的目的，建立一个轻松的谈话氛围。

探索：针对研究目的进行探索，比如目的是做用户体验地图，了解用户在使用过程中遇到的问题。

注意：如果直接问平时怎么使用我们的产品，用户会比较懵。这个时候最好给他一个确定的环境，比如你能不能演示一下你平时是怎么管理货源的，这个时候他就明白原来需要我进行这样一个任务。

观察：在用户回答提问和操作演示中，查看用户碰到了什么难题。比如有超过一半的用户多次点击一个按钮，说明这个按钮设计的大小不太合理。

思考：深层次挖掘。比如用户反馈字太小，但实际操作中并没有眯着眼或更靠近屏幕，可能原因一是他们本身就把手机屏幕文字调为最大，二是信息排布过于密集，效率低，并非因为字小。

undefined

定量研究

定量研究是指确定事物某方面量的科学研究，将问题与现象用数量来表示，进而分析和解释，从而获得意义的研究方法。定量研究的数据分析，主要作用是回答“多少”的问题。

定量研究的意义：

用一个数值来表示你产品的可用性。数值有时比质量检测的结果和视频更有说服力（特别是当你试图说服像高管或客户这样的人）时。

比较不同的设计（比如，你的产品的新旧版本，或者是你的产品与竞争对手的产品相比），并且确定你观察到的差异是否具有统计学意义，而不是随机的。

改进用户体验权衡决策。比如，如果预期的设计改进成本很高，那么它值得做吗？定量研究方法可以帮助你验证重新设计是否值得。

常用的定量研究方法包括：可用性研究、A/B Test、问卷调查和满意度调查。

undefined

测试的重点是收集数据指标，比如任务时间或者成功率，一旦你收集了相对较大的样本量（大约35个或者更多），你就可以使用它们来跟踪产品的可用性，或者将其与竞争对手产品的可用性进行比较。

在A/B测试中，团队需要创建同一界面的两个不同的最新版本，然后将每个版本展示给不同的用户，用来确定哪个版本的性能更好。基于分析的实验，对于决定同一个设计的不同变体非常有用，并且可以结束团队关于哪个版本最好的争论。

问卷调查是一种灵活的用户研究工具，调研时可以同时获得定量和定性的数据，比如评分、多项选择题中的答案的比例，再加上开放式问题的答案。你甚至可以把对调查的定性回答转化为数字数据。

问卷的一个优点是：可以经常将你的调研结果与行业或竞争者的分数进行比较，看看你做得怎么样。即使你创建了自己的自定义问卷，也可以随时间的推移对自己产品平均分数进行追踪，来监控产品的改进情况。

可以根据你的研究问题进行定制，这些方法通常会首先让参与者接触到产品（通过向他们展示静态图片或者要求他们使用现场产品或原型）。然后，要求用户通过从描述性的词语列表中选择一个来描述当前设计。

如果你获取自身目标用户的样本量足够大，那么整体趋势就会显示出来。例如，你可能会有84%的受访者将此设计描述为"最新"。

明确调研目的

比如这次改版用户对新版本的满意度怎么样。只有确定了目标，你的问卷才是有价值的。

回收数量

因子分析法要求调查数量是调查问卷问题数量的5-10倍，因此，如果调查问卷中共有20个问题，那么调查样本数量可以大概确定为100～200个，有效回收样本30份即可。

问题顺序的基本原则

往前放：

熟悉的问题
简单的问题
引起兴趣的问题

往后放：

开放式的问题
个人背景资料

题目的设计技巧

简洁明确：

•你用了多久的Google map？（❌）

•你第一次使用Google map是什么时候？（✅）

这两个问题看似类似，但是当用户在思考的时候，第一个问题显然会思考更多的时间，用户很可能在想，是想知道我第一次用的时间，还是我用了多久的时间。

中立、无诱导性：

•你喜欢这个功能的设计吗？（❌）

•请您对这个功能的满意程度进行一个打分，最低1分最高5分？（✅）

避免使用带有引导性的问题，问用户是否喜欢、是否满意，这样通常用户都会偏向于回答喜欢。

设置选项时，要做到：

定量分析的结果多以数据、模式、图形等来表达。

前沿研究

•眼动追踪，英文Eye Tracking，是指通过测量眼睛的注视点的位置或者眼球相对头部的运动而实现对眼球运动的追踪。

眼动仪是一种能够跟踪测量眼球位置及眼球运动信息的一种设备，在视觉系统、心理学、认知语言学的研究中有广泛的应用。

常用分析

注视分析——分析注视轨迹、先后顺序与流畅度

注视热点图——分析最关注区域和忽视区域

兴趣区分析——分析平均注视时间与各兴趣区注视顺序

局限

通常需要辅助测试（如定性访谈）来收集更多实验数据

•脑电研究，大脑活动时，脑内亿万神经元活动引起头皮表面的电位变化，含有大量心里信息，测量脑电信号可绘制脑电图，以不同波形反映出来。

undefined

脑电的本质

利用生理探测技术，研究用户对产品的情绪反应

优势

相比传统调研，更加能够排除从众行为、事后回忆偏差、社会赞许效应等的干扰

undefined

文章来源：站酷作者：爱吃炸鸡的SHS

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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

评论(0) 浏览(1832)

092022-5

想要引导用户行为转化，设计师必须深刻理解这 4 个认知心理学理论

ui设计分享达人

很多网站在短时间内就取得了巨大的进步 —— 那些过去十年里最知名的品牌网站，与第一次迭代相比发生了很大的变化，这令人感到无比惊讶。

网站最初用于商业目的时，人们并没有过多地关注用户体验。过去的目的是将尽可能多的内容塞进一页里。现在，设计师们通过大量研究、数据挖掘和优化等方式来吸引用户的注意力，同时在正确的时间提供合适的内容、功能和选项。

越来越多的公司正在采用先进的心理学研究，以推动用户参与更多的互动和付费项目，这一现象使得曾经被认为是一门艺术的东西转变成了一门科学。

1997 年的 Apple 网站

说服式设计

除了许多必要的元素之外，好的设计总是会考虑到用户的情感和心理需求。让我们来看看什么是「说服式设计」，并探索如何将影响人类行为的心理过程应用到设计中。

“说服” 这个词往往与操纵、欺骗相关联，尤其是对一个善于使用「互联网陷阱」的设计师来说。但是，我们要明确一点，说服式设计中的 “说服” 并不是这个意思。说服式设计可以使网站易于使用，从而改善用户体验。因为，说服式设计是源于对心理诱因、用户行为的理解和运用。

（互联网陷阱：兴于 2010 年，由当时英国用户体验咨询师 Harry·Brignull 首次提出，指的是网站或应用程序采用诱导性或胁迫性设计，迫使用户采取或不采取某种行动）

例如，亚马逊就很好的运用了说服式设计，它通过推荐其他产品和配件，以及展示 “查看过此商品的顾客也购买了某物品” 的选项，引导用户继续购买更多商品。为了快速完成销售，他们还为购物者提供了一键购买商品的功能。

亚马逊运用说服式设计的案例

我们都一直在花费大量时间上网，设计师可以利用从线下行为中学到的知识来创造更好的用户体验。无论你是想优化现有网站还是构建应用程序，说服式设计都将引导和支持用户的在线体验。

设计师要如何利用心理学的研究成果来增强其设计的影响力呢？

理解心理学原理可以让你对工作的基本原理有更透彻的理解。它可以：

在缺乏用户研究的情况下，作为研究和论证的来源
帮助客户验证你的设计和推理

让我们来讨论一些心理学理论。

控制感

作为人类，我们天生就需要控制。这可以追溯到我们最本源的需求。在划分需求层次时，心理学家亚伯拉罕·马斯洛（Abraham Maslow）在提出需求层次时，将我们最基本的需求命名为：健康、食物和睡眠。所有这些都需要我们对环境进行一定程度的控制。

马斯洛需求层次

作为 UI 设计师，我们需要确保用户在我们为他们创建的环境中拥有积极的体验。这就意味着需要通过提供合适的工具来增强用户的能力，以帮助用户在产品的使用过程中获得控制感。

“今天，你可以调整屏幕的亮度，禁用通知，并可以决定手机是否应该同时连接蜂窝数据和 Wi-Fi …… 即使这些调整只会将手机的电池寿命延长几分钟，但这种可以掌控一切的成就感也会使用户感到温暖。” -- 用户体验顾问 Nadine Kintscher

我们需要创建能够平衡功能和视觉吸引力的界面，并将掌控权提交给用户，以便他们有更满意的体验。

澳大利亚房地产搜索网站 Realestate 成功的做到了这一点，它让用户能够根据自己的偏好筛选所有房产，并让他们可以选择按不同的标准进行排序。

澳大利亚房地产搜索网站 https://www.realestate.com.au

动机、能力和诱因

我们该如何设计一种数字体验，才能使用户在适当的时候进行所需的行为？这需要了解一个简理论 -- 「福格行为模型」：一个人行为（Behavior）的发生需要满足至少三个条件，动机（Motivation）,能力（ability）和诱因（trigger），用公式表示即 B = MAT，这三者必须同时具备，缺少任一条件都不会导致行为的发生。对于任何试图实践劝导心理学的人来说都是理想的选择。理论表明，一个行为得以发生，行为者首先需要有进行此行为的动机和操作此行为的能力，接着，如果他们有充足的动机和能力来实施既定行为，他们就会在被诱导时进行此行为，预期的行为就会发生。

（福格行为模型：由斯坦福大学「说服技术研究实验室」Persuasive Technology Lab 创始人 BJ Fogg 研究而来）

动机 -- 人们做出这一行为的原因是什么，做出这一行为的原始动因是什么；

能力 -- 人们做出此行为需要满足什么能力，人们是否有条件来完成这个行动或者做这件事；

触发 -- 是什么诱发用户会做出这个行为，什么因素会导致用户会完成这个。

福格行为模型（https://behaviormodel.org/）

尼尔·埃亚尔（Nir Eyal）和瑞安·胡佛（Ryan Hoover）合著的书籍《上瘾》中曾提到过福格行为模型，揭示了很多让用户形成习惯，甚至“上瘾”的互联网产品服务背后的基本设计原理，告诉你怎样打造一款让用户欲罢不能的产品。作者根据自己多年的研究、咨询及实际经验，提出了新颖而实用的「上瘾模型」（Hook Model），即通过四个方面来养成用户的使用习惯。通过连续的“上瘾循环”，让用户成为“回头客”，进而实现循环消费的终极目标，而不是依赖高昂的广告投入或泛滥粗暴的信息传播。

上瘾模型

一个很好的例子是 TurboTax，在《为心灵设计：劝导式设计的七个心理学原则》一书中讨论过。

即使交税不会使我们感到开心，我们仍有很强的动力来报税。然而，与其他所有国家一样，美国的税收制度过于复杂，难以理解。TurboTax 在书中提到，使用户能够通过询问基本问题更轻松地完成纳税，可以有效的提高用户的纳税能力。在 TurboTax 的设计中，他舍弃了冗长的文档，相反，创建了一个工作流，使用户可以进行简单的逐步操作。最终便捷的操作方式会成为诱因，使用户愿意尝试在线提交税款。

TurboTax 设计的报税系统

用户有充足的动机和能力，同时又具备诱因，三个要素完美结合的情况可能会让人感到过于理想或不自然。事实上，其中某一因素占比多也没关系。发微博就是一个很好的例子，没有什么重要事情的话，发微博的动机可能很低，大多都是浏览；但触发因素随时都可能出现，提醒你可以开始行动了，可能是一个转发抽奖的活动、可能是朋友正好生日；同时，发微博的操作非常便捷，用户具备能力随时都可以发布。

作为设计师，我们可以使用该理论来检查是否为用户建立了足够的动机和能力，并提供诱因来引发他们的行为。

动机为某人提供了从事这项工作的理由
能力为某人提供了完成任务的机会
诱因存在于我们的环境或大脑中，并促使某人做某事

以上两种理论（控制感，以及动机、能力和诱因）都需要进一步的研究，它们在设计界面时非常有用。

或者，有一些更简单的心理学理论，不需要较复杂的研究，即可用到你的设计中，比如稀缺和害怕错过（FOMO -- Fear of Missing Out）的概念。

亚马逊在商品上增加 “只剩下 1 件存货” 强调库存不足，使用 FOMO 加强紧迫感

吸引注意力

几十年来，心理学家一直对人们保持注意力的能力不断下降而感到困扰。

眼动追踪已经存在一段时间了，它主要用于测量用户注视某一点的位置和持续时间。研究表明，互联网的平均注意力持续时间不到几秒钟，用户会立即做出有关网站的决定，如果不适合，就会离开。

数据驱动的设计（https://www.eyequant.com）

EyeQuant 将这一想法向前推进了一步，利用眼球追踪数据构建了一种预测算法。你无需自己进行眼动测试，而是将设计上传到他们的网站，他们会告诉你用户在使用你的网站时关注点在哪些地方。

他们找了德国的参与者，并利用这些参与者建立了一个庞大的数据库，该数据库包含了大量吸引用户注意力的内容和不吸引用户注意的内容。研究发现，高对比度色彩比较容易吸引用户，表情和粗体的文字也是如此。

眼动追踪软件可能很昂贵。取而代之的是，诸如 Sumo Heat Maps 的在线分析软件，可用于显示访问者单击的内容和位置，以及吸引最多注意力的内容。然而，请记住，虽然我们可能会抓住大脑的注意力，但我们也有可能会把用户从更重要的事情上拉走。

使用眼动追踪或热力图可以使设计人员立即获得有关其设计的客观反馈。作为设计师，它可以用作用户体验想法的验证，并为你的设计决策提供数据，允许你通过 A / B 测试来优化设计。

眼动追踪可获得用户行为的客观反馈

模仿欲

你是否曾经注意到人类天生会有模仿他人的欲望？一个人的欲望也会促成他人的欲望。这种理论是由勒内·吉拉德（Rene Girard）提出的，理论认为，如果某人表现出对某件物品的渴望，你也会渴望得到这件物品。广告商就是利用这一方式促成人们对某物的渴望，显然，广告成功的激发了人们更多的欲望。

你我都是模仿生物。Darren Bridger 的《神经设计》一书就探索了这一理论，研究发现我们有一个镜像神经元系统。换句话说，仅看到某人执行某项操作（例如捡起一件物品）就会使你的大脑反映出该活动。

模仿一词的英文解释

模仿欲理论意味着如果我们看到别人拥有某样东西，我们便也想拥有 —— 这一点可以用「社会认同」（或从众心理）来解释。

一种社会认同是来自 “用户的认同”，就像是推荐。推荐之所以有效，是因为它们来自拥有共同愿望和价值观的人。例如，专门为企业家服务的媒体 Foundr 不仅使用用户的声音，而且还显示人脸，从而触发了镜像神经元系统。

Foundr 专门为企业家提供媒体服务

另一种社会认同是来自 “专家的认同”，即你的产品获得了专家的认可，例如你的产品被 Twitter 提及、新闻引用、甚至有大 V 专门为你的产品撰文。Google 在其最新的 Pixel 手机广告系列中使用了这种技巧，用 Google 自身的品牌影响力作为最强力的背书推荐这款手机。

仅仅强调这款手机是 Google 出品，无须多言

当今及未来的设计心理学

对于设计师来说，现在是一个令人激动的好时代 -- 有丰富的资源和研究可以支撑我们的工作。

设计趋势正在向体感，语音、虚拟现实（VR）、增强现实（AR）、混合现实（MR）和物联网（IoT）转变；随着这些交互技术的不断发展，人们需要以更直观的方式来使用界面。

我们将迎来许多新的设计机会，而心理学将在其中发挥着重要的作用。

下一个我们日常生活中与设备交互方式的重大转变，将从触屏变为使用脑电波交互。该技术已经可用，使人们能够通过思想直接控制其设备。

随着我们逐渐接近人们的真实想法，心理学在设计中的应用以及设计师的道德责任将发挥越来越重要的作用。

除了使用分析法、用户研究、用户体验地图和其他方法来帮助做出设计决策并迭代产品外，设计师还应考虑使用上述四种有说服力的设计方法来完善其 “技巧工具包”。

有说服力的设计并不邪恶。它是一种工具，并且像任何工具一样，它可能被滥用。然而，通过正确的研究和深思熟虑的应用，它可以成为任何设计师工具箱中的宝贵补充。

文章来源：站酷作者：三分设

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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

评论(0) 浏览(1594)

062022-5

需求太碎？如何在小业务中提炼价值

ui设计分享达人

背景

在日常工作中，身为设计师的我们时常有这样的情形：身兼多个业务，但大部分的业务都是小业务，业务方给的需求也是七零八碎的小需求居多。面对该情况设计师有时会觉得没有一点挑战，限制自己对美好设计，给用户创造美好生活的想法，总想要去搞个大新闻。

不妨回头看看小业务，自己真的对它了解了么？这里提供一种视角，小业务也可以做大视野的事。通过一个小业务的案例改版，讲述如何从小项目中出发。

曾经负责过一个基础模块支持：设计详情。它是设计师用酷家乐设计工具设计方案产出的载体。该模块在之前有过改版迭代，迭代对业务目标（留存活跃）的提升并不理想。那从哪里入手呢？

方法流程

理清业务目标
挖掘用户需求场景
梳理产品功能
拆解设计目标
设计策略实施
验证迭代

一、理清小业务的业务目标

相对于大业务（例如网站改版），小业务因为简单，其业务目标界定常容易被忽略。在日常设计中常会遇见设计师在不知道业务目标是什么、目标模糊、目标不正确的情况，直接从梳理小业务具备哪些功能直接入手，分析下现状问题后开始制定设计策略，这往往会导致设计出现解决不了关键问题、出现偏差情况。产品功能本身只是满足用户需求和实现业务目标的服务载体，只是策略的表象。理清小业务所承担的业务目标是前提，那么如何理清呢？

理清业务目标

小业务目标来自大业务目标，对大业务的业务目标进行一级级向下拆解后，即可获得小业务对应的目标。目标拆解需要遵循MECE原则，拆解方法包含：二分法、过程法、要素法、公式法、矩阵法。（tips：目标的拆解有一定难度，）

Dapp设计详情为例，在酷家乐大增长业务背景下，用户活跃和用户留存为核心的目标，设计详情处于设计路径的一个节点，拆解得到设计详情的5个主要业务目标：

设计详情-用户周活跃
设计详情-新用户留存
设计详情-老用户留存
设计详情-内容投稿数
设计详情-内容分享数

业务目标可分为2个类别：

第一类别：符合用户意愿，如活跃、留存，在满足用户需求的情况下可以自然达成；
第二类别：不符合用户意愿，如内容投稿、内容分享，用户不太会主动去完成，需要去创造动机，激励用户进行。

二、挖掘小业务关联的用户需求场景

有小业务的业务目标后，第二步就需要给用户提供价值满足用户需求，以此来实现业务目标的达成。梳理清楚小业务服务了哪些用户需求是提供价值的前提，那如何获取用户需求场景呢？

1. 用户访谈——获取相关用户需求场景

用户需求场景可以帮我们清晰了解到用户使用产品的原因。用户需求场景可以一句话进行界定，包含四个关键要素，其中需求本身最为核心，需要挖掘出当前诉求和其背后的潜在需求。

“在【某环境下】，【某用户】做了【某事】来满足【某需求】”

用户访谈为了挖掘到更为深入用户需求场景的要素信息。以设计师入行年限分组（1-3年、3-5年、5年以上），每次分组访谈2-3个设计师。梳理出设计详情相关的8个需求场景

访谈信息整合如下

2. 规整用户需求场景

在业务访谈中获取的场景往往都是碎片化的，碎片化场景对设计指导容易出现偏差，需要把场景结构化，为后续的方案设计提供依据。我把获得的场景按照设计师设计流程进行规整，按设计前、设计中、设计后三个阶段进行划分。

以上梳理了设计详情相关的用户需求场景，再来看原设计详情只基础满足了资料管理和方案展示的2个单一场景，在设计师的整个设计流程中只占了一部分。从设计层面来看，该2个场景局限在方案设计大场景中，设计更多做的是对其方案设计操作的体验优化，在原有较好操作体验的现状下，其对给用户创造价值上没有很大增量。再从以上业务目标来看，2个单一场景很难去促使用户对内容进行分享和投稿。

三、梳理产品功能矩阵

在理清小业务的业务目标和需求场景后，下一步就是按照场景去梳理产品能力。

1. 小业务功能现状分析

老版app设计详情的功能进行初步的现状分析，设计详情包含渲染、图文编辑、图片管理、投稿、分享5个主要功能。从需求场景来看，多个场景无法实现，如营销、谈单；从业务目标来看，通过当前功能有较大的优化空间，如当前投稿很难让用户知道投稿有什么价值。

2. 产品能力梳理

分析现状发现功能不足以支撑用户需求场景，有获取功能2个方向：

挖掘现有能力：可以扩大梳理范围，从小业务所在的上一级业务到整个平台，一级级往上梳理场景对应的现有功能。
打造新能力：围绕场景，打造出新的功能

挖掘平台上现有能力，可对业务的能力价值最大化利用，与其他业务形成互通，实现1+1大于2的业务价值。亦可围绕场景打造新能力，可反推产品去发倔新功能。

以下是设计详情涉及所有场景的产品功能矩阵，从平台获取到了很多全新的能力，以及对原有的能力进行了能力拓展。

四、拆解每个场景的设计目标和策略

在梳理出产品能力后，需要通过设计策略把产品能力有效组织起来，让用户快速感知快速上手使用。设计策略推导自设计目标，那如何得到设计目标？

基于用户需求场景将行为事件拆分，提炼行为事件再推导出设计目标，再基于设计目标给出设计策略。

Dapp设计详情受制于移动端能力，只涉及设计详情中5个相关场景，其设计目标和设计策略的拆解结果如下

拆解出设计目标后，基于目标分析产品现状得到存在的设计问题。为什么要基于目标分析现状？首先需要明确什么是问题，问题是导致目标和现状不一致的原因。只有明确了目标才可以理性分析与现状存在多少问题。在日常中时常看到设计师会直接得到问题，很多情况是默认假设了一个预设目标，但这目标得到不严谨、不全面，容易导致得到的问题本身也出现偏差。设计策略基于设计目标或问题得出，其最终都来自设计目标。

对老版Dapp设计详情现状进行了分析，得到了问题

五、设计策略的落地

在上一步得到设计策略后，围绕着设计策略是设计方案。本段将不全部展开说明，只选3个关键点讲述设计方案的思考

1. 设计详情框架的设计

Dapp设计详情涉及5个场景的承载及产品功能繁多，设计三步思考：

第一步：简化功能认知，对功能结构化，以场景的维度重组织功能，并以场景打造功能集合的认知，建立场景能力区；

第二步：梳理场景共同涉及的内容，作为联系的载体承载场景的放置，设计详情中展示态的方案涉及到了5个场景中的4个场景

第三步：提取场景中即时性和高优先级功能，打造快捷功能区

框架如下

建立框架后，填充具体的能力和内容。如场景入口放置于底部，并根据场景优先级做了主次的区分。

设计详情框架建立后，打造细分场景中的设计

2. 营销获客场景设计

营销场景的设计，将营销组成拆分为可营销内容、营销的渠道、渠道内容展现三大类，就可以清晰去梳理出现有的功能，以及可从内容、渠道各自去拓展挖掘。内容和渠道清晰后，再传达各渠道提供的价值激励用户去触发行为。

3. 谈单场景设计

谈单场景关键在方案详情上，谈单面对不同情况，存在多种内容形式去展示方案。在上面内容梳理中最主要是3个内容：图文方案、全屋漫游、渲染图册。在方案详情中，头部承载了全屋漫游、图册，如图文方案过于繁琐可直接点击全屋漫游图进行讲解，亦可点击封面进入图册直接图片说明。图文详情加上了房间切换的导航，可快速切换到需要讲解的地方。

六、上线验证

上线后数据平稳后观测，设计详情的周活提升了89%，每个场景下的功能数据都得到显著的提升（tips：有部分数据因技术原因没有采集到）。除了改版了Dapp侧的设计详情，后续对PCweb侧的设计详情进行迭代，同样起到不错的结果。数据的结果验证了方法的可行，并起到了积极的效果。

最后的思考小结

以上是我应用这套设计方法去做了块小业务优化，反向推动进入产品迭代，上线后取得了不错的成绩。在本次赋能后，对小业务中多了一些感悟

小业务是大业务的缩影，可以作为去赋能大业务前沿验证的实验田，大概率可以快速验证自己的想法，即使方向错了因为小业务改动影响面也小
因知识广度和深度的限制，不是所有设计师都可以一开始就可以把控大业务，小业务可作为打磨设计深度专业度，一些小业务的复杂度并不低于大业务
该设计方法同样适用于大业务，但方法是死的，不是所有情况都套用，得需要把握重点灵活应用
不要总想着搞个大新闻，在能力未被业务方认可时，小业务的赋能可以成为一个很好的发声口
不要轻视小业务，有可能是你根本还不了解

评论(0) 浏览(1696)

062022-5

爱在字里行间：适老化设计标准研究

ui设计分享达人

近些年，得益于经济和社会的高速发展，越来越多的中老年人开始尝试享受移动互联网带来的便捷生活。50岁及以上网民在总网民中的占比已经由2015年的9.2%提升至2020年的26.3%，增长接近两倍。但中老年在融入移动互联网时仍面临诸多困难，是需要重点关注的弱势群体。

随着各类问题在社会舆论中持续发酵，国家政策也开始关注中老年的互联网使用体验，推动各类APP进行适老化改造。2020年12月，工信部发布《互联网应用适老化及无障碍改造专项行动方案》。2021年3月11日，全国人大发布《十四五规划纲要》，明确提及“加快信息无障碍建设，帮助老年人、残疾人共享数字生活”，更是将信息无障碍建设上升到了国家顶层规划的高度。

为了更好地服务中老年人，百度在2021年上线了百度大字版和百度关怀版APP。对于中老年人来讲，视力老化是难以避免的问题。随着年龄增长，中老年人晶状体硬化、睫状肌衰弱，物体不能很好地成像在视网膜上，带来视觉上分辨物体的敏感度、色彩感、明暗感、空间感的下降。

但是对于中老年人而言，手机APP的字号、行距真的是越大越好吗？我们首先试图从现有标准中寻找答案。然而通过梳理，发现行业内已有标准主要是针对各类残障人士的，并且是原则性的建议，推荐的字号、行距的理想值过于宽泛，对手机APP适老化设计升级的指导意义比较有限。比如W3C发布的《Web内容无障碍指南（WCAG2.1）》，关于行距的要求是“至少为字体大小的1.5倍”。所以我们通过科学、严谨的研究，制定了一套设计标准，来指导资讯类/内容类APP全场景文字排版适老化设计升级，为中老年用户带去字里行间的关爱和更好的阅读体验。

下面就将从研究方法和成果两个方面做具体介绍。希望能帮助大家掌握相应的研究思路，在后续制定设计标准时可以快速上手，同时也将此次适老化设计标准研究的成果与大家分享，为资讯类/内容类APP适老化设计升级提供参照。

///

研究流程与方法：如何通过用户研究制定一套设计标准？

| 明确标准的应用方向

为了让一套标准对设计工作具备实际的指引价值，我们在研究规划环节充分考虑了设计经验和迭代需求。用户研究和设计师一起对资讯类/内容类APP所有涉及文字排版的页面、模块进行了通盘梳理，确定了12类应用方向（即用户的使用场景）。对于这么多使用场景分别做研究费时费力，我们选择通过洞察背后的用户阅读模式，把12类应用方向收敛为4大类阅读场景：3类主场景（包括长文阅读、搜索、概览阅读）和1类辅助信息场景。针对主场景，研究中老年用户理想的字号、行距和粗细组合；针对辅助信息场景，研究中老年用户的最小可辨识字号。这样研究既能覆盖各类应用场景、不同的信息层级，又能更聚焦、更高效。

| 构建评估体系

在确定了标准的应用方向之后，评估体系的搭建也参考了过往的设计经验。我们一方面查找并梳理了学术界在字号、行距方面的研究成果，另一方面也结合了百度已有的设计经验。最终确定了字号、行距、粗细、颜色四个考察变量在不同研究场景的研究范围（即自变量选取水平），并综合主观体验指标和客观眼动数据指标搭建了中老年阅读体验的评估体系。其中,主观体验指标包括关键信息发现、清晰度、舒适度、满意度；客观眼动指标包括眨眼频率、瞳孔直径变异性和阅读速度。

| 实验流程

在实验中，我们邀请了60位50-70岁中老年用户参与调研，通过任务模拟他们在真实场景的长文阅读、搜索、概览阅读情况，综合眼动实验、问卷调研和访谈方法评估不同字号、行距、粗细对中老年阅读体验的影响，探寻不同场景下最适合的字号、行距、粗细方式。在实验过程中，通过SMI-ETG2w眼镜式眼动仪测量眼动数据。

///

研究成果：适老化设计标准介绍

通过对各类阅读场景、设计变量和体验影响因子的充分分析，本研究形成了一套完备、成体系的适老化设计标准，可用于指引资讯类/阅读类APP中不同页面和不同信息层级的适老化设计改造。

| 主场景理想字号、行距和粗细的组合

研究结果明确了资讯类/内容类APP对于中老年人在不同场景里任一信息层级的理想字号、行距和粗细组合。以概览阅读场景（Feed列表页）和长文阅读场景（图文落地页）为例，优化前与预计优化后的字号、行距、粗细组合如下：

概览阅读场景

长文阅读场景

| 辅助信息最小可辨识字号

此外，研究结果也明确了黑色（1F1F1F）字体的全局最小可辨识字号。以75%中老年用户可以看清的字号作为最小可辨识字号标准，黑色（1F1F1F）最小可辨识字号为36px。

此次研究填补了学术界和业界在手机APP适老化设计领域的空白。在百度，该套标准已落地百度关怀版，未来还会在百度大字版和更多为老年人提供服务的APP上线。面向行业，我们也积极共享研究成果。百度大字版、百度关怀版运营同学牵头和老龄产业协会合作，设计师结合本次研究成果编写了《移动互联网应用适老化设计要求》团体标准，已经于2021年11月10日发布。希望本次的研究成果能帮助更多资讯类/内容类APP完成文字排版的适老化升级，为中老年人带去更多的关怀和更好的阅读体验，为移动互联网行业的信息无障碍建设贡献一份绵薄之力。

文章来源：站酷作者：百度MEUX
分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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

评论(0) 浏览(1709)

302022-4

轮播设计总结-提高用户点击

纯纯

如果需要设计一个轮播，我们应该考虑哪些因素？如何让轮播更具有价值？如何让轮播的体验更好？如何避免轮播常见的问题。

提到轮播首先可能想到的是广告，我们经常在移动端首页或网站首页会看到各式各样的轮播banner，不管在移动端还是网页上通常点击数据都是非常差的，本篇文章带你深入了解banner轮播。

如果需要设计一个轮播，我们应该考虑哪些因素？如何让轮播更具有价值？如何让轮播的体验更好？如何避免轮播常见的问题。

本篇文章通过以下几点探索轮播的特性，预计阅读20分钟

1、用户真的使用轮播吗

2、轮播的轮换形式

3、轮播的进度展示

4、轮播定位

5、轮播的切换

6、对轮播进行分类

7、使用缩略图进行预知

8、轮播异形化

9、轮播时间

10、总结

一、用户真的使用轮播吗

用户是否对轮播有感知，这个则需要根据不同的场景进行判断，包括每个产品中的每个轮播对用户用户的定位也不相同，常见的应用场景品牌曝光、活动营销、产品展示，每个场景下相关的数据也不相同。

促销轮播banner

品牌推广轮播banner

产品介绍轮播banner

同时还有个关键因素，轮播的占比，这里以pc端为例若是产品是以品牌效应吸引用户的，大多轮播是以大的屏幕占比为主通常会占首屏的50%，如果是以营销、内容为主的产品，轮播通常以16:9、7:4的常规比例进行展示。

轮播的页数

用户在使用产品时会默认忽略轮播区域，一般轮播都会有自动轮换机制，一定时间后自动轮放下一张banner，那么每当页面上进行轮播时便会吸引用户进行关注，效果上会有一定的提升，所以在轮播中第二张第三张的效果往往会比第一张轮播的效果更有效一些。

还有一种用户比较喜欢关注轮播过去的banner以此来满足好奇心。

如果banner是作为内容传播希望用户通过banner了解内容，那么则要避免放在最后一位置，对于用户而言最后一张轮播路径过于长，并且用户很少会手动滑动banner。

国外一家公司在针对轮播中进行了相关的研究测试，随着页数的增加用户的点击逐步下降。

那么如果想让产品中的轮播更具有效果，则需要根据不同的场景设定策略达到目的。

二、轮播的轮换形式

不管在移动端还是手机端，轮播都有各种交互形式和尺寸，以pc为例在交互上会多样化一些，常见的几种则是通过滚轮滑动、通过点击切换两种。

如下图某艺术网站，它则是通过鼠标滚轮进行切换轮播banner，并且banner的占比也是铺满首屏，这种轮播形式适合一些品牌、产品宣传等相关的网站以此来突出产品的亮点，同时也符合用户目标。

在看下面这个医美网站它的切换方式则是通过鼠标点击进行切换，并且占比也是铺满首屏，在医美领域用户更关注美感，而轮播形态也是符合用户的心理预期更加沉浸美观。

而在移动端轮播的形式就比较统一，大多都是自动播放+手指滑动进行切换。

三、轮播的进度展示

在网页中轮播都会有当前的定位点，许多用户的习惯是点击进度条进行切换banner这样能够更快的达到目标，不用一张一张切换，但是在有些产品中会忽略这一点，设计中会做的非常小导致用户在点击上可用性不太友好，如下图中的banenr进度点设计上过于小导致点击上有些阻碍。

如以下网站去除进度定位的方式，通过缩略图预览来告知用户下一个banner的内容，空白区域也可以添加缩略图引导介绍等关键信息，帮助用户提前预知在体验上相对较好。

以下国外某网站在进度定位的设计上采用了标签文案方式进行设计，能够帮助用户更加全局的了解banner内容

四、轮播的定位

定位主要是用来指示当前轮播的进度，像上图中讲的便于用户更加全局的观看banner的张数和当前进度。

以下网站的设计中则把定位与进度相结合，进度条展示该banner预计多久会切换下一张，对于自动切换的产品轮播这个更直观的进度展示体验上相对较好。

以下是某个国外网站，不管是pc还是移动端都在轮播底部添加了水平条，告知用户当前位置

随着市场上产品同质化严重，产品的竞争力也更依赖体验，在下图中的数据可视化的网站上，在进度条上就利用了产品的特性以饼状图的形式进行展示。

五、轮播的切换

在刚才上面举的例子中很多优秀的网站在设计上都很有创新性，但是需要注意一个点，在轮播中不只有自动播放，还需要考虑用户手动切换，因为在实际用户浏览中可能会对产品的播放时间达不到预期，此时则会使用手动切换，除去可点击的进度点，还需要上一张和下一张的入口切换。

在此基础上需要注意，在处于最后一张banner时，下一张切换还能不能点击，第一张时上一张切换还能不能切换，这个取决于产品特性和轮播张数，如果轮播张数过小的话则需要进行循环播放，如果过多的页数则第一步和最后一步不可点击。

切换的距离和位置

上一张和下一张的距离远近取决于banner的大小，如果轮播banner占比较大时则需要考虑用户的操作时长，距离越短时间越快，为了避免用户操作失误在相对较近的切换按钮则需要在视觉上做的比较突出，便于用户寻找。

如果banner占比在首屏中占比较少的情况下则需要让切换按钮的间距拉大，保持视觉平衡，因为小区域banner用户能够更加全局的观看，在使用上不会犹豫。

反观移动端在轮播中除了展示banner进度外很少展示切换按钮，移动端更加依赖手势交互。

六、对轮播进行分类

当轮播banner过多时利用标签进行分类，用户通过点击标签进行查看相关的轮播组合。

此方式更适合一些电商平台、新闻网站这种内容过多的产品

如下图国外社交媒体网站则使用了标签进行分类，此处提一句轮播不仅限于首屏banner。他的用处可落地在各个场景。

七、使用缩略图进行预知

在banner首屏中，显示的内容越多，越能激发用户进行点击，像上面讲过的农业产品网站就使用下一张预览图的形式进行展示，当然不仅局限于这种形式，如下图中的餐饮网站把所有的轮播banner展示给用户观看。

相对于缩放图，图标展示效果上也较好，空间占用更少，使用这种方式需要谨慎，对图标的识别性要求较高，我印象中能够使用的这种方法的网站是苹果官网，让产品抽象化展示。

在移动端也存在这种设计手法，但是基于分辨率原因移动端的缩略图展示过少，最常见的如下图中的马蜂窝和企鹅电竞。

八、轮播个性化

轮播最大的缺陷则是像刚开始讲的用户会默认为广告，对此可以使用个性化设计突破用户心理障碍，使轮播banner更具备亲和力。

如下图中的数码科技网站，利用产品与背景的结合营造出一种功能性的展示。

再例如下图中苹果官网入口，结合百度的定制化功能在大搜中进行个性化处理，把常规的banner轮播以功能卡片形式进行展示，同时卡片承载产品动画引导用户进行点击。

苹果官网进入后随意点击产品介绍页后会发现，苹果把轮播结合鼠标滚轮营造沉浸式观看，每个屏效内都展示产品一个功能特点，打破传统banner的展现形式。

九、自动轮播时间

自动播放的轮播会根据用户的耐心和用户的诉求进行调整优先级，如我们平常使用产品时会忽略banner广告，我们会更加关注移动中的东西，特别是在移动端上通常是banner进行轮播时才会关注。

谷歌设计团队曾对banner轮播的时间进行测试，测试结果得出5s-7s的轮播时间最佳，在这个时间内用户有足够的时间对轮播banner上的产品内容进行了解。

如下图谷歌商店的轮播时间设定在6s。

同时还需要注意，在自动播放的过程中如果用户鼠标hover上去后，则需要判定播放暂定，避免用户错过感兴趣的内容。

十、总结

本文从轮播的样式、特性、用户对轮播的认知等多方面的介绍，在实际产品中轮播有很多可用性上的问题存在，我们在设计中则需要根据自己产品的特性、用户群体特点等多维度去思考适合什么样的轮播形式。

文章来源：UI中国作者：爱吃猫的鱼____
分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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

评论(0) 浏览(2076)

262022-4

7个基础的用户体验设计细节

seo达人

1、专注于20%

maggelato

你可曾听说过80/20法则？简而言之，80%的用户通常只会使用你网站内容和功能的20%，绝大多数的用户只是在扫视网站内容，并且只会挑选真正感兴趣的浏览。

同时这也意味着，剩余的20%就相当重要了。大多数的点击将源自于这一区域，它也是近乎完美的内容和互动区域。

你可以借助数据分析来决定哪个部分是整个网站最被关注的那20%。对于刚刚上线的网站，这个数据搜集的过程可能长达好几周，随后再进行调整。

当然，你也可以通过引导将用户引流到你希望用户去的那20%的区域。借助视觉引导和行动召唤设计来引流，用有趣和有意思的设计来营造令人有兴趣的区域，让他们乐于点击，从而达到目的。

2、架构式的思维

goldhill

设计一个网站和搭建一所房子其实差不多。首先，它需要一个坚实的基础，然后是能够承载所有内容的框架，做好后要好好装饰一下。同样的思维模式可以套用在网站的设计上。

更重要的是，你并不需要为此创造出过去从未在框架中出现过的东西，换言之，框架内的素材、组件和我们常见的并无二致。就像导航设计模式一样，现在的设计都趋于一致，因为这样的导航好用。

当网站的整体结构搭建起来之后，可以将相同的思路套用到内容体系的构建上来。主要的正文内容是整个网站内容的基础，辅以吸引人的标题、图片，配合上其他的次要元素，整个内容体系可以很快搭建起来。

3、不要要求太多

assos

现如今的世界可以说是由数据所驱动，越来越多的应用开始要求用户注册，要用户提供更多的权限，更多的信息，以期为用户提供更加个性化的体验。但是从体验的角度上来看，要尽量规避这一点。

站在用户的角度稍加思考你就明白了。找到一个令你感兴趣的炫酷网站，如果要深入了解更多内容，就需要内容，而如果要注册的话，网站却需要你提供下面10个类型的信息：姓名、邮件、国家、地区、城市、电话、Twitter权限、个人网站、工作职位、以及如何发现这个网站的。

那么接下来，你会怎么做？绝大多数的用户会直接转身离开，这个注册信息填写起来太费劲，体验太差了。

那么，如果你当你点击注册的时候，只需要一键从Facebook或者twitter授权即可，那么你会不会立刻点击呢？至少从目前已有的数据来看，绝大多数的用户会这么选择。

4、令人愉悦的微交互

evernote-1

可能很多时候你都没注意到，你和各种微交互进行的互动一直都存在。

·谷歌日历弹出框提示你每周例会要开始了
·短信提醒
·午睡的闹钟
·微博上的新粉丝和转发提醒

这样的例子我们可以连续不断地说上一个小时。这些带有微交互的提醒和动作会推动用户进行下一步操作，带来愉悦的体验，它们不能设计得非常醒目，但是又需要适当地吸引用户注意。

这些有趣的微交互的加入让用户从中获得好处。而你需要思考的是，有哪些东西是你的网站或者APP当中，用户想要立刻知道和获得、想被提醒的？

5、甚至幼儿都能轻松使用

statusshop

如果要给小孩子设计产品，那么它应该是什么样子？你可能会更专注于色彩的使用，让每一个区块都可以轻松点击，明显的标签，加上拼图式的连接方式。

所以，当我们在设计网站或者APP的时候，我们会说这个产品要足够易用，那么怎么才算得上“足够”呢？让小孩子都可以轻松使用，这就叫足够易用。换句话说，即使是不经常使用网站和APP的成人，也不会存在明显的使用障碍。

超大的设计元素和标签是设计的关键因素。这些视觉线索是帮助用户引导用户的核心，是整体体验设计中最重要的部分。大胆的色彩选择，会鼓励用户点击和探索。

如果它足够易用，用户会继续尝试使用和探索。而难于理解操作不便的导航自然会被用户所嫌弃。如果网站包含太过复杂的媒体和内容，那么不妨从一个设计简单的首页开始，几个简单的导航点击将用户引导到对应的位置。在深入到更复杂的页面之前，用梳理清晰、简单明了的分页让用户感到舒适，这是带来好的浏览体验的不错解决方案。

6、轻拍(Tap)还是点击(Click)？

espns

这一点要说的并不是设计问题，而是一个常见的开发代码的问题。虽然Tap和Click两者都能在点击的时候触发，但是在移动端网页上使用Click事件的时候，会有200ms 到300ms 的延迟，所以在移动端上最好替换为Tap事件。在进行响应式网页设计的时候，一个事件从头用到尾的错误出现得很普遍，但是有太多的移动端网页在这样的设计下会有明显延迟，更恶劣的情况是无法识别，这样会直接损害到整个页面的易用性和功能本身。

此外，移动端上使用 Tap事件的时候，它所对应的按钮应当相对更大一些，便于小屏上进行交互。

7、像用户一样思考

justact

我们一直在说：“像用户一样思考”。但是实际的情况往往是，我们很难走出设计者和开发者的思维方式，因为我们的思维方式压根就和用户不同，面对每一个交互、每一个元素的下意识反应是不一样的。

所以，还是同设计圈、开发圈和产品圈以外的人去聊聊吧，看看他们对于网站和APP的真实反应到底是怎样的。你可能会在观察中发现，他们对于产品、对于交互、对于界面的反应和你的预期完全不同。将用户的真实反馈记录下来，反馈给项目组，这样可以帮你打造更好的用户体验，创造更优秀的产品。

原文地址：designshack

译文地址：优设

作者：Carrie Cousins

优设译者：@陈子木

转载请注明：学UI网》7个基础的用户体验设计细节

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

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

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

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

评论(0) 浏览(1597)

172022-4

如何促使用户更快的决策

ui设计分享达人

设计师不仅仅只是个画图仔，而更应该懂得用户心理学，明白用户行为背后的动机。利用这几个用户心理学，我们将可以促使用户更快的做出决策。

一、损失规避

人们获得损失时产生的痛苦远大于获得收益时所带来的快乐！心理学家把这种对损失更加敏感的底层心里状态叫做损失规避。

其实简单来说就是，相比于得到，你更在意失去。

举个例子：你今天在上班的路上捡到100元钱，心里很高兴。可是一不小心把钱弄丢了，那么你就会很沮丧了，甚至一天的心情都会很不好，虽然说这钱本来就不属于你的。

我们可以用损失规避系数来描述人们对不同东西损失规避的程度。对于一般的消费品，损失规避系数大概是2，也就是说，人们需要得到2倍于原先的价格才肯放弃已经拥有的商品。

损失规避系数因不同的事物而不同，如果涉及到情感等方面的因素，损失规避系数就会大大上升，一旦涉及到健康和生命等问题，损失规避系数就成百上千地增长了。这就解释了在商场买衣服你会跟销售员讨价还价，但在医院你绝对不敢跟医生讨价还价。

我们习惯于自然地规避风险，因而更加辛苦地工作只为避免一些微不足道的损失，而不愿冒险去争取更大的回报。规避损失是人的本性。这也解释了为什么大多数人只能上班，而创业者始终只是极少数。

那么，有哪些利用了损失规避心理的案例？

a.强调“失去”，而非“得到”

因为人的心理对损失更在意，因此要告诉用户如果不买，会受到什么样的损失。

对比以下两个文案：

达芬奇画作世界巡展，邀请来感受世界传世名画的魅力。

达芬奇画作世界巡展，如果不来，你将失去一生中唯一一次和世界传世名画邂逅的机会。

你觉得哪种方式更吸引你？

b.天猫双11红包

每年的双11活动，天猫都会提前给你发一堆的红包，虽然数额不大。但规定只能在双11当天使用。这时你就会心甘情愿的在当天剁手，因为如果你不买，就会白白浪费掉这些红包。而人的心理对损失是很抗拒的。

c.以旧换新

京东家电类目有个以旧换新的服务，以前我一直搞不明白这样做的目的何在？现在才知道，原来这也是利用了人的损失规避心理。

消费者想买新电器，但是家里已经有一个，直接丢掉会感觉浪费。那商家搞以旧换新，用旧家电抵扣一部分钱，这比直接给打折优惠，对消费者来说更有诱惑力。因为你收购了客户的二手电器，让他感觉自己的旧家电没有白白浪费了。

二、锚定效应

所谓“锚定效应”是指人们在做决定或下判断前，容易受到之前的信息影响，该信息犹如一个沉重的锚，沉到了海底，让你的思维以该信息为基准，在它的一定范围内做判断。

简单来说，就是当你在作决策之前，需要一个参考，货比多家。比如：你去菜市场买菜，你第一次买这个菜，你根本就不知道这个价格是否合理，这时候你不好决定是否买，你就会去多问几家。从而内心会形成对这个菜的价格锚定。

生活中锚定效应无处不在：

在线下超市我们会经常看到商品建议零售价100元，而实际售价78元。各大电商平台也采用了这种价格的对比效果，加快用户的决策。

在线下的服装店商家非常喜欢开一个天价然后等你还价，开价150元，到最后居然能还到50元，这水分……

你去婚纱摄影店咨询，开始销售员会给一个比较高的价格，然后后面会自主动给你减掉一千，这样很容易让消费都产生购买的冲动。

你去电脑城买电脑，当你买完电脑后，这时销售员给你推荐电脑保护套，你很容易会购买，因为你会想这么贵的电脑都买了，这几十块钱的保护套自然就不在话下了。但如果直接叫你买保护套的话，你就没那么容易产生购买行为。

还有奶茶店价格菜单也是经过设计的，通常会采用降序排列，这种排列方式更有利于顾客购买。因为用户看到的第一个贵的价格会形成锚，往下价格越便宜，消费者更容易决策。

三、羊群效应

在一群羊前面横放一根木棍，第一只羊跳了过去，第二只、第三只也会跟着跳过去，这时候，如果把那根木棍撤走，尽管拦路的棍子已经不在了，后面的羊，走到这里，仍然会像前面的羊一样，向上跳一下。这样的群体盲目跟从就是所谓的“羊群效应”，也称为“从众心理”

这些动物的行为看起来愚蠢搞笑，可是看看我们自己，又何尝不是如此呢？从众是一种普遍的社会心理和行为现象，在很多情况下，人们都会表现出人云亦云的特征。

“羊群效应”是由个人理性行为导致的集体的非理性行为。由于信息的不对称，人们并不能得到做出判断所需的全部信息，那么在无法作出准确的判断时，其他人的选择自然就是最合理的参照。这并非全无道理的，因为很多情况下，多数人的做法往往都是正确的，参考他们的做法可以最大限度的降低个人的决策风险。这也是群体盲目背后的根本原因。

但是，凡事有利就有弊。跟随大众的做法，有时候很容易被误导。比如谣言的传播就是个最大的反例。

我想以下场景你一定不会陌生，在一个广场上，有商家正在进行着某种商品的促销活动，人们随着广播的声音慢慢凑了过去，到后来简直到了里三层外三层的地步。但就在这个时候，经过的人反而有了更大的兴致，越是后来的人越是想挤到人群中去，甚至他并不知道里面究竟是在进行什么活动。这是典型的“羊群效应”。

经常网购用户都明白，我们很容易受到商品销量的影响，我们的潜意识里会认为销量越好，商品质量越好，因此会倾向于选择销量高的商品。

羊群效应还表现在对权威的顺从，人们决策时所盲从的对象由大多数平常人变成了某一个具有一定权威性的人。

人们在做出某种选择都是在追求安全感，降低风险，而跟随权威人士给出的意见和建议，会让人们安全感倍增。权威之所以称为权威，就是因为在某个领域他们是最专业的。因此人们更愿意相信权威人士的意见，甚至愿意改变自己的选择去迎合权威的意见。

在设计工作中，尝试借用权威的号召力，达到对用户消费决策的影响。经常逛淘宝的人就知道，很多商家在商品详情页为了证明产品质量合格，经常会提供某权威机构的检测认证，或借助某个明星的推荐。因而会对其观点或者意见表现得非常顺从。

四、稀缺效应

在消费心理学的研究中，研究者把人们由于商品稀缺而引起的购买行为现象，称之为“稀缺效应”。

“稀缺效应”在我们的日常生活中太常见了，比如在线下逛商场时，经常可以看到商家喜欢用“一次性大甩卖”、“限量100件”等广告语来引诱顾客，以吸引顾客进店购买。这些广告语会给顾客造成这各种假象：如果现在不买下次再也没有这样难得的机会了。

俗话说，物以稀为贵，人们对于稀缺物品会表现出强烈的占有欲望，这在人们的心理需求层次中，属于较高的层次。越是不容易得到的东西，人们越倾向于得到，以此实现在精神层面上的价值满足。

在这种心理因素的驱使下，人们对于供不应求的东西，总是会给予特别的关注，同时也愿意支付更高的代价。某种商品一旦限量供应，那么其本身也就具备了稀缺的属性。

限量供应的销售原则，也吊足了顾客的胃口，很多顾客完全落入稀缺效应的心理战术之中，即便当天买不到，第二天也必定会早早前来购买。

比如天猫惯用的抢红包伎俩，吸引了一波又一波的少女们去疯狂的抢，它会设定在某一个时间点，限量提供一些红包，如果没有抢到。那么用户第二天还会来抢的，这就提高了用户的粘性。

五、紧迫感

为了加快用户下单的决策时间，我们需要给给用户造成一种紧迫感的氛围，告诉客户剩余的时间不多了。如果不立即行动，将错过这次优惠活动。他们常使用一个很显眼的倒计时，时时刻刻在提醒用户所剩的时间已经不多了，再不剁手就没机会了！天猫双11活动就是利用了这样的用户心理成功让广大女同胞们不知不觉中剁手了。

稀缺性与紧迫感可以结合着使用，你要明明白白的告诉用户，如果错过了就会损失什么。如果立即行动，可以获得什么好处。两者之间强烈地对比可以吸引用户立即购买。

比如“今天下单可以立减500元！” “错过今天，你要多付出500元，而且没有赠品”等等。

如果没有制造稀缺性和紧迫感，用户就会拖延，犹豫甚至放弃购买。客户会认为再过一天来买也是可以的。这时你需要斩钉截铁地告诉用户，产品、赠品、特价是有限的。

比如：“产品仅限10件啦，再不买就错过了！”，“赠品只有30件，刚才张三又抢走了一件，马上就抢光了！”，“特价产品只剩25件啦，卖完这25件就恢复原价。”通过人为的制造稀缺性与客户哄抢的气势，促使客户做出立即购买的决定，从而提升转化率。

文章来源：站酷作者：CdzhcHappy

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

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

评论(0) 浏览(1558)