今天小编给大家带来的文章是移动端应用 UX 设计改版回顾，本篇文章将针对我们并不陌生的设计改版做出分享，作为设计师，除了常规的功能迭代需求，我们肯定也都接到过设计改版的需求，下面就让我们一起来看看吧！

作为设计师，除了常规的功能迭代需求，我们肯定也都接到过设计改版的需求，除此之外，我们也常常可以从很多设计师的分享中了解和学习到一些大厂的改版实践经验和设计升级的方法论。

但是，这些改版往往都需要运用到一些比较专业的工具、成熟的方法或完善的流程。

例如，设计前通过用户研究和数据分析定位问题、挖掘用户需求，通过竞品调研、体验地图等探索设计机会点，设计中通过可用性测试多轮测试设计方案，设计完成后再通过用研和数据印证改版效果等等。而实际上，我们的工作环境可能并不具备这样的资源和条件。

本文记录的就是这样一次设计改版的尝试过程：在没有完善的用户体验设计工作流程、没有成熟的设计工具、没有足够的时间和人力资源支撑的情况下，利用现有条件对移动端的 app 进行体验升级。

虽然这次尝试存在着非常多的不足和问题，也还是希望通过此次回顾，梳理总结出一些思路、方法和经验，在之后的项目中得以应用、完善。

去年（2019 年）上半年，公司设计、发布了全新的 IP 形象，同时更新、升级了 VIS（视觉识别系统），因此希望对移动端的 app 进行 UI 4.0 改版。新版本的视觉风格讨论会上也提出了改版的具体原因和目标：(1) 加入新 IP 的元素；(2) 完善、增加一些小细节（指微动画等）；(3) 解决一致性的问题（指视觉风格）；(4) 确实看腻了（指视觉风格）。

从上述目标可看出，此次 UI 改版的目标主要集中在视觉表现层面。

快速、长时间的功能迭代，导致产品的视觉复杂度逐渐不可控，整体视觉风格也变得相对陈旧。因此，重新定义视觉风格、对视觉元素进行梳理并产出规范、融入 IP 形象提升品牌认知度，是必要的。

然而，根据之前三次视觉改版的经验，对我们的产品来说，只停留在表现层的优化最终都会变成 “换肤”，已经无法从根本解决问题。只更新表层的部分视觉样式，不仅无法建立有效的视觉系统，而且一直以来被功能迭代淹没的体验问题也始终无法得到改善，产品长期带疤上线。

基于以上背景，UI 小组经过多次内部讨论，最终明确了设计目标，提出了 UX 改版的想法。希望能借此机会，尝试着从产品的整体视角出发，以用户体验的思路，更系统、更深入地挖掘体验问题、寻找设计机会点，制定改进方案，从而解决设计上的不良问题，提升产品可用性。

本文将侧重记录此次改版中，交互体验上的优化思路。

确定了改版目标之后，我们以《用户体验要素》中的五要素作为思考框架，来分析为什么我们的 app “看上去挺好看，看上去啥都有，但实际使用过程中就是觉得不咋好用”。

我们知道，《用户体验要素》中的五要素 ，分别为：

(1) 战略层（strategy）：用户需求、产品目标。用户希望通过这个产品得到什么，企业希望通过这个产品得到什么。

(2) 范围层（scope）：功能规格、内容需求。根据战略层中的需求和目标，决定产品为用户提供什么功能和内容。

(3) 结构层（structure）：交互设计、信息架构。将范围层定好的功能和内容进行归纳组织，确定以什么结构把信息呈现给用户、帮助用户完成任务。

(4) 框架层（skeleton）：界面设计、导航设计、信息设计。对结构层中梳理好的功能和信息进行可视化的框架设计，考虑交互元素的布局、引导用户移动的元素的排布、信息要素的排布。

(5) 表现层（surface）：感知设计。视觉设计，设计产品的最终外观。

对应以上五要素，常规的 UED 团队设计流程大致为：产品 – 用研 – 交互 – 视觉 – 开发（不是标准不变的流程，只是为了说明大致可能有这几个环节）。而我们目前的开发流程是，由产品经理输出需求文档给 UI 设计师，设计师进行视觉稿的设计，之后交付给开发工程师进行开发。其中，并没有专业的 “交互设计师” 参与到整个流程中去承担 “用研” 和 “交互” 等工作，加上快速的功能迭代，导致我们很少对 app 的整体架构、信息层级和用户体验流程、体验细节进行系统的、深入的思考和设计。

由此可见，我们的 app 在 “结构层” 和 “框架层” 的设计较不完善，导致可用性较低，体检较差。

根据上文的分析，我们确定了此次改版的方向，即在进行视觉设计之前先在 “结构层” 和 “框架层” 进行优化，并一一制定了相应的优化策略。

1、精简、优化整体信息架构

例如，在个人中心页面的优化中，先是明确页面定位，分析存在的问题，之后对页面中的功能和信息进行梳理、归纳组织，调整信息结构，优化界面布局。详细内容可点击《个人中心页面改版小结》查看。

再如，在选车首页的优化中，先是总结选车流程、分析目标用户属性，之后采用场景化的方法，为流程中的每一步找出用户场景，再以这些场景为基点，结合页面定位，重新组织内容结构、规划信息层级，最后完成优化。详细内容可点击《运用场景思维进行产品功能优化：选车功能优化思路小结》和《运用场景思维进行产品功能优化：选车首页》查看。

2、优化页面信息层级

例如，在对资讯列表页的优化中，先是明确页面定位和设计目标，之后梳理页面信息层级，完成优化。详细内容可点击《界面信息层级优化思路小结（以列表页为例）》查看。

3、统一交互控件

例如，先对手机端「弹窗」的相关控件进行梳理，总结规范，之后对当前应用中的相关控件进行清查，记录存在的问题，进行优化，同时制作组件，以便在之后的设计中统一使用。详细内容可点击《移动端交互控件规范总结：弹窗（一）》和《移动端交互控件规范总结：弹窗（二）》查看。

4、优化交互流程，完善交互细节

例如，对核心功能 “社区发帖” 的流程进行梳理、简化，同时完成交互走查，修改和补充不合理的、欠缺的交互细节。

5、完善其他体验细节

例如，结合具体场景对文案进行优化。

由于我们都没有 UX 改版的经验，此次改版对我们来说既是尝试也是挑战。面对诸多的条件限制，我们采取了如下应对策略。

1. 核心问题

如上文所述，长时间的功能上新和版本迭代导致产品积累了不少的体验问题，而这很难通过一次改版就完全解决。我们需要摆正心态，充分理解产品所处的阶段，结合现有资源和条件，确定优化方向和范围，细化为可落地的方案。

2. 时间问题

在整体的产品开发排期里，此次改版只是支线任务，其他主线功能和常规迭代需求也在同时执行中。因此，我们需要熟知产品迭代计划和开发周期，才能配合全局进度合理推进设计改版。

其次，为避免造成冲突和混乱，先选择功能结构、逻辑框架相对稳定，且耦合性较低的模块进行优化，目前改动频繁或较重要的功能暂不考虑优化。

最后，按「分析整理交互体验问题 — 确定优化方案 — 进行视觉设计」的流程大纲进行。

3. 工具问题

由于缺乏进行用户研究、数据分析的工具和资源，导致我们：(1) 设计前：无法充分了解用户痛点和需求，发现问题；(2) 设计中：无法验证设计想法，对比评估选择方案；(3) 上线后：无法评估改进效果，并收集用户反馈，为下一次迭代提供参考。

在这种设计环境下，我们需要充分发挥主观能动性，调动一切可用资源，主动了解用户和产品，高效输出。

(1) 收集用户使用需求、产品满意度：从各个渠道获取信息，如，浏览用户在社区中的发帖和评论、通过后台管理系统查看用户的反馈意见、在其他社交平台搜索相关关键词、查看系统应用商店评论等。同时，养成日常记录、定期整理的习惯。

(2) 了解产品，对产品有一定的认知：多与产品经理沟通，了解产品战略、所处阶段、迭代计划等；了解产品行业对标竞品，寻找共同点和差异点；通过查阅文献、收集资料，了解行业现状等。

(3) 根据实际情况塑造 UX 工具，虽然不具备进行专业研究并产出完整报告的能力与条件，也可以尝试着有意识地运用适当的设计方法，例如：

① 启发式评估或认知走查 — 设计小组所有成员都可以作为评估人员，以用户的视角在界面上完成一些具体的任务，检查是否能顺利完成任务，并记录其中存在的问题，然后开会讨论、汇总，找出关键可用性问题。

② 用户访谈 — 针对某个问题对身边的同事或朋友进行简单少量的访谈。

③ 可用性测试 — 请身边的同事或朋友体验产品或某个功能，观察他们的操作行为。

④ 竞品分析 — 安装、使用相关产品，对比相似流程，分析它们的体验，通过他们的社区或应用商品评论等了解用户对这些产品的态度和满意度。

⑤ 卡片分类法 — 请身边同事或朋友参与分类。

4. 经验不足

由于经验有限，此次改版侧重于解决设计上的不良问题，暂不深入考虑商业目标层面的内容。

虽然最初想法是由产品总监提出的，但按计划，后续的改版进程会由设计小组推动，所以此次改版依然可以看作是一次由下而上、由设计师主动发起需求的设计改版。但由于一些特殊原因，此次 4.0 改版最终并没有继续下去。

其中，体验升级这一部分也没有取得较好的成果。这里的原因可能有以下两点：

1. 缺乏有效的用户体验度量体系

如上文所说，我们现有资源和经验都有限，所以无法建立科学有效的指标来衡量设计效用、对体验升级的效果进行评估和跟踪。另外，也因此无法显性地证明体验升级的商业价值，无法上升到产品战略、企业战略层面。所以，最终还是陷入有心无力的困局。

2. 缺乏明确的时间规划

如上文所说，此次 4.0 改版仅作为支线任务，并未正式列入产品迭代计划，也没有明确的时间规划，所以在落地执行时，只能频繁让渡时间给其他优先级更高的需求，最终进度受限，始终无法合理推进。

作为体验改版的初次尝试，虽然最终没有取得比较好的成果，但我们也从中累积了一些经验，例如：不再局限在以往的视觉改版的思维里；根据实际情况运用、塑造基础的 UX 设计工具；明白了设计师只有理解商业理解产品战略、企业战略，才能发挥出更大的影响力等等。

我们无法保证每一次设计改版都是成功的，除了产品体验上的迭代完善，我们也需要不断地优化我们的工作方法和设计流程。

用户体验设计也没有永远完美的解决方案。它不是做判断题，而是持续不断的取舍迭代，是站在一定的立场，在一定的环境和场景中，综合审视包括用户体验、产品方向、商业利益、企业战略等等在内的各方条件，最终取得一个平衡、一个最佳的折中方案。

免责声明：本文版权归原作者所有，文章系作者个人观点不代表蜗牛派立场，如若转载请联系原作者；本站仅提供信息存储空间服务，内容仅为传递更多信息之目的，如涉及作品内容、版权等其它问题都请联系kefu@woniupai.net反馈！

任何熟悉设计领域最佳实践的人都知道，为用户体验开发投入时间和资源是多么重要！人们在使用界面时的感受，对他们采取的行动和形成的观点有着重要的影响，这当然也会影响到转化率、利润和整体业务的成功。

但是，科技初创公司往往是在程序员的推动下，从无到有地冒出来的，这些程序员可能不太了解前端打磨的重要性。这就是为什么你的用户体验设计会让用户困惑、愤怒，并被提出更多的问题。

虽然有无数合理的用户体验规则你可以参考，我还是挑选出了6条我认为最重要的规则，让科技初创公司在开发过程中(甚至在开发之前)尽早认识到。

规则1：放弃浮华的设计

你的后端技术理念可能是完全革命性的，但这并不意味着你提出的任何设计都能自动地符合目标。当涉及到用户体验时，真正重要的是用户的意见，他们通常不会给浮华的外观设计留下太多空间。

我认为放弃浮华的设计是创业公司应该接受的第一条规则，因为这是一件很难的事情。我们都习惯性认为自己是最了解的，即使是在我们的专业领域里略显陌生的话题上。但毕竟，用户体验仍是软件开发的一部分。

当设计没有被完全实现时，也不要试图推倒重来，除非你有一个令人信服的理由。坚持现有的用户体验标准，给用户一些可识别的东西，而不是创新的东西(熟悉胜过新奇)。创意是有趣的，可能会让你有成就感，但如果它不能打动用户，它就不能成为用户体验设计的一部分。

规则2：用户心理为王

营销人员喜欢说内容为王，但并非如此，应该是用户心理为王！内容只是影响它的一种方式，而用户体验是另一种方式。事实上，顶级的用户体验设计师都是心理学大师，他们会仔细研究用户如何以及为什么会采取特定的行动。

在心理学方面，初创公司很容易陷入一成不变的状态，想象单一类型的最终用户，并被他们的观点困住。其实用户群体要比这复杂得多，他们千变万化。你不能把它们都解释清楚，但是你可以做大量的研究，得出涵盖大部分目标受众的一般人物角色。

如果人物角色1有很多可支配收入，但是角色2没有，而它们对你的设计都很重要，那么你需要找到一种方法来兼顾两者，而不是只关注其中一种。否则，你最终会得到一个看似“完美”的用户体验，但实际它会忽略相当多访问者的感受。

规则3：保持简单

最好的用户体验是精简的，它为用户带来速度和效率。你可能认为精简只是意味着压缩图像，使用清晰的语言，避免不必要的数据输入，那就错了！其实还是有更多的工作可以做。即使你认为已经把设计剥离到了最底层，也有可能删除出更多东西。

当你设计一个用户体验原型时，你应该仔细观察每一个元素，原型中的图片、CTA、段落、按钮或样式等。然后问自己“这真的有必要吗？” 如果去掉它，用户是否会失去什么重要的东西？他们是否会发现很难实现自己的目标？会不会对这个完整不那么喜欢了？如果一个元素不能证明它的存在，那么就废弃它！

简单的设计更容易演示、理解、运行和维护。如果你发现用户有需求的话，你可以随时再补充一些东西进去。

规则4：保持一致性

因为设计元素的变化和上下文线索的不明确，有些布局可能会非常混乱。混乱会导致用户疑惑和愤怒，把用户赶走。这就是为什么用户体验设计需要保持一致是至关重要的。

这又回溯到了规则1，无缘无故地玩基本结构是不明智的。想想基本的视觉元素，比如图标。当它们被正确地使用时，我们并没有太在意它们，但当它们被不恰当地使用时，它们就会引人注目。

只要看看像Shopify这样的标准网站设计者的主题，你就能清楚地知道在一个布局中什么可以玩，什么不可以玩。改变颜色?没问题。更改字体?也可以。改变图标还是基本导航?这不是个好主意。稍有差错，用户用户体验就会明显下降，而他们甚至不知道发生了什么。

规则5：永远不要停止迭代

你不可能一下子就创建出最终的用户体验设计。这需要时间来完成所有的阶段——提出想法，建立原型，测试原型——但即使这样你也还没有完成产品，肯定会漏掉一些东西。如果你想让产品尽可能的好，需要不断重复这个过程进行迭代。

如果有人问“我们不是已经搞清楚用户体验了吗?” 他们一直没有注意到这一点，最有价值的信息和反馈往往在后期才会出现。从长远来看，足够好并不意味着真的足够好。

所以在设计初期不要把精力放在“让事情变得完美”上，这是在浪费时间和精力。只要尝试你的想法，坚持那些可行的想法，始终如一地把事情做得更好，最终就会达到想要的目标。

规则6：使用真正的文案

在用户体验设计中的某个阶段，有人认为创建布局并在其中填充占位文本是一个不错的选择。但事实并非如此，你越早摆脱使用空文本的习惯，对你的产品就会越好。

文案是用户体验的核心组件，它引导人们从某些区域去其他区域，并对如何感知界面的其余部分产生连锁反应。如果你把它留到最后再展示，你不仅会错过这种效果而且还会错过许多让真正的文本接受测试的机会。

毫无疑问：迭代文本与迭代任何其他UX元素一样重要。尽可能早地在你的用户体验设计中添加一些有意义的文本，从分类名称到语调，开始在用户那里获得有价值的反馈。这对你们最终产品的质量有很大的影响！

后记

对于一个专注于功能和规模的技术初创企业来说，用户体验似乎是一个遥远的问题，但针对任何类型的软件，用户体验都是不可忽略的一项需求。

尽早将这6条规则融入到你的脑海中，你就可以更轻松地设计出传达价值和让用户满意的设计！

免责声明：本文版权归原作者所有，文章系作者个人观点不代表蜗牛派立场，如若转载请联系原作者；本站仅提供信息存储空间服务，内容仅为传递更多信息之目的，如涉及作品内容、版权等其它问题都请联系kefu@woniupai.net反馈！

现代日常生活中可谓是无处不会员。点外卖要VIP，看综艺要VIP，购物要VIP，听歌要VIP，大大小小的产品几乎都构建了自己的会员体系。那么，会员体系应该怎样设计才能让用户健康而持续的留存下来，而不是反噬用户的体验呢？

01、会员体系的概念

会员体系可以说是商业模式设计到服务设计的场景交付。通过产品和服务，把用户和生态长期绑定的契约思维。通过权益返利、成长等级激励等设计策略和用户形成更多的联系，平台才有空间创造更多的触点，更频繁地触达用户，从而增加用户复购、分享、拉新的转化率，达到用户与平台双赢。

02、会员体系的价值

纵观目前各大电商平台，纷纷开启了付费会员模式。从亚马逊的Prime到阿里的88会员，再到京东Plus会员等等，这些电商平台的会员无疑都取得了不错的成绩。其中亚马逊付费会员更是成为目前世界上最成功的会员体系。

据外媒报道，截止2020年3月，亚马逊付费Prime会员数量增加至破纪录的1.18亿。其中，会员每年平均消费额约2500美元，大大超过了非Prime会员约600美元的平均消费额。

那么会员体系到底能发挥什么价值呢？

1. 增加用户黏性，提升用户留存，刺激活跃；
2. 增加用户消费转化率，实现双赢；
3. 抓住用户痛点，提高用户ARPU值；
4. 筛选忠实用户，锁定高价值用户，建立稳定关系；
5. 交叉*流，为相关产品赋能导流。

03、设计会员体系，应该考虑的几大要素

·建立价值对等，用户需要精准的权益

正所谓“利益是人类行动的一切动力”，没有好处的事情，用户是不会买单的。而会员享受的权益是否跟付出所均衡也正是用户的主要痛点。

会员体系中，权益是必不可少的。那么权益设定是越多越好吗？答案是不一定的。
对于用户来说，精准的权益才是至上的。会员体系要基于用户的生活场景来设定权益，而不是单纯考虑给用户返利这件事。权益的设计和用户的需求场景如果没有完全对上，都可以算作成本的浪费。

·设定合理的用户成长路径，做好精细化运营

有了明细化的成长路径，用户才愿意付出努力，去达到相应标准的消费或者活跃度。而每一步成长都应该设定相应的奖励提升，合理的奖励提升是用户能否持续成长的关键所在。一旦用户的会员等级越高，那么用户断续会员的可能性也就越低。

除此之外，划分用户层也能大大提升运营效率。通过用户的个人信息、行为路径、消费能力等多个维度来进行划分用户层。从而找到业务中真正的“超级用户”，做好精细化运营。

例如图中淘宝的88VIP，淘气值需要达到1000分以上才能用88元购入会员。然而淘气值会在一个季度内部分清空，用户需要保证在淘宝的持续消费行为，才能保证自己始终享受88元买VIP的奖励。这一设定的目的就是要做高净值用户留存。

·抢占用户心智场景，满足用户“利我主义”

当你要做一件特定事情时，会第一时间想起谁的会员服务呢？这就是接下来我要说的，用服务来闭环用户的需求场景，长时间的、可持续性的抢占用户的心智场景，打造核心卖点。

如果你的会员产品没有独占场景的话，那么失去用户因为场景打开你的可能性会大大增加。所以，场景规划的重要性绝不亚于权益的设定，好的场景规划可以用较低的成本让用户第一时间想起你的权益。

·注重用户付费的行为分析

对于付费会员而言，吸引他们做出购买行为就是极致的服务体验和高性价比。所以用户在平台的购物体验、对权益的认知等，都会成为影响用户行为的重要因素。

1.提升价值感知，降低用户思考成本；

在权益介绍中，大段的文字内容展示普遍具有较低的传播效率，利益数据化的方式或许是一个不错的方法，让用户直观的了解权益价值。

2.场景的高效触发，提升决策效率；

以亚马逊为例，在交易漏斗中，搜索结果页、商品详情页、订单提交页是极为关键的转化环节，其页面设计直接决定了用户体验和交易效率。

在列表页中，对享受会员权益的商品打上醒目的标记；

在用户专注度最高商品详情页中，采用了勾选的引导来吸引成为会员；

在订单确认页面，通过价格锚点凸显Prime会员。如果前面两个环节没有引导用户成为会员，没关系！这里正是交易漏斗最后的一个关键环节。

04、设计营造氛围，凸显会员身份价值

·差异化的设计强化品牌感

根据产品类型不同进行差异化设计，可以体现在以下几个方面：颜色、质感、字体、信息结构等。

颜色：颜色不限于黑金、黄金、蓝灰等等，颜色可呼应品牌色，拉开与同类竞品的差异；

质感：通过不同的底纹表现质感，比如流动的丝绸、尊贵的皇冠、不规则的曲线等来打造一种会员品质感。还能通过一些投影和光晕的效果，丰富整个会员页的层次；

字体：通过设计品牌字体增加品牌识别度，强化品牌感知；

信息结构：卡片式设计在会员页中运用广泛，多采用大圆角设计，更具柔和感。将信息包裹在封闭的卡片内，使得信息层级更为明确。同时可以融入一些动效，最大化利用屏幕效率展示权益信息。

·设计氛围有利于增加用户动机

界面氛围在一定程度上可以助力用户动机提升。以图中两个平台的会员页面为例，在权益介绍时都采用优惠券平铺、对比等展示形式。另外整个页面通过统一界面配色、简洁的内容输出，打造出沉浸式的体验设计，减少了多余信息对用户的干扰，有助于增强用户对权益的价值认知。

·打造虚拟性成就感，提升情感归属

会员体系中，会员类型、等级积分和徽章等，是会员信息里最能让用户清晰感知到的。通过一些虚拟的成就感设计能够让用户产生“圈层感”。

以会员徽章为例，徽章具有稀缺性和荣誉感，能够让用户感受到他比起非会员用户更加高级，从而增加用户对于品牌的信任感和认同感。那么对于设计师来说，徽章的设计也需要具备更强的辨识度，加入一些品牌基因让用户有“圈内人”的价值感。

05、结语

一个好的会员体系，应该从产品、运营、品牌、传播、商业、设计等角度进行思考。成功的会员体系是不可完全照搬模仿的，更应该清楚自己公司所处的行业、发展阶段、商业模式，选用最适合自己的会员模式。从用户思维出发，结合自身的资源优势，打造出极致的产品与服务，为企业带来更大的收益。

免责声明：本文版权归原作者所有，文章系作者个人观点不代表蜗牛派立场，如若转载请联系原作者；本站仅提供信息存储空间服务，内容仅为传递更多信息之目的，如涉及作品内容、版权等其它问题都请联系kefu@woniupai.net反馈！

小小的手机屏幕，方寸指尖之间却有着大世界。本文作者介绍了设计思路中的空间模型，进行了实例剖析，并且交代了空间价值模型使用时的一些注意事项。

前言

刚入职时，有本书叫《方寸指尖》对我影响比较大，主要讲述如何做好用户体验设计。机缘巧合，

在互联网领域也待了四年有余，对于指尖的思考也在不断升华。不仅要保证用户的的核心诉求，也要满足业务的目标。在这样的方寸之间，做了一些有趣的事儿，今天拿出来和大家一起分享。

今天的分享不纯粹是设计方法的探讨，更多是一种产品设计思路的总结——总结笔者参与的产品改版心得，提炼了一些可以通用的设计思路，借着这个机会和大家一起探讨。

1. 空间价值模型

今天要引入的一个模型叫空间价值模型，在介绍此模型前，我需要引入一个基础模型作为其牵引，再抽象出空间价值模型。

模型最大的特点在于在实际应用中不断的去修正，使他具备普适性。

今天我要给大家介绍的基础模型，其实大家都很熟悉，就是设计上常用的“双钻模型”：它由The British Design Council提出，是一种设计师所使用的思考模式。

1.1 双钻模型

双钻模型主要分为4个阶段，主要是发现期、定义期、发展期及交付期。

前两个阶段我们可以把它定义成做正确的事情，也就是在找准做设计的方向；第二个阶段就是把事情做正确，就是要把设计落实到点子上，避免偏差。

接下来我给大家详细介绍下每个阶段要做的事情：

▲ 双钻模型（点击查看大图）

1.1.1 发现期

此步是发散型的思考，探索和研究问题的本质原因，相当于寻根问底，也就是我们常说的：为什么要做这个需求。

在我们接到一个需求时，要抱有一颗质疑的态度，对需求质疑、对商业模式质疑、对用户质疑，质疑一切不合理的事情。然后去列举用户可能遇到的真实场景元素：比如地点、时间、人物、故事，梳理整个设计流程和节点。

针对问题再去进行研究，例如前期的用户访谈、问卷调查、竞品分析、行业分析、现状数据摸底等等，最终得到一系列的研究结果。

此时的手段有竞品研究、数据分析、用户调研等等，这也是我们做设计的第一步，需求拆解和设计分析。

1.1.2 定义期

此步是将第1步发散的问题进行思考和总结，把问题集中起来解决。毕竟太过于发散的问题不利于事情的推进。

基于前面的分析，我们需要将第一阶段发散的观点进行收缩，合并一些设计问题和发现，关注最核心的问题，形成相应的结论。

再把之前的行业分析、竞品分析以及存在的问题一起比较，发现可能存在的机会突破点，并不断去探索我们还可以做的事，寻找设计价值机会点。

1.1.3 发展期

也就是所谓的方案构思期，此步是真正开展设计创意了，在我们日常的设计过程中也称之为设计预研。

这个阶段我们要把问题具体化，我们可以参考流行的设计趋势、好的设计网站或者好的设计效果，构思自己的设计应该如何做。如果构思的过程产生了很多的想法方案，那么我们应该先评估一下可行性。经过评估之后，最终选择了2-3种ideas。

这是一个发散、迭代的过程，细节和方案仍然会不断推翻和重构，但是要找出正确方案的方向，这一步是最核心的。

1.1.4 交付期

此步就是我们将预研的多套方案进行了具体化，找到了一个可以深化的方案。

这一阶段将之前的方案进行开发制作、测试、迭代（build、test、iterate），重复3次以上。即可以简单理解为设计方案的评审（主要是自己把关、需求方把关、其他相关方把关），反复迭代设计方案。

淘汰中间不合理的想法和设计，最终保留精华设计。

到这一步为止，设计的分析、预研、方案制作、测试已基本结束了，接下来就是把我们确认的方案推向用户，回收后续反馈即可。

▲ 结构化双钻模型

双钻石模型是一种结构化的设计方法，我们抽象来看的话，主要解决设计过程里四个时期的挑战：

1. 发现期/研究阶段——主要是对问题的洞察，需要更多的讨论和发散；
2. 定义期/总结阶段——主要是聚焦问题点；
3. 发展期/概念设计阶段——主要是发散一些可能的解决方案；
4. 交付期/实现阶段——确定可行的解决方案。

到目前位置设计双钻模型也就全部理清了，概括来讲就是从前期的问题洞察，再到问题的聚焦，紧接着到概念设计，再到最后的设计实现。

这四个阶段不是孤立存在的，而是彼此间都是有联系的。前面的阶段为后续的研究做铺垫，后续的研究结论也能更好的验证前面的发现，关系链如图上图（结构化双钻模型）所示。

1.2 双钻模型的价值

▲ 双钻模型的价值

双钻模型的价值主要有3点：

1.2.1 对思考过程做拆解，让思考更具有逻辑性

双钻模型将不可见的思考过程分为2个核心部分：确定正确的问题，发现最合适的解决方案。

在日常工作中，大家可能会经常遇到在没有剥离出“问题是什么”时，就立马对解决方案进行构思或激烈讨论，耗费团队精力和时间，双钻模型很好规避了这一点。

1.2.2 重新重视问题是什么

第一个钻石模型，我们着重解决的是找到正确的问题是什么。通过第一个钻石的提出，原本易被忽略的问题环节会重新受到团队成员重视，避免设计方案发生方向性偏离。

1.2.3 设计思考过程可见

通过双钻模型设定的思考框架，原本“黑盒”的思考过程被逐渐呈现出来，增加团队成员对设计方案演绎过程的理解度，提高合作认可度和协作效率。

通过以上三方面的分析，我们也就能理解为啥双钻模型在设计行业内被如此推崇。

1.3 双钻模型运用中问题及优化路径探索

▲ 双钻模型实际运用中的问题（点击查看大图）

但在双钻模型实际运用中，发现了一些问题，大家可以观察到在最后交付环节，需要经过至少3次的迭代、测试和开发，而且最终的定案也无法证明结果就是好的.

在整个的迭代过程中，我们可能不知道要去优化什么。可能觉得方案已经是最完美的了，也有可能觉得方案一直是不行的，会在这一环节陷入死循环，最终导致整个项目周期拉的很长。

▲ 双钻模型实际运用中的问题解决探索

在开发和实现阶段是最不愿意出现问题的，这可能会使我们前面做的工作功亏一篑。

那我们是不是可以把这些不确定的因素置前考虑呢？

在前期的分析中，就去解决这个阶段出现的一些风险问题。因此，我们尝试性的探索，是不是应该在前面的方案发散环节中新增预测和推演的环节，用以降低后续交付环节的风险。

预测和推演主要是针对已输出的几套概念方案进行推测，通过一些可以量化的数据来推演这些概念方案是可以落地的，这样可以预知概念方案的结果，减少方案变更和修改的次数，提升整体的设计效率。

同时整个概念方案的预测和推演也来依赖于前期的设计分析，找准具体的推演方向是这个模型最大的难点。

▲ 双钻模型优化方案

具体的预测和推演过程，我们可以拆解到具体的行为角度，主要分为方案构思到用户行为预测再到数据推演。其中方案构思和用户行为预测与之前分析的双钻模型中的行为是一致的，只是在做预测和推演时又拿出来应用。

刚才也说过，找准预测和推演的方向才是这个模型最大难点。那么推测的依据是什么，推演的来源都是什么呢？

▲ 奥卡姆剃刀法则

回到我们本次分享的主题是研究空间价值对设计有什么启示和帮助，根据百度百科对于空间的定义：空间是与实践相对的一种物质客观存在形式，两者密不可分。

我们再具体点来描述空间，它就是一种具备长度、宽度、高度、大小的存在形式，物与物的位置差异度量称之为“空间”。大家还可以假想空间由不同的线组成，线组成不同形状，线内便是空间；这个空间可以是平面的，也可以是立体的。

空间有一个典型的特质就是具备相对性，正因为有了相对性，空间才可被衡量。长度和宽度构成了屏幕空间，而有效的空间才能产生相应的价值。

对于有效空间的定义，我们可以借用奥卡姆剃刀法则，“如无必要，勿增实体”，也就是如果没有作用，则不需要继续增加和保留。

1.4 空间价值模型

▲ 空间价值模型

根据空间价值的推导过程，我们为设计方案的预测和推演找到了一个方向：就是在以空间价值为导向的产品设计中，我们在预测和推演时，主要依据就是要利用有效空间，释放无效空间，将有价值的模块置于用户感知范围内，而隐藏或去掉不重要的功能，在一定空间内发挥最大的价值。

朝着这个方向我们去设计和预测我们的落地方案，如果预测结果OK则可继续进行，如果预测结果不理想，那就得重新思考设计方案，直到合格为止。

可能听到这，有很多同学又会有疑惑，这个数据推演怎么做？

这个会在后续的案例中给大家去讲，因为每个产品关注的核心指标不一样，所以这块只能提一个概念，具体的推演过程还需要在各自的项目中去制定。

▲ 空间价值模型应用场景

以空间价值为导向的双钻模型有其一定的应用场景，首先是能识别到在这屏幕空间内是有价值的，在此产品阶段是需要通过追求屏效来达成一定的业务目标（此点尤其重要）；另外就是在利用空间方面，有高价值的内容可以填充。

总结的这三个方面我觉得是不够精确和通用的，只是在我负责的产品，在它的生命周期内是这样的。所以大家在思考各自的产品设计时，可以基于不同要求、阶段去思考对应的场景。

2. 空间价值模型实例剖析

2.1 vivo浏览器首页改版

2.1.1 首页分析

vivo浏览器是一款如今有8500万+日活的产品（数据截止到2019年8月），当时改版时日活也已达到7000万。

在讲这个案例时，还是给大家先介绍一下浏览器首页的基本情况，便于大家有全面的了解。

浏览器的首页主要分为4个模块：

1. 头部模块：天气及搜索模块，主要是满足用户的一些基础需求，如查看天气情况、搜索关键词及网址等；
2. 第二模块：五大栏目，它主要是一些特色站点，如网址、视频、小说、美图等用户个性化诉求；
3. 第三个模块：名站区域，主要呈现一些热门的站点，如新浪、百度、携程等，便于用户快速触达，同时这些站点具备商业化售卖价值；
4. 第四部分则：信息流区域，主要包含了视频、热点、图文、广告等类型的内容，满足用户对于内容消费的需求，对于广告收入、时长、留存等都有很大的贡献。

▲ vivo浏览器首页各模块分析

在这一量级的产品上进行首页改版，风险性是极其大的，那接下来我们还是按照空间价值模型的基本方法进行一步步的拆解和分析。

2.1.2 发现问题

2.1.2.1 首页站点卖不动，点击数据下降，商业化价值不如之前

▲vivo浏览器首页站点模块点击数据（数据截止到2018年1月）

这么一量级的产品，为什么要去改版呢？我们还是首先回归到问题背景。

首先我们通过后台数据发现：

• 五大栏目模块的平均点击量⼤约为30万-80万/天；
• 名站点击量前两名的百度、新浪的点击数据大约为180万/天、120万/天左右；
• 第三名的车之家最⾼点击量只有前两名一半左右的数据，只有约70万/天；
• 而点击量最低的站点只有约15万/天的点击，站点点击呈递减规律，无效站点较多，商业化售卖产生了问题。

2.1.2.2 浏览器信息流流失用户占比30%左右，且有上升趋势

▲vivo浏览器信息流流失去向（点击查看大图）

其次是我们在长时间的用研及数据监测中发现，vivo浏览器信息流用户流失占比在30%左右，且有上升趋势，被一些头部应用吸取较多用户，信息流渗透率增长乏力。

2.1.2.3 首页框架多年未动，信息层级不清晰

▲主流浏览器首页对比

我们的首页框架和主流竞品存在差异，传统的五大栏目+名站的形式在逐渐被打破，信息流模块的设计越来越重度，用户也亟需新的产品形态以唤起对产品的兴趣。

2.1.3 聚焦问题

▲vivo浏览器首页问题聚焦

我们将浏览器首页的问题聚焦出来就是：名站模块点击数据低，商业化价值低；信息流模块点击低，用户不买单，首页产品形态缺乏竞争力。

2.1.4 剖析问题

我们再进一步剖析目前所遇到的问题：名站处于整个页面核心位置，却没有达到应有的价值；用户点击少，且运营成本较高，效果弱。

信息流作为提升用户留存和时长的重大法宝，但在首页得不到足够的曝光，潜在价值得不到发挥，具体体现在首屏信息及商业化广告的触达路径较长。

而样式作为产品形态的面子工程，影响用户的使用体验。但在首页这样一个超流量页面却没有精细化设计，部分模块的产品定位与用户定位有推介，产品结构不清晰。

2.1.5 首页价值

▲vivo浏览器首页价值排序

按照商业利益及用户体验，我们可以将各个模块进行价值划分：其中名站及信息流模块作为浏览器的特色功能，且承担相应商业化收入，其价值较高；而五大栏目模块，作为浏览器基础功能，其商业价值较低；由于搜索模块模块作为浏览器核心功能，其价值要比五大栏目稍高，且有搜索的商业化变现方式。

其相应的价值排序如图所示。

2.1.6 设计机会点

按照空间价值模型的相关理论：“若无必要，勿增实体”，释放无效空间，增加有价值内容的曝光。

按照目前价值优先级，名站目前综合价值较低，而信息流作为后起之秀，有较大的商业及用户价值。

我们挖掘出来的设计机会点，则是释放名站，提升信息流曝光。而什么样的产品形态作为设计机会点的承载，也是设计可以重点研究的方向。

▲vivo浏览器首页设计机会点

2.1.7 设计研究

▲竞品分析截图

紧接着，在产品形态及信息流研究上：我们重点分析了高价值的信息流模块的设计，摘取了各家资讯APP及浏览器；研究各家在信息流产品形态、布局、空间、设计上的异同点，为vivo浏览器首页信息流的设计提供更多有力参考。

我们从信息流的标题、字号、间距、配图、视频、辅助信息等角度入手，发现了本品与竞品的较多差距：

最后得出相应的结论：各家在处理信息流模块时，整体的设计注重内容聚焦，主要体现在页面排版及各个元素的布局，使得单屏曝光信息流条数更多；其次是注重外显内容，优化标签及标识设计，传递给用户信息流的类型，强化感知。

最后是各家都在强调平台与用户的互动，如负反馈、评论、点赞等，极大满足用户对于内容产品的情感发泄。

对于首页站点的设计，我们缩减目前三行站点的设计，将5大栏目和站点进行合并打乱。主要原因也是5大栏目和站点对于用户的使用心智来讲，也是一样的功效，没有必要进行业务属性的划分。

因此在设计上，我们尝试将目前的三行方案改为单行及双行方案，除保留几个高点击的站点外，其余站点按照浏览器后台用户标签，给用户进行个性化推荐。

▲首页站点探索方案

2.1.8 设计预研

2.1.8.1 单行站点方案

2.1.8.2 双行站点方案

这么多的变量，我们无法直接评判那种方案的改版效果更好，甚至我们也无法直接推断出改版后的两套方案会比线上方案好。

因此我们接下来进行了本项目最重要的一个环节，就是效果评估，通过不同的预研方案来预测改版效果，从而为最终的设计方案做决策。

2.1.9 数据预测

2.1.9.1 信息流改版预测

首先我们是在目前算法条件下，针对不同位置出现不同样式的信息流进行了数据摸底，具体方式就是看信息流前三位置出现不同资讯的概率（因为改版前首页最多漏出3资讯），并且统计出目前信息流用户的占比。

在对比改版方案与线上方案时，计算8种组合条件下，多漏出的文章的出现概率，从而计算改文章的点击率，最终求和计算出整体首页的转化率变化。

最终在数据同学的帮助下，改版后首页的转化率提升可达到9.5%。

信息流曝光规则：单条信息流item曝光超过2/3即为曝光。

▲点击查看大图

根据数据同学的预测，在目前改版方案的情况下，月提升收益约490w。

由于双行与单行改版方案目前信息流增加展示空间相差无几，故本次预估数据提升经过数据挖掘基本一致。基于改版后首页各资讯内容类型展示组合下，增加资讯条数曝光得到的首页外露综合点击率提升，由此进行收益提升估算。

由于该数值仅代表首页点击增加后的收入提升，未包含后续信息流模块中的延伸使用情况带来的收益，故实际提升大于490w。

2.1.9.2 站点改版预测

改版后站点位位置的损失：当全量执行单行方案时，预计站点收入每月将下降1000w左右；当全量执行双行方案时，预计站点收入每月将下降200w~250w；

改版后信息流广告曝光用户占比的提升：线上方案目前信息流广告曝光用户占比为25.5%。

经过数据预估后：

• 单行方案：比例需要提升至30.28%则可以保证浏览器整体收益的提升；
• 双行方案：比例需要提升至26.97%则可以保证浏览器整体收益的提升。

2.1.9.3 用户侧数据摸底

2018年1月月活中，主动启动用户为1.3亿。其中，有37.21%的用户在一月有过名站及五大栏目区域的使用，首页改版主要会影响这部分用户。

名站五大栏目用户里，有51%的用户对站点类目丰富度需求较强。除TOP6站点外，对其他类目产品存在一定的使用需求，一行站点方案对这批用户（总用户的18%）可能存在较大影响。

1月有过信息流模块划入，点击的用户数量为1亿，占总用户比例76.96%，用户比例远高于导航部分。

基于以上的数据可以得出：

1. 对于首页改版后，保守预估，信息流模块价值提升将超过493w，完全可以控制住双行方案的站点损失，同时带来明显提升；
2. 有超过6成的活跃用户是非名站&五大栏目用户，接近25%的用户是集中于头部站点使用以及这部分用户对于首页导航模块是无价值的群体，首页站点位的缩减对于他们是无影响的；
3. 在月活跃用户中，有约18%的用户对于站点的使用相对重度，对于站点丰富行要求较高，首页站点位的大幅度缩减对于这部分用户的影响较大，同时会造成较大的站点商业化损失；
4. 可见大部分活跃用户对于首页站点位是无需求的，同时信息流用户占到总用户比例76.96%，用户对于信息流模块使用意愿明显高于导航模块。

故基于以上结论，可以得出，以首页双行站点形式进行本次改版调整，相对合适。

原因：

1. 站点收入相比单行方案风险小，不会造成整体收入大幅下降的风险；
2. 双行站点方案的信息流收益提升预估，远高于带来的损失，可以保证整体收益的全面提升，而单行方案基于目前的数据整体提升效果不如双行方案。

最终方案及上线效果：

信息流用户新闻阅读时长上涨10.66%，信息流用户占比上涨2.29%，人均新闻点击次数上涨4.24%，人均信息流使用时长上涨5.81%。

关于商业化营收数据，由于相关保密性，不便透露。

但从广告平台那边得知，活跃用户的广告点击次数上涨16.14%，名站人均点击下降9.68%，基本和预期结果相符；整体浏览器的营收是上涨的，整体改版符合预期。

3. 空间价值模型使用注意事项

3.1 屏效比

一味的追求屏效比不是空间价值模型所倡导的。空间价值模型核心在于用高价值的内容填充低价值的模块，使得产品整体商业价值和用户价值得以提升。

3.2 注重用户体验

虽然空间价值模型只是用来指导设计师或产品经理做方案的产出，缺乏用户侧的体验监测，这要在后续的产品迭代过程中补齐，而不是放任不管。

3.3 非个性化

产品同质化越来越严重的今天，我们追求的不再是产品的表象，而是产品真真切切的内在。

比如：资讯类产品，它要给用户产出更精准的内容；金融类产品，它要给用户提供更安全和高收益的金融方案等。空间价值导向的产品设计不是解决个性化的问题，而是为用户挑选更有价值的模块，并优先展现。

3.4 关注生命周期

在不同的生命周期内，我们关注的重点也不一样，空间价值模型更适合在成长期或成熟期的产品使用，在此阶段有足够的精力和数据去佐证方案的可行性。

4. 写在最后的话

空间价值导向的产品设计，最核心的地方是找到了支撑设计方案的落地点——做预测和推演。空间使事物具有了变化性，即因为空间的存在，所以事物才可以发生变化，拥抱变化才能赢得变化。

方法不一定是通用的，也不是绝对的，条条大路通罗马，找到最合适的那条就行。

免责声明：本文版权归原作者所有，文章系作者个人观点不代表蜗牛派立场，如若转载请联系原作者；本站仅提供信息存储空间服务，内容仅为传递更多信息之目的，如涉及作品内容、版权等其它问题都请联系kefu@woniupai.net反馈！

竞品分析是设计过程中的必要组成部分，可帮助企业获得对市场的宝贵见解，确定其产品的优缺点，并制定有效的产品策略。那么，如何判断产品是否具有竞争优势？本文将介绍竞品分析的几种手段与方法，帮助初学者了解如何进行竞品分析以及在此过程中要使用的框架。

为什么要在用户体验设计中进行竞品分析？

在用户体验设计中进行竞品分析有助于公司识别竞争对手相对于其自身业务，产品和设计的优缺点。设计师通过竞品分析研究获得的数据可帮助您开发更好的产品和进行后续更有效的UX设计。竞品分析可以帮助企业：

• 评估产品或服务在市场上的位置
• 填补市场空白
• 了解产品的竞争优势和劣势
• 确定您产品的优缺点
• 为后续的设计迭代提供数据支持

什么时候应该进行竞品分析？

进行竞品分析应该是UX设计过程中最早的研究步骤之一。竞品分析应在进行新设计之前就开始，并在项目持续时间内进行，因为市场上随时会出现新的竞争产品，公司需要在整个设计流程中依据市场变化不断分析迭代产品。

UX竞品分析的步骤

要开始UX竞争分析，首先需要定义分析目标：

1.定义您的产品。为什么要进行竞争对手分析？希望实现什么目标？

2.制定直接和间接竞品清单。创建一个包含5到10个直接和间接竞争对手的表格。根据优先级将它们分类如下：

直接竞争：这些公司以相似的价格提供相同的产品和服务，以满足客户的需求。

间接竞争：这些公司在同一市场中提供可能满足相同需求的不同产品或服务。

3.创建产品功能的比较列表。这包括：

• 用户界面
• 图片
• 筛选选项
• 排序
• 加载时间
• 反应度

4.确定产品之间的差异。使用比较表确定您的产品与竞争对手产品之间的差异。

5.总结并提交结果。完成研究后，将您的分析结果提交给利益相关者，评估产品策略。在竞品分析报表中尝试使用视觉元素，使其更易于理解。

UX竞品分析框架

UX设计师应该熟悉不同的研究方法，以更好地制定其设计策略。以下是UX设计人员可以在竞品分析中使用的一些流行框架：

SWOT

SWOT是基于四个要素（优势，劣势，机会和威胁）的战略规划方法。 SWOT框架可帮助您评估影响产品或设计决策的内部（优势和劣势）和外部因素（机遇和威胁）。

SWOT通常用于战略规划中，以帮助确定潜在的竞争优势。这是UX竞争分析中的一种流行方法，因为它可以快速发现产品问题并确定行动方案。

SWOT分析是一种用于竞品分析的功能强大的工具，但确实有可能由于限于这四个类别的筛选而造成内容的简化。如果没有进一步的数据研究和分析，SWOT可能会影响分析的质量。

增长份额矩阵

增长份额矩阵，又称为BCG Matrix，是由波士顿咨询集团创建的，一种使用相对市场份额（uses relative market share）和行业增长率因子（industry growth rate factors）来评估业务组合和投资策略的业务工具。

波士顿矩阵认为一般决定产品结构的基本因素有两个：即市场引力与企业实力。市场引力包括整个市场的销售量（额）增长率、竞争对手强弱及利润高低等。其中最主要的是反映市场引力的综合指标——销售增长率，这是决定企业产品结构是否合理的外在因素。

企业实力包括市场占有率，技术、设备、资金利用能力等，其中市场占有率是决定企业产品结构的内在要素，它直接显示出企业竞争实力。销售增长率与市场占有率既相互影响，又互为条件：市场引力大，市场占有高，可以显示产品发展的良好前景，企业也具备相应的适应能力，实力较强；如果仅有市场引力大，而没有相应的高市场占有率，则说明企业尚无足够实力，则该种产品也无法顺利发展。相反，企业实力强，而市场引力小的产品也预示了该产品的市场前景不佳。

通过以上两个因素相互作用，会出现四种不同性质的产品类型，形成不同的产品发展前景：

• Stars/明星类产品：销售增长率和市场占有率“双高”的产品群
• Dogs/瘦狗类产品：销售增长率和市场占有率“双低”的产品群
• Question marks/问题类产品：销售增长率高、市场占有率低的产品群
• Cash cows/金牛类产品：销售增长率低、市场占有率高的产品群

这种竞争性分析框架有助于企业确定其产品组合。但是，这种竞争性分析很少提供有关如何评估所有品牌和细分市场的产品策略的信息。

五力分析

五力分析是一个框架，可以帮助企业根据五个要素来分析行业竞争力：买家，供应商，替代品，竞争性竞争和新进入者。根据Michael Porter的模型，这些是直接影响您的业务在行业中面临的竞争的关键因素。

该UX竞品分析工具有助于规划和衡量竞争；但是，它仅提供对企业有利或有害的外力清单，并假设市场结构相对静态。与SWOT类似，这种一维框架需要进一步分析以获得更深入的见解。

感知图

感知图是客户对您的产品相对于竞争对手的看法的直观表示。感知图是帮助公司评估客户对您和竞争对手的看法的有用工具。这可以帮助企业跟踪市场趋势，确定市场差距以及制定品牌和营销策略。

感知图通常是针对两个轴设置的，它们从低到高移动以评估某些因素，例如价格与性能，功能与价格或价格与质量：

感知图可以分析客户对产品的看法，例如质量与价格

感知图的缺点之一是只允许使用两个变量，因此无法考虑其他因素。这种方法将客户的购买决策简化为两个属性。数据也可能比其他方法更难获得分析和成本。

结论

作为用户体验设计师，在开始产品设计之前，必须进行透彻的研究并尽可能多地了解您的竞争对手。通过不同的框架研究竞争对手的情况，不仅可以改善您的设计决策，还可以帮助您提供更好的产品解决方案。通过使用用户体验竞品分析，您可以让品牌建立更加优异的客户价值。

免责声明：本文版权归原作者所有，文章系作者个人观点不代表蜗牛派立场，如若转载请联系原作者；本站仅提供信息存储空间服务，内容仅为传递更多信息之目的，如涉及作品内容、版权等其它问题都请联系kefu@woniupai.net反馈！

用户研究领域有着相当广泛的研究方法，这是件好事（没准也是件坏事）。如今的用户体验研究方法能够解决非常广泛的问题。我们将 20 种研究方法呈现在一个典型产品开发过程的三维图表中，方便大家更好的了解何时使用哪种用户研究方法。

用户体验领域具有广泛的研究方法。为了更好地理解何时使用哪种方法，本文从态度与行为、定性与定量、使用环境这三个维度进行分析，并将其中常见的用户研究方法汇总成清单以供大家参考。

20种用户研究方法/按3个维度分类

态度与行为维度

可以通过将“人们说什么”与“人们做什么”进行对比来总结这两种行为的区别，态度研究的目的通常是理解或衡量人们的既定信念，这就是为什么在市场部门大量使用态度研究的原因。

尽管大多数可用性研究应更多地依赖观察用户行为，但是使用用户自主反馈信息的方法对于设计人员仍然非常有用。例如，卡片分类（card sorting）可提供有关用户信息空间思维模型的见解，并可帮助您确定产品，应用程序或网站的最佳信息体系结构。调查(surveys)可以对用户的态度进行定量测量和分类，或者在设备端收集自我报告的数据，这些数据可以帮助跟踪或发现要解决的重要问题。出于各种原因，焦点小组(focus group)在可用性方面的用处往往较差，但可以从宏观角度了解人们在小组环境中对品牌或产品概念的看法。

另一方面，主要关注行为的方法旨在了解人们对所涉及的产品或服务的“行为”。例如，A / B测试将网站设计的更改呈现给网站访问者的随机样本，但尝试使其他所有内容保持不变，以查看不同网站设计选择对行为的影响，而眼动追踪(eye tracking)旨在了解用户的视觉效果与界面设计进行交互。

在这两种极端之间，存在着我们使用的两种最受欢迎的方法：可用性研究(usability studies)和现场研究(field studies),他们结合了自我报告的数据和行为数据。

定性与定量维度

本质上是定性的研究会基于直接观察来生成有关行为或态度的数据，而在定量研究中，所讨论的有关行为或态度的数据则是通过测量或诸如调查或调查等手段间接收集的。例如，在现场研究(field studies)和可用性研究(usability studies)中，研究人员直接观察人们如何使用（或不使用）技术来满足他们的需求。这使他们能够提出问题，探究行为，甚至可能调整研究方案以更好地实现其目标。数据分析通常不是数学上的。

相比之下，定量方法的见解通常是从数学分析中得出的，因为数据收集工具（例如，调查工具或网络服务器日志）会捕获大量数据。

由于差异的性质，定性方法更适合回答关于为什么或如何解决问题的问题，而定量方法则可以更好地回答问题的数量和类型。

从两个维度分析用户行为与态度

产品使用环境

第三个区别与研究参与者如何以及是否使用所涉及的产品或服务有关。这可以描述为：

• 自然使用产品
• 对产品使用情况进行脚本研究
• 混合式方法

在研究产品的自然使用时，目标是最大程度地减少研究的干扰，以便尽可能了解现实情况下的行为或态度。这样可以提高有效性，但对您学习的主题的控制较少。许多人种志领域研究（ethnographic field studies）试图做到这一点，尽管在观察上总是存在一些偏差。拦截调查和数据挖掘或其他分析技术是这种情况的定量示例。

对产品使用情况进行脚本研究，以便将视线集中在产品特定的使用方面，例如新设计的流程。脚本的程度可能会有所不同，具体取决于学习目标。例如，基准研究（benchmarking study）通常具有更加定量的特征，因此它可以产生可靠的可用性指标（usability metrics）。

混合方法使用创造性的产品使用形式来实现其目标。例如，参与式设计(participatory-design)方法允许用户与产品体验进行交互，以便讨论他们提出的解决方案如何更好地满足其需求。概念测试(concept-testing)方法对产品或服务进行粗略的近似，该产品或服务以其提供的内容为中心（而不是体验的细节），以了解用户是否需要此类产品或服务。

图表中的大多数方法可以参考同一维度进行变化的选择。例如，实地研究（field studies）可以专注于人们所说的话（ethnographic interviews）或他们所做的事（extended observation）；可取性研究(desirability studies)和卡片分类(card sorting)有定性和定量两种版本；眼动追踪可以是脚本化的也可以是非脚本化的。

产品开发阶段（时间维度）

在研究方法中进行选择时要考虑的另一个重要区别是产品开发阶段及其相关目标。

• 战略：在产品开发的开始阶段，您通常会考虑新的想法和未来的机会。此阶段的研究方法可能会有很大差异。
• 执行：当您过渡到不断改进所选设计方向的阶段时，您将达到“执行/不执行”的决策点。此阶段的研究主要是形成性的，可帮助您降低执行风险。
• 评估：在某个时候，该产品或服务将可供足够的用户使用，以便您可以开始衡量自己的状况。这本质上通常是汇总性的，可以针对产品本身的历史数据或针对其竞争对手进行评估。

下表总结了这些目标，并列出了与每个目标相关的典型研究方法和方法：

常见的用户体验研究方法汇总

可用性实验室研究（Usability-Lab Studies）：将参与者与研究人员一对一地带入实验室，给出一组场景并完成用户测试，该方法可以检测用户在特定环境下对产品的使用状态与反馈。

民族志田野研究（Ethnographic Field Studies）：研究人员在自然环境中会见并研究参与者，并让用户体验产品或服务。

参与式设计（Participatory Design）：为参与者提供设计元素或创意材料，以便参与者（例如员工，合作伙伴，客户，公民和最终用户）以一种具体的方式构建他们的理想体验。

焦点小组（Focus Groups）：由3至12名参与者组成的小组通过一组主题进行讨论，并通过讨论和练习提供口头和书面反馈。

访谈（Interviews）：研究人员与参与者进行一对一会面，以深入讨论参与者对所讨论主题的看法。

眼动追踪（Eyetracking）：眼动追踪装置通过红外检测的方式精确测量参与者在特定网站、应用程序、物理产品与环境之间的视线交互。

可用性基准测试（Usability Benchmarking）：使用精确和预定的性能度量标准，由几位参与者进行严谨的可用性研究。

适度的远程可用性研究（Moderated Remote Usability Studies）：使用屏幕共享软件和远程控制功能等工具远程进行可用性研究。

未经审核的远程小组研究（Unmoderated Remote Panel Studies）：参与者通过在自己的个人设备上安装视频记录和数据收集软件，同时记录自身使用行为使用，以供研究人员或公司进行数据分析。

概念测试（Concept Testing）：研究人员通过共享产品或服务的近似产品，以捕获用户对于新概念或产品的潜在价值主张，从而确定其是否满足目标受众的需求；它可以一对一地进行，也可以与更多的参与者进行面对面或在线进行。

日记/相机研究（Diary/Camera Studies）：参与者通过记录日记或使用相机进行影像记录，以记录和描述自身与产品或服务相关的每天活动，该类数据可以对分析用户需求起到重要作用。

客户反馈（Customer Feedback）：直观的用户反馈来自于产品网页收集的反馈链接，或电子邮件提供的开放式和/或封闭式信息。

期望性研究（Desirability Studies）：为参与者提供了不同的视觉设计替代方案，并期望将每种替代方案与从封闭列表中选择的一组属性相关联；这些研究可以是定性的也可以是定量的。

卡片分类（Card Sorting）：一种定量或定性的方法，要求用户将项目组织成组并为每个组分配类别。此方法通过暴露用户的思维模型来帮助创建或完善站点的信息体系结构。

点击流分析（Clickstream Analysis）：分析用户在使用站点或软件产品时点屏幕或页面的记录数据；它要求对该站点进行正确的检测，或者要求该应用程序启用遥测数据收集。

A / B测试：一种通过随机分配用户组以与不同的设计进行交互的形式来科学地测试这些不同设计对用户行为的影响。

真实意图研究（True-Intent Studies）：通过询问随机的站点访问者进入站点时其目标或意图，来衡量用户用户的态度。

拦截调查（Intercept Surveys）：在使用网站或应用程序期间触发的即时调查。

电子邮件调查（Email Surveys）：从电子邮件中招募参与者的调查。

免责声明：本文版权归原作者所有，文章系作者个人观点不代表蜗牛派立场，如若转载请联系原作者；本站仅提供信息存储空间服务，内容仅为传递更多信息之目的，如涉及作品内容、版权等其它问题都请联系kefu@woniupai.net反馈！

用户体验设计作为一个较新的行业，是以专业的眼光理解用户，体验用户心理，解析用户行为的一个行业。这项工作的最难点，也是最难以预测的地方，就是人。

在用户研究上，与用户友好深入的交谈并不是每次都能实现的。牢牢的与用户建立紧密的联系，并且在舒适愉悦的环境中获取用户的反馈才是最为真实和准确的。

正如心理学所形容的那样，人的肢体动作和面部表情能透露出来的内容远比语言带来的多。对于用户各个方面的状态能够有敏锐的捕捉，是一个优秀设计师的必备技巧，也是设计师在产品的各个阶段能够客观的得到问题，并且改善用户研究的方法之一。

第一、用户沟通技巧

谁都能说话，但并不是谁都会说话，做自己的时候可以随心所欲，但当你作为一个用户体验设计师的时候，掌握良好的沟通技巧能够让用户更容易接纳你并且愿意对你敞开心扉。

这不是一件容易的事情，当你们陷入尴尬的沉默期，如何打开话题并且能够兼顾到每个人的舒适底线，使用户不会感到冷落，是UXer的基本功。

沟通是一门艺术，可以有效地填补沉默的空隙。不需要害怕在与用户的沟通中透露自己的经历等私人信息，如果这些信息能够给用户带来舒适，那让用户更加放松，那也是值得的。

第二、读懂肢体语言

肢体语言中有很多信号，这里面含有很多交流反馈中的下意识动作。这些无意识的动作反而是最有价值的行为。因为用户在接受采访的时候会比平常更加愿意积极的表现自己，这样能减少给自己的**评价，但是同时，也会带来更多的肢体动作。

我们在利用肢体动作的原理，主动的去制造一些动作，也会得到用户的反馈。比如在进行一些困难的访谈时，设计师也应该展现出更加开放和随和的姿势，然后观察受访的用户是否也慢慢的这样子做。如果用户也更加的开放姿势，是会带来较好的访谈结果，因为更加放松的生理姿势更能调动大脑参与到访谈中来，得到的意见也越有价值。

一些常见的肢体语言：

开放的双腿和双腿：您的思维方式对新想法持开放态度，这意味着您更加平易近人和乐于接受。

手臂和腿部闭合：处于防御状态且可能处于闭合状态。

伸出胳膊和腿：扩大您的个人空间或维护您的存在。

腿部定位：您的腿部希望指向要移动的方向。例如，如果您的双腿交叉并指向门口，那么表明你哪儿都不想去。

头部运动：抬头可能表明您正在发挥想象力，并且可能在欺骗。往下看可能表明正在思考，并且可能更真实。

第三、观察微表情

微表情是每个人都会有的，有时是自愿的，有时则不是。例如，当微笑时，自然的鱼尾纹会出现在您的眼睛周围。如果是真正的微笑，眼睛周围的那些肌肉会不由自主地收缩。了解不同种类的微表情并知道如何在正确使用它们会为设计师带来另一个优势。

当然，在采访的时候，每个人都会有不同的状态，或紧张，或随和。因为每个受访者的心理活动都会有所变化。这个时候，观察他们的微表情，你就可以决定是否跳过下一个问题或者随着一个问题进行深入的聊天，获取更多需要了解的深层次用户心理活动。

使用微表情的最好方法是将观察技巧与主动聆听技巧结合起来。你会看到将看到真实，谎言和保留的暗示，这些都能对你的继续提问有很大的帮助。

很多细微的表情都很有趣，在不同的环境下表情的切换速度可以很快。也就是我们所说的变脸很快。但是微表情中传递的信息是不会有错的，下面举例几个常见的表情：

惊喜：

睁大眼睛，下巴掉落。发生了某些出乎意料的事情，你应该尝试了解这是什么，为什么让他们感到惊讶以及他们的期望。

恐惧：

眼睛睁大，嘴巴几乎张开，正手起皱。他们可能会觉得自己犯了一个错误并且以某种方式失败了。你应该想知道他们为什么会这样，以及如何减轻这种感觉。

厌恶：

牙齿裸露，鼻子起皱，眼睛微闭。参与者说的话或所做的任何事情都与他们不同，他们会感到“被冒犯”。深入了解这种冒犯行为，并尝试了解他们为何会有这种感觉。

幸福：

灿烂的笑容，鱼尾纹环绕着眼睛，抬起了脸颊。显然，手头上的产品或主题使他们感觉良好。探究为什么他们对正在发生的事情感到如此高兴，并尝试探查此响应的触发因素。

鄙视：

局部假笑和眯眼。参与者不相信刚刚发生的事情或您刚才所说的一切。探讨这种不信任来自何处以及如何影响参与者。

那么下次进行用户研究时，试着闲聊一会，掌握一些沟通技巧以使参与者感到更自在。在整个研究过程中，积极观察肢体语言和微表情，能够让采访顺着你的目标进发。掌握这一点，就能获取有用的信息，改善自己制作的用户体验过程啦~

免责声明：本文版权归原作者所有，文章系作者个人观点不代表蜗牛派立场，如若转载请联系原作者；本站仅提供信息存储空间服务，内容仅为传递更多信息之目的，如涉及作品内容、版权等其它问题都请联系kefu@woniupai.net反馈！

今天小编给大家带来的文章是用户体验设计师在收集UI灵感中应注意的3件事，本篇文章从3个方面针对UI设计模式进行理解分析，通过全面了解各种可能性和它们的局限性，你可以做出更明智的设计决策，一起来看看吧！

在过去的生活中，我从事建筑师工作。作为一名学生，我会做非常困难和具有挑战性的事情，称为先例研究。

数字3D模型（茶壶）规范

什么是先例研究？

简而言之，先例研究是对现有设计范例的分析（在这种情况下，是对建筑的分析），用于为你自己的概念的有效性提供信息和证明。更具体地说，你的研究可能包括观察一个建筑的各个方面：

• 材料
• 结构
• 规模/体积
• 路径/循环
• 程序

那这与用户体验设计有什么关系？

其实这是有关系的，因为这种类型的研究在UX设计中也能找到（程度较轻）。我们把这个过程称为UI灵感寻找。正如你可以想象的那样，无论你是为文娱空间还是数字空间设计，在理解作品成品的所有维度上，这两个学科都有共同点。

一个非常标准的UI灵感板，没有显示出对其交互性或视觉设计模式进行分析思考的证据。

由于现有的流程迫使UX设计师以极快的速度工作。探索和分析设计元素的时间是有限的，其中的重点是从测试高级概念、失败中学习。然而，可以做的是，在我们的UI灵感发现中，反而把重点放在几个方面，引导我们取得高效、明智的结果。以下是我认为最重要的三个方面：

1. 手势

手势是经常被遗忘的一个层面。然而，鉴于我们所知道的移动应用技术的可能性，它是如此重要。所以在仔细考虑这方面的分析时，我们应该彻底考虑。

1.每一个UI组件的相关手势是什么？

2.用户可能选择与之交互的原因是什么？

让我们来看看一个非常简单的UI模式—卡片设计。乍一看，它似乎没有什么可解读的。然而，它还有更多的层次。

苹果新闻应用中发现的文章卡片组件。

当我们考虑与这个UI组件相关的手势时，我们可以将其分解为4个手势。它们分别是：

1.点击。

2.向右滑动。

3.向左滑动。

4.按住+向上/向下拖动。

Apple News文章卡中的手势（从左到右：点击，向右滑动，向左滑动）

在Apple新闻文章卡中找到更多手势（从左到右：点击，按住并向上/向下拖动）

为什么要分析这个问题？

从发展的角度来看，这第四种手势并不是优先考虑的。它是个不错的东西! 但是，它非常棒，如果你不知道它的存在，你就无法为它提供理由。比如说，如果我们认识到这些是用于大众常用的应用(苹果新闻)的模式，那么我们有理由认为它也可以在不同的环境中工作。这样一来，你就能在系统和用户之间创造出舒适的参与互动感–熟悉的、可预测的事情总是好的!

2. 状态

当我们考虑任何按钮、单元格、链接或任何交互元素时，UX设计师需要考虑状态。状态作为反馈，用于向用户传达系统在任何特定时刻正在做什么。根据元素、组件或模式的不同，会有不同的状态适用。

LinkedIn的Newsfeed卡片中的溢出菜单。

当用户点击右上角的溢出菜单图标时，会看到下面的一些或全部状态。先说明一下，这些状态只有在网页体验中才会变得可见。它们在原生移动应用体验中是不存在的。在这个分析中，我们可以看到这些状态是。

1.悬停状态

2.选定状态

3.初始/活动状态

4.加载状态

所有溢出菜单图标按钮状态

为什么要分析这个问题？

在任何时候，用户都需要知道系统正在与他们进行沟通，并让他们知道他们的行为/输入已经被记录下来。我们有多少人考虑过溢出菜单中的加载状态？很少。但通过详细分析设计模式，你可以了解到很多可能的东西。

3. 内容/媒体组合

当外出寻找探索适合借鉴的UI模式以获得灵感时，UX设计师往往不会只看它的1个版本–并不是它的所有变体都被彻底地考虑到。例如，当我们看Facebook Newsfeed时，我们会看到广泛的不同内容的变体。

Facebook Newsfeed帖子

构成此UI模式的各种元素的细分

1.纯文本

2.文字+图片

3.文字+图片(3张以上)

4.文字+图片（5张以上）

5.事件

6.共享

为什么要分析这个很重要？

并不是每个用户分享内容（文本、图片、一般的媒体）的方式都是一样的。作为用户体验设计师，我们需要知道一个UI模式能在多大程度上支持广泛的用例。对本案例中的post内容如何支持进行全面的分析，看看它的破绽在哪里，可以做些什么，这一点很重要。

对UI设计模式的理解，除了上面列举的3个方面，还有很多方面。通过全面了解各种可能性和它们的局限性，你可以做出更明智的设计决策。

原文地址：https://uxdesign.cc/3-things-ux-designers-should-pay-more-attention-to-in-ui-inspiration-finding-c0666789831b

免责声明：本文版权归原作者所有，文章系作者个人观点不代表蜗牛派立场，如若转载请联系原作者；本站仅提供信息存储空间服务，内容仅为传递更多信息之目的，如涉及作品内容、版权等其它问题都请联系kefu@woniupai.net反馈！

我刚从事用户体验工作时，总是苦于找不到合适的工具。我在网上搜寻，总也找不到全面的资料，只有一些零星的东西。在参加了多次讲座、研讨会并在这个行业工作很久之后，我总结了这份清单作为参考。这里有100个工具，我把它们划分进用户体验设计思维流程的不同阶段之中（这套流程由斯坦福大学设计学院开发）。我希望这也能对你有所帮助。

1、理解用户（Empathy）

要解决一个问题，首先你需要与亟待处理问题的受众群体产生共情。这是以用户为中心的设计方法中最关键的一步。

1.一对一访谈（One-on-one interviews）

了解用户对讨论主题的看法。访谈可以是结构化的、半结构化的或非结构化的。

2.情境访谈/调查（Contextual interview/inquiry）

一种半结构化的访谈，以捕捉用户在其工作环境中的表现，从而获取他们在谈中可能遗漏的信息。

3.人种学研究（Ethnographic research）

用于创建全新和不同的发现。就像情境访谈一样，但会存在一段较长的追踪期。

4.AEIOU五要素分析法（AEIOU）

用于将你的人种学研究划分为五个要素，即活动（activity）、环境（environment）、交互（interaction）、对象（object）和用户（users）。

5.焦点小组（Focus groups）

从多样的人口统计学样本中获取用户观点。

6.问卷调查（Surveys）

快速收集大量的统计数据。谷歌forms和survey monkey是两个很好的工具。

7.可用性测试（Usability testing）

通过邀请用户测试已有方案来了解其中的问题。

8.5whys分析法（The 5 whys）

你先问一个问题，然后连续问5个“为什么”，以找到用户行为的根本原因。

9.卡片分类法（Card sorting）

了解用户的心智模型并构建出信息架构。

10.日记研究法/日志法（Diary Study）

情境访谈只适合观察1个小时左右，为了捕捉到用户生活的更多方面，我们可以使用日记/录像研究。

11.体力激荡法（Body storming）

通过扮演用户的真实行为（动起来）来感同身受，进而获取用户同理心，而不仅仅是将问题理论化。这个方法在很难接触到用户的情况下很有用。

12.人机工程学分析法（Ergonomic analysis）

在重新设计一个实体产品时提出改进建议或给出可参考的人机工程学标准。

2. 定义问题（Define）

用于分析上一步收集的数据，并描述用户的痛点。

1.旅程地图（Journey map）

获取一个用于观察特定场景中特定用户的全景视角，以便不同的团队可以深入查阅并改进旅程中的各个部分。

2.体验地图（Experience map）

总结与产品相关的全部体验，以了解普通人的行为。

3.同理心地图（Empathy map）

获取用户在整个体验中的感受、情感、想法。

4.情境模型（Contextual models）

在进行情境调查后，你可以将你的发现分解为实体环境模型（physical model）、序列模型（sequence）、文化模型（cultural model）和人工制品模型（artifact model）。

5.典型用户/用户原型（Archetype）

一个群体的典型代表，以便了解他们的目的、动机、目标和行为。

6.用户角色（User persona）

用户原型的特定实例，具有其他限定条件、兴趣和个性特征。

7.文献综述（Literature review）

研究历史文献或研究，以找出哪些方法有效，哪些无效。

8.KANO模型分析（Kano analysis）

找出对用户最重要的产品功能，划分优先级

9.问题阐述（Problem statement）

通过询问“____ 需要 ____ 因为____”来重构问题以映射用户目标。

10.5W方法

何人（Who）、何事（What）、何地（Where）、何时（When）以及何因（Why）。问题阐述的详细版本。

11.亲和图法（Affinity diagram）

整理你混乱的数据并理解其中的关联，以获得更深层的见解。

12.启发式任务分析（Heuristic task analysis）

将主任务分解为子任务以评估完成效率。

3、形成概念（Ideate）

确定问题之后，需要考虑创新的想法以解决问题。

1.竞品分析（Competitive analysis）

甄别哪些解决方案是有效的并且哪些是你的竞争对手还没有做的。

2.故事板（Storyboard）

直观地说明你的想法将如何解决问题。

3.头脑风暴（Brainstorm）

在彼此的想法上形成尽可能多的解决方案。

4.个人脑暴法（Braindump）或并行设计（parallel design）

类似头脑风暴，但它需要让参与者独立完成，从而给团队中的每个人一个机会。

5.落笔脑暴法（Brainwrite）

一种个人和团体活动的结合，让无经验的、内向的、害羞的或资历较浅的人发挥优势。对每一种可能性都进行开放讨论。

6.漫步脑暴法（Brainwalk）

一项有趣的活动，可以提升团队参与度并保持团队活力。

7.最差创意法（Worst possible idea）

这是一种让成员放松下来并激发创意的方法 ，即使是最愚蠢的想法也不用在意被如何评价。

8.质疑假设（Challenge assumptions）

后退一步并思考阻碍我们前进的制约因素。

9.草图风暴法（Sketchstorm）

用草图代替文字，可以带来更多的创意。

10.人群风暴法（Crowdstorm）

通过社交媒体、焦点小组、问卷调查等方法引入真实用户来产生或评估你的想法。

11.思维导图（Mind map）

围绕一个问题创建一个结构化的思维网。

12.SCAMPER法（SCAMPER）

一种纸牌游戏，可以为我们的想法指明方向，预防什么都想不出来的情况。（译者注：SCAMPER是指这7个单词的缩写 (S) substitute, (C) combine, (A) adapt, (M) modify, (P) put to another use, (E) eliminate and (R) reverse）

13.类比研究（Analogous study）

从其他不相关的主题中获取灵感。通常在你找不到任何竞品时使用。

14.游戏风暴（Gamestorming）

将过程游戏化以提高参与度、协作度和活力。封面故事法（Cover story）和鱼缸法（fishbowl）就是这样的方法。更多信息可访问gamestorming.com。

15.“HMW”法（“How might we” questions）

问题阐述方法的下一步，它为你的概念设计设定了方向。

一旦你提出了各种各样的想法，就可以通过以下几种方法将这些想法的范围缩小:

1.投票（Voting）

团队成员投票选出最佳想法，每个人都有发言权。

2.四分法（Four category methods）（最理性、最愉悦、备受喜爱的、值得尝试的）把想法归入这四个类别，然后从中选出最好的。

3.Bingo游戏选择法（Bingo selection）­

根据概念的形式（实物原型、数字原型、体验原型） 进行拆分

4.How-Now-Wow 矩阵法（How-Now-Wow Matrix）

根据想法的普遍程度、创新程度以及实施起来的难易程度进行划分。

5.六顶思考帽（Six thinking hats）

六顶不同的帽子（白、红、黑、黄、绿、蓝）让你从六种不同的角度做出决定。选择最符合你需求的想法。

4、品牌构建（Branding ）

虽然这个步骤不是强制性的，但它可以确保你提出的概念在视觉上具有吸引力。

1.Namelix网站（namelix）

如果这是一个仿真项目，你可能需要一个名字。

2.风格指南（Style guide）

用于保持视觉设计的一致性。我经常使用的一些工具: Flaticon、谷歌字体（Google fonts）、Colorhunt、Adobe创意套件（Adobe creative suite）。

5、绘制原型（Prototype ）

制作一个便宜的、半成品性质的产品雏形，以测试你的想法在用户中的可行性。

1.用户流（User flow）

显示用户在产品中从A点到B点的移动情况。

2.站点地图（Sitemap）

以鸟瞰图方式显示应用程序中不同页面的层次结构。

3.信息架构（Information architecture）

一种根据用户的期望整理每个页面数据的方法。你可以将站点地图和信息架构合并到一个图表中。

4.低保真原型(low-fidelity prototype)

使用最少的资源进行即时的用户测试。例如，线框图（wireframes），纸质原型(paper prototype)。一些设计应用程序的软件：Balsamiq, Adobe comp, invision freehand等。

5.高保真原型（High fidelity prototype）

与最终产品外观非常相似，并以此来获得真实测试体验的原型。一些app原型设计的软件: Figma, Adobe XD, Webflow, Sketch, UX Pin, Invision studio。其中一些软件还支持设计基本的可交互式原型。

6.可交互原型（Interactive prototype）

高保真原型+大部分用户使用时会出现的动效。参考软件: Protopie, Principle。

6、测试阶段（Test ）

这个步骤可以用于测试原型，甚至是最终开发出来的成品。这是最关键的一步，它可以决定产品的成功或者失败。

1.发声思考法（Think aloud protocol）

记录用户在体验产品时思考/期待/寻找时的所说所想。

2.走廊测试（Hallway testing）

一种更便宜的可以请到不同参与者测试产品的方法。

3.眼动追踪（Eyetracking）

—可以显示出屏幕上哪些内容吸引用户注意力。

4.鼠标点击跟踪（Click tracking）

通过追踪鼠标点击了解用户操作、网站错误和优化点。

5.A/B测试（A/B Testing）

邀请用户测试原型2个不同版本的表现优劣。

6.网页分析（Web analytics）

分析有多少用户访问你的网站，用户来自何处，用户停留时长，等等。

7.SUS可用性量表（System usability scale）

一套简单测试用户满意度水平的10个问题量表。

8.可用性指标（Usability Metrics）

量化你从可用性测试中收集的数据。

9.启发式评估（Heuristic evaluation）

借助可用性10条准则确保用户对产品的掌控感。

即使你不能执行这些方法中的任何一个，也要找一些参试者，征求他们的反馈。

其他设计思维框架

我上面使用的框架来自于斯坦福大学设计学院，并在此基础上增加了品牌构建。

以下是其他一些有用的框架：

1.双钻模型（Double diamond）

2.谷歌的设计冲刺（Google design sprint）

3.IDEO的深潜法（Deep dive）

4.以人为本的设计（Human Centered Design）

5.LUMA系统（LUMA system）

6.共创工作坊（Co-creation workshops）

你可以从IDF网站了解更多相关信息。所有方法几乎都殊途同归，那就是更加深入地去了解用户。重要的一点是，这是一个非线性过程，意味着你可以在任何节点回溯到上一个阶段进行改进。

免责声明：本文版权归原作者所有，文章系作者个人观点不代表蜗牛派立场，如若转载请联系原作者；本站仅提供信息存储空间服务，内容仅为传递更多信息之目的，如涉及作品内容、版权等其它问题都请联系kefu@woniupai.net反馈！

弹窗的出现，原本只是为了提醒用户，却给他们留下了非常糟糕的用户体验。本文作者基于自身经验，对这个问题展开分析，对弹窗感兴趣的童鞋不要错过哦。

无论是采用模态弹窗还是非模态弹窗，大多数弹窗都在错误的时间出现，在关键任务中打断用户，使用蹩脚的语言，并导致用户迷失方向。

通过近数十年的用户研究，我们发现用户不喜欢弹出窗口和它出现的模式。

在最近的一次可用性研究中，我想起了这个真理。在试图完成一项任务时，一名参与者在连续遇到多个弹出窗口后，将手机扔向桌子另一边。失望之余，他放弃了自己的任务，并对该网站和企业留下了非常糟糕的印象。其他几位参与者用户也有类似的看法，尽管他们没有扔手机。

弹出窗口（也叫做覆盖窗口或悬浮窗口）是出现在页面内容顶部的窗口或对话框。可以根据两个维度进行分类：

1. 用户是否可以与页面的其它部分交互：

模态弹窗：在用户显示的弹窗内容完成交互之前，页面上的其他内容将被禁用。

非模态弹窗：当弹窗显示时，用户仍然可以与背景内容进行交互（例如，点击链接或点击按钮）。

2. 背景是否变暗：

如果背景内容变暗（通常为百分比的黑色，如：40%的不#000000），弹出窗口为灯箱弹出效果（Lightbox）。

当背景内容没有变暗时，没有特殊的名称。

尽管在许多情况下，灯箱弹出效果都是模态的，但也有一定的区别。 如下图所示：

从弹窗的结构来分析，模态弹窗会禁用所有背景内容（图中左），非模态弹窗会保留用户与背景内容进行交互的能力，而灯箱弹出效果会使背景内容变暗。

在几周的时间里，我收集并统计了我在网站和移动应用程序中遇到的每一个弹出窗口的截图：平均每周有25个弹出窗口，这远远超出了任何用户所应该忍受的极限（这也在一定程度上代表了现如今互联网的用户体验）。

这个数据，加上我的可用性研究，暴露出了大量的糟糕的实践尝试，并证明了弹出窗口的过度使用还远远没有结束。我们已经接近这样一个地步：网站太过于滥用这些元素，以至于出现问题的情况特别多，但是可以弹出窗口可以作为有效解决这些问题的情况极少极少。

在本文中，我将概述我观察到的问题并讨论要考虑的关键因素，以及能保留企业意图和用户体验的弹出窗口的实际替代解决方案。

一、弹出时间：在交互之前或关键任务期间不提示

问题1：在加载主页内容之前显示弹出窗口

不管使用什么变化形式，在用户从你的网站或应用程序中获取有价值的内容之前，切勿显示弹出窗口。在加载主页内容之前显示弹出窗口非常具有干扰性，因为它在用户进入页面之前就打断了他们正在进行的任务。

在用户的心理模型中，过早出现的弹窗通常是无用的，用户通常会忽略它们，或者立即寻找最快的方法关闭弹出窗口并返回当前任务。页面加载出来前就出现弹出窗口会让网站看起来很绝望，用户体验也会变得很糟糕。此外，由于谷歌会惩罚那些让用户觉得难以使用（尤其是移动设备上的）的网站，那些没有认识到这个真理的网站在搜索引擎中会存在排名靠后的风险。

解决方案：

谨慎使用弹出窗口，直到它与用户的前后操作紧密相关。

使用互惠原则：在询问访问者任何事情之前，先给他们一些选择，不管是请求电子邮件地址，或者是拒绝弹出窗口的操作。进行用户测试，确定您因前后操作环境而想要在弹窗中显示的内容，并找出显示该内容的最佳方式；在大多数情况下，弹窗并不是最好的选择。

当您的网站有法律义务要求用户同意接受使用cookie或验证其年龄时，唯一可接受的方案是在页面内容加载之前显示任何类型的弹出窗口（尽管我们希望欧盟和其他监管机构对GDPR和类似规则采取不那么烦人的解释）。

HuffPost在加载主页内容之前向用户显示了一个灯箱弹出效果的弹窗。这是一种可以接受的使用方法，因为网站在寻求获取个人数据（包括位置）时有法律义务征求同意。

问题2：在用户登录后立即显示一个弹出窗口

用户登录后立即显示的弹出窗口与加载页面内容之前显示的弹出窗口一样令人讨厌。

当用户登陆账号后，他们想到的是下一步或后续任务是什么，否则为什么要登录？

在这个时候显示任何形式的弹出窗口都会分散他们的注意力，并妨碍他们完成下一步任务。因为他们更专注于下一步任务，所以用户可能不会注意弹出窗口内容或直接关闭它。不仅如此，它们可能会因被中断以及关闭弹出窗口或移开弹出窗口所需的额外时间和交互成本而感到沮丧。

解决方案：

在用户登录帐户后，给用户一些时间和空间来完成其任务，不要立即显示弹出窗口。一段时间之后，再显示有用的帐户提示，指南或新功能是可以接受的，但前提是所呈现的内容或新功能可以增强或进一步支持用户完成任务。

在这些情况下，更倾向于使用干扰较少的方案，例如工具提示和小型的非模态弹窗来传达这些内容信息。

Gmail使用相对不起眼的非模式弹窗来引入一项新功能，该功能支持用户当前清理收件箱的任务。在用户与收件箱进行交互之时显示，而不是在登录后立即显示。

问题3：在交互之前请求电子邮件地址

许多网站和应用程序在用户还没有机会与内容交互之前就使用弹出窗口来询问用户的电子邮件地址。

电子商务、新闻网站和应用程序以及博客经常会用到这种“违规”设计方案。这种方法是有问题的，因为用户不仅会对弹出窗口、弹出时间和网站请求电子邮件地址太快这一事实感到恼火，而且他们还会认为该网站会向他们发送不需要的垃圾邮件。

例如，当一个用户登陆到Uncommon Goods网站上时，迎接她的是一个模态弹窗，让她填写电子邮件订阅以获得折扣资格，这让她感到非常不满。她说，“在我还没在网站上做其他事情之前，就突然出现这样的东西，真让我恼火。我刚访问到这里，我怎么知道我是否想要订阅电子邮件？我希望晚点再说。”

一名用户在访问网站后不久就显示了一个模态弹窗，询问她的电子邮件地址，这使她对Uncommon Goods感到恼火。

在请求用户的电子邮件地址时，需要考虑许多权衡。网站和应用程序经常使用不成熟的模式，产生的指标会在短期内得到快速提升。然而，短期指标往往是以挫败许多用户为代价的，这些用户并没有受到类似于“折扣资格”的激励。

解决方案：

与其过早的显示请求电子邮件的弹出窗口，不如考虑用户何时最愿意与我们共享他们的电子邮件地址。

他们浏览的类别是否有适用的促销活动？或者他们刚刚读了（或扫描）一整篇博客文章。这些操作可能是具有最少干扰性的非模态弹窗的触发器，这种弹窗可能出现在靠近右上角或右下角的位置，并且使用相当大小的屏幕空间。为用户提供一些有价值的和有形的东西来交换他们的电子邮件地址，不要指望用户会主动把它提供出来。

用户到达博客文章的底部后，MarkManson.net显示了具有最少干扰性的非模式弹出窗口。弹出窗口还提供了免费的电子书作为奖励。

问题4：在人们完成任务之前要求用户反馈

从用户那里获得反馈是很重要的，但是你不应该在用户在你的网站上做任何事情之前就要求他们提供反馈。

网站和应用程序倾向于立即向用户提供反馈弹出窗口，希望他们能给予较高的评价然后再继续完成任务。用户在这个时候填写反馈的情况很少发生；更多的情况下，用户会迅速关闭弹出窗口，而不想再去看到它。

在体验的适当时刻从用户那里获得有意义的反馈，可以深入了解他们的痛点。但是，如果你要求的反馈太快，你就有可能在最重要的时候得不到任何反馈。

例如，当在ATT.com上支付电话账单时，一名研究参与者对这种反馈方式感到沮丧，这种反馈方式在她刚进入账单时就显示了。她说：“好吧，本来我会在付完账单后给出反馈，但是现在我很沮丧，因为我还没有做任何我能反馈的事情。”

一位研究参与者在试图支付电话费时，很勉强地关闭了一个反馈弹窗，她说她还没有在网站上做任何事情来确保能提供客观的反馈。

解决方案：

要求用户在完成您网站上的首要任务后再立即提供反馈。这种方法最大程度地减少了任务中断，并确保反馈将基于实际交互。例如，会议结束后，视频会议软件BlueJeans要求用户提供反馈。该请求没有过早的显示，而是在前后操作相关内容且适当的时间显示。

在用户完成关键任务后立即征询他们的反馈，而不是在他们刚到达您的网站时立即征求他们的反馈。这样，您增加了获得客观评论或评分的机会。在这种情况下，使用模态弹窗可以减少用户的烦恼和干扰。

问题5：在关键任务期间打断用户，要求反馈

用户讨厌被打断，但是在完成关键任务的过程中，大量的网站和应用程序会跳出反馈弹出窗口来打断用户。在大多数情况下，提供反馈并不是您的用户访问的首要任务，因此也不要在关键任务的中间出现弹出窗口来打断用户。

美联航的应用程序在关键任务“检索登机牌”的任务过程中显示了一个评分的模式弹窗。

解决方案：

除了要求用户在关键任务完成后提供反馈之外，还应提供一种静态的、非干扰性的方法，以便用户可以在任何时候提供反馈。屏幕侧边的标签、页脚的链接或导航中的链接都是可以接受的替代方案，并且可以让用户在准备好后分享他们的意见。

雀巢没有以弹窗反馈方式打断用户，而是在网站的页脚中包含了反馈链接。

英国航空在其所有页面的右侧都显示了一个标有“反馈（Feedback）”的按钮。

问题6：一个接一个地叠加显示多个弹出窗口

在弹出窗口上继续叠加显示弹出窗口会使您的网站看起来不专业、混乱和无序，也会让用户不堪重负，迫使他们花费精力一个一个关闭。如果您的网站使用许多不同类型的弹出窗口，请进行相应的测试以避免一次向用户呈现多个弹出窗口。

解决方案：

如果必须在弹出窗口中显示关键信息（例如，防止或纠正错误的重要警告），请确保一次只显示一个。

当然，最好是不要在弹出窗口中显示关键信息，因为人们往往会在不阅读的情况下就关闭这些信息。相反，使用一个视觉上不同的元素，并将其直接放在页面上最适合的位置，确保该元素能清楚地传达了用户需要做些什么来纠正问题并继续前进。

在结帐流程的最后，Lulus展示了多个反馈弹窗。最好是一次只显示一个，或将反馈表单嵌入确认页面。

Canva就做得很好，可以直接在页面上显示关键信息。它使用弹出框而不是弹出窗口，并且将其放在顶部。该消息传递可帮助用户了解他们需要采取的纠正措施。

二、出现弹窗的环境：请勿阻止跳转或访问内容

问题7：在用户移至新的子网站或外部站点之前显示弹窗

一些公司网站链接到子网站或外部网站上的内容或应用程序。在用户离开主站点之前，会出现一个弹窗，提醒用户即将发生的跳转。这种类型的弹出窗口是有问题的，因为它过分强调跳转，让用户感到迷失和困惑——尤其是当子网站在新的浏览器选项卡中打开时。

在我们的一次可用性测试中，一位在汇丰网站上寻找工作的参与者在尝试一项任务时遇到了两种不同的过渡模式，该任务基本上是在3个不同的网站上进行分割的。他说，“哇，它一直把我带到其他网站，我甚至不知道我在哪里了。如果他们的工作申请过程如此复杂和脱节，我真的不认为这是一个好的工作选择。不管这个网站看起来有多漂亮，都是一团糟。”

单击“职业”后，一个弹窗警告用户，他们将要离开初始站点。

在同一网站上，还向用户显示了另一种弹窗样式，表明他们将转到第三个网站申请该职位。

解决方案：

删除弹窗，最大程度地减少站点之间的跳转，并在将用户链接到外部属性时始终保留路径及导航回到主站点的功能。如果在离开站点时确实需要警告您的用户，请干扰性较小的选项（例如，链接上的工具提示），以使过渡变得更加巧妙自然。

Eli Lilly公司：向用户提供了一个信息丰富的工具提示，让他们知道要访问其他网站。工具提示可帮助用户记住他们在哪里以及要去哪里。

问题8：通过模态弹窗中断对内容的访问

当人们加载了一篇文章或其他长格式内容（如通常在网站的About Us或News部分中找到的内容）后，会立即出现一个模态对话框，使它看起来像是在限制对该内容的访问。这种情况尤其令人讨厌，因为它会降低信誉和信任度。

CNN移动应用程序上的一位用户在打开一篇他想阅读的文章后，立即弹出了一个新闻订阅的模态弹窗，这让他感到非常沮丧。他说，“这让我对CNN的怀疑达到了顶峰。不要向我要我的电子邮件或注册任何东西。”

当用户登陆页面阅读文章时，CNN的移动应用显示了弹窗。这是有问题的，因为用户现在只想阅读文章。

解决方案：

允许用户立即使用内容而不会受到干扰。将弹出窗口替换为页面顶部的容易注意到的横幅弹出框。弹出框的这种替代方法使用户可以自助订阅新闻通讯服务，而不会妨碍他们阅读信息的主要任务。

Conde的《纳斯特旅行家》（Nast Traveller）网站在导航下方巧妙且非干扰性的（可关闭）横幅中介绍了其新闻通讯。这种设计允许感兴趣的用户订阅新闻通讯，同时也不会分散那些只想阅读网站内容的用户的注意力。

三、弹出内容：不要假设弹出窗口会很好的传递消息

问题9：对GDPR和Cookie通知使用模态

用户通常会习惯性的匆匆关闭模态弹窗，因为他们认为不会有任何用处。为了传达与GDPR和cookie的使用有关的重要信息，请不要使用模态弹窗。

解决方案：

将非模态弹窗放在页面底部或侧面。它们的干扰性要小得多，允许用户继续执行任务，确保提供关于如何收集和使用用户个人数据的足够信息。

Reddit使用了一个小的，无干扰的非模式覆盖来征询用户的Cookie同意；但是，描述如何使用用户数据的语言过于模糊。

NNgroup.com使用非模态弹窗，并使用有关Cookie使用情况的透明语言。我们确切地描述了为什么我们收集人们的数据以及如何将其只用于服务他们的利益。

问题10：在模态弹窗中鼓励页面跳转，而不传达具体的好处

我们经常会看到从移动网站到关联的移动应用程序之间跳转的弹窗鼓励，特别是在电子商务或新闻网站上。这些弹窗在许多情况下会造成破坏性的问题：通常，Web用户是一次性用户，他们不愿意为偶尔的任务下载应用程序。

这一点其实无可厚非，企业希望用户下载应用程序，但是鼓励弹窗不是宣传移动应用程序的正确方法。甚至在手机上已经安装了您的应用程序的用户可能也不愿意切换频道，因为他们担心会重新开始当前的任务流程，而模态弹窗只会打扰他们。

解决方案：

为企业的移动应用程序创建知名度，但不以干扰用户当前任务为代价。支持低调的方法，例如标准的顶部横幅，并概述使用该应用程序以简化人们向该频道过渡的好处。

Wayfair以一种鼓励下载其移动应用程序的弹窗打断了用户。用户认为他们将不得不付出很多工作才能在另一个渠道上重新开始他们的任务，而没有感觉到明显的好处。

梅西百货在鼓励从其移动网站下载移动应用程序方面做得很好。页面底部的非模态弹窗包含激励频道转换和显示应用程序用户评分的功能。

四、结论

弹窗，弹窗，它永远不停地出现！这不是一个可接受的用户体验，所以请停止使用弹窗。

考虑到这一总体结论，您可能会想知道何时可以接受使用弹出窗口，答案是：请谨慎。抵制跟随人群的冲动，不要用干扰来淹没你的用户来提高短期指标。探索其他方法，以尊重用户的需求并保持企业收集反馈、通知用户数据收集、获取电子邮件地址或鼓励跳转的意图。

仅在适当的时候，谨慎使用模态弹窗来传递关键信息。不要用一个干扰性很大的弹出窗口来中断基本任务或阻止相关内容。进行可用性测试，以确保弹出窗口不会让用户失望，而且可用性测试的一个额外好处还能让你获得对用户真正的了解，以帮助您改善整体体验。

免责声明：本文版权归原作者所有，文章系作者个人观点不代表蜗牛派立场，如若转载请联系原作者；本站仅提供信息存储空间服务，内容仅为传递更多信息之目的，如涉及作品内容、版权等其它问题都请联系kefu@woniupai.net反馈！