就像导航告诉你绕过交通堵塞的最短路线一样，用户体验框架（UX frameworks）会引导你从模糊的想法落实到现实的结果。

用户体验框架允许你将设计过程拆分为多个小步骤。

毕竟，当你确定了很多阶段时，任务就不会看起来那么复杂且漫长了，你根据“骨架”填“肉”就可以了！

设计OK了，用户开心了，而你在工作中也得到了晋升。

即使你不是一个新手，而是一个有经验的设计师，使用框架也可能会激发新一波的创造力。

从不同的角度看待熟悉的事物会打开新的视野。

10分钟的时间可能会为后续工作节省100多个小时！所以，强烈建议大家把这篇文章读完。

编者按

源自 | medium.com

作者 | FlowMapp

原题 | What Are UX Frameworks and How to Use Them?

编译 | 张杉

题图 | 源自pexels.com

本文翻译已获得作者的正式授权

01 设计思维

Design Thinking

诺贝尔奖得主赫伯特·A·西蒙（Herbert A.Simon）在其1969年出版的《人工科学》（The Sciences of the Artificial）一书中首次提到了这种方法。

这种方法现在已经被产品设计者们广泛使用。

这种方法可以帮助团队了解他们的用户，重新定义痛点，测试假设并提出创造性的解决方案。

设计思维的5个阶段

1.共情（Empathize）：如今，以人为中心的设计是必需项，因为你是为使用它的人创造产品。

回答问题：

“谁是你的用户？”

2.定义（Define）：分析你的用户角色，并概述他们的问题。

回答问题：

“这些用户需要什么？他们的问题是什么？”

3.设想（Ideate）：就如何帮助用户解决问题产生想法。与你的团队一起进行头脑风暴，一起挑战假设。

回答问题：

“解决方案会是什么？”

4.原型（Prototype）：找出最棘手的问题并加以解决。

为你的想法注入活力。使用缩小版但功能强大版本的解决方案。

对于这个阶段，我们建议创建：

  • 用于与同事讨论设计的低保真原型。
  • 用于内测的高保真原型。
  • 与真实用户进行测试的视觉设计。

译者注： 低保真（lo-fi）原型设计是将高级设计概念转换为有形的、可测试物的简便快捷方法。它首要的也是最重要的作用是——检查和测试产品功能，而不是产品的视觉外观。

高保真 (Hi-fi) 原型的呈现和功能，尽可能类似于发布的实际产品。当团队能深入了解产品的预期，需要与真实用户一起测试，或获得利益相关者的最终设计批准时，通常会创建高保真原型。

5.测试（Test）：在焦点小组或真实用户的辅助下，实验这些解决方案是如何工作的。

根据测试结果，你可以继续使用该原型，也可以重新定义问题并返回到前面的阶段。

然后进行更多的测试，直到你找到了最有效的设计结果。

需要强调的是，这种方法蕴含着大量的变动风险。一些公司在第一点下增加了更多的子问题，并建议进行更深入的研究：

  • 公司的最终目标是什么？项目如何帮助实现目标？
  • 实施该设计的背景是什么？
  • 项目的预期结果是什么？
  • 你会如何衡量结果？
  • 其中有什么阻碍吗？你会怎么应对它们？

02 六级用户体验框架

6 Levels of User Experience

这个框架基本上可以帮助设计师按优先顺序列出他们的工作流程。

从提出抽象的想法到具体的实现，该框架都有指导。

你可以将其看作创建视觉设计的待办事项列表。

1.提案（Proposition）：设计/产品/服务对用户有什么价值？

2.用例（Use case）：你的客户遇到了什么问题？此设计实现了用户的哪些目的？

3.用户旅程（User journey）：客户如何从A点到达B点？

译者注：用户旅程图-User Journey Map-是表现一段时间周期内跨触点的状态下用户与产品/品牌之间关系的视觉化的方法，用户旅程图有多种形式与格式。

4.信息（Information）：他们是否需要解释或补充的信息？你不需要给他们太多的细节吗？

5.架构（Architecture）：所有这些数据将如何组织？导航会很简单吗？

6.视觉效果（Visual）：一切看起来都很吸引人且令人愉快吗？

请注意，如果你跳过其中一级，你的设计也许会看着不错，但无法很好运行。所以做好每一步是至关重要的。

03 用户体验需求层次

The Hierarchy of UX Needs

你知道马斯洛的需求金字塔吗？

该模型与之相似，但侧重于用户体验。

它创立于2001年，起初是为网页设计师提供便利，但现在被广泛用作其他设计项目的框架。

用户体验5要素（从基本要素开始）

1.可达性（Availability）

任何应用程序、网站或文档都必须可访问。如果大家都看不到它，更别提评价你的工作成果了。

2.可用性（Usability）

简单的导航、醒目的按钮、清晰的简短文本和行动呼吁（CTA：Call To Action）是必备的。

检查你的界面是否一致且易于使用。

3.支持功能（Supportive features）

可以是快速入门指南、通知、实时聊天、评论、常见问题解答或任何帮助用户充分利用你的产品的内容。

4.信任（Confidence）

用户必须确保你的应用程序或网站是值得用户信赖的。

误导性的按钮和标题或缺乏公开报价和服务条款都可能会破坏这一层。

5.合意性（Desirability）

这是用户第一印象的出处。把上面所有的东西放在一个美丽且醒目的包装里，以吸引注意力。

同时实现上述这5点，你就会赢得用户的青睐！

04 BASIC框架

BASIC Framework

这个有用的产品框架是最近推出的，但是，它完全值得你关注！

好设计的关键要素

Beauty，美

和前面的框架一样，这个框架也将美学吸引力放在了首位。

一个吸引人的设计被默认为是人性化的（稍后你会有机会证明这一点！）

针对该要素，需要回答以下几个问题：

  • 设计是否遵循风格指南？
  • 是否只使用高画质的图像或视频？
  • 它们对齐了吗？
  • 总体看起来好看吗？

Accessibility，可接近/触达

包括残障人士在内，每个人都应该可以充分使用你的界面。

此外，不应该存在妨碍用户使用相关设计的技术错误。

针对该要素，回答以下问题：

  • 每个人都能使用这个设计吗？
  • 是否与各种平台兼容？
  • 设计是否符合标准？

Simplicity，简单易用

设计应该简化用户的生活，而不是使其更加复杂！

最重要的是，选择太多反而会阻碍用户行动。

针对该要素，回答以下问题：

  • 设计是否有助于用户更快地完成任务？
  • 设计是否尽可能简化？
  • 设计的所有功能都是必需的吗？
  • 是否可以在不损害产品的情况下删除某些内容？

Intuitiveness，直观

在21世纪，没有人喜欢阅读长篇手册。

用户只喜欢简短的登录或产品指南，仅此而已！

针对该要素，回答以下问题：

  • 产品的用途和功能是否明确？
  • 用户能否尽快达成目标？
  • 在使用产品之前，用户能预测到结果吗？

Consistency，一致性

所有设计都应该是一致且可预测的——导航、类别、按钮、标签、操作行为。

通过这种方式，教会了用户使用的同时，建立了他们与功能之间的信任。

针对该要素，回答以下问题：

  • 产品是否基于重复的清晰模式（pattern）？
  • 它在任何情况下都以同样的方式工作吗？
  • 你是否使用了用户期望看到的语言、图像和品牌？

05 “双菱形”框架

Double Diamond

这个框架代表了设计和创新的一体性。

它由语言学家贝拉·巴纳锡（匈牙利语：Béla H.Bánáthy）于1996年提出，后来由英国设计委员会推广。

每个菱形都包含几个需要遵循的原则：

第一个菱形：准备

发现，Discover：这是收集问题池的要点。培养同理心，与真实的人交谈，然后才能做出假设。

定义，Define：在你发现了几个问题之后，考虑你设计能够解决的确切问题。

第二个菱形：设计

开发，Develop：产生想法，探索解决方案，与团队一起进行实验。你甚至可以为每个问题创建多个方案，之后进行测试。

交付，Deliver： 是时候测试你开发的产品了。迭代那些有效的，其他的所有都可以废弃。

这样，挑战就会转化成结果。

正如你所看到的，所有这些阶段都基于协作、创新的方法和不断完善的结果。

06 用户体验蜂巢

The UX Honeycomb

这个框架可能看起来类似于“用户体验需求层次框架”和“BASIC框架”。

但是！它也有一些独一无二的东西。它描述了可以产生积极的用户体验的七个因素。

“用户体验蜂巢框架”中，好的设计应该是：

1.有用的，Useful：人们必须有动力去使用你的产品。什么可以激励他们呢？当然是满足他们的需求！如果他们看到产品有可能满足他们的需求，他们很可能会开始与产品互动。

2.合意的，Desirable：换句话说，它应该具有吸引力和感染力。

3.可达的，Accessible：即使是残障人士也应该能够使用该产品。此外，不应该存在阻碍用户采取行动的关键错误。

4.可信的，Credible：在信息时代，我们对一切都非常怀疑。所以，在使用某些产品之前，我们需要信任它。

5.易用的，Findable：如果没有简单清晰的导航，人们在第五次点击后就会放弃使用你的产品。

6.好用性，Usable：这不是第一点（Useful）的同义词！这意味着可用性和直观性。

7.有价值的，Valuable：如果你的产品能为客户或企业带来价值，他们就会成为忠诚用户，并会再购（使用）。

顺便说一下，“用户体验蜂巢框架”可以与“设计思维框架”或其他框架一起使用，你的输出会因此得到加强。

07 上瘾模型

Hooked Model

当你想创建一个以培养用户习惯为目标的产品时，这个用户体验框架就很棒。

它是由企业家尼尔·埃亚尔（Nir Eyal）开发的，他在《上瘾：让用户养成使用习惯的四大产品逻辑》（Hooked：How to Build Habit-Forming Products）一书中提到了这个概念。

我们相信，Facebook、Slack和WhatsApp等令人上瘾的产品都是基于这一模型，人们就像粘在他们身上一样！

1.内部或外部触发器（triggers）出现：

  • 你的产品或服务能触发什么样的情感？
  • 哪些功能可以解决用户的问题？

2.让用户采取行动：

  • 用户应该怎么做才能获得奖励？
  • 获得奖金最简单的行动是什么？

3.用户获得奖励（并且想要更多）：

奖励可以是多样的——有趣的信息，新闻，点赞，分享，任何东西都可以！

4.他们会为了更多的奖励回来。

用户体验设计的关键目标，就是让用户在经历一次又一次的循环来影响他们的行为。

这个循环可以无休止地重复，直到形成一个强烈的习惯。

呵呵，不要说你不喜欢在睡前滑Facebook解瘾。

08 行为模型

Behavior Model

这个用户体验框架基于常见的人类行为。

它由斯坦福大学教授布赖恩·杰弗里·福格（Brian Jeffrey Fogg）提出：

用户需要足够的动机、能力和借口来执行操作。

其计算公式为：

行为=动机（你想做）* 能力（你能做）* 提示（你现在就做）

Behavior = Motivation (you want to do it) * Ability (you can do it) * Prompt (you do it now)

这个模型的作者说，所有的因素都必须各就各位才能取得成果。

因此，检查你的设计是否吸引客户，向他们展示行动选项以及明确的行动呼吁（CTA），促使他们在此时此刻就做出决定。

总结

Summary

你是否已经爱上了一个或者几个用户体验框架？

是时候在实践中尝试它们了：

  • 打开FlowMapp（https://www.flowmapp.com/）或你选择的其他设计工具。
  • 选择你要使用的最有趣的用户体验框架。
  • 检查是否可以用其他的框架模型来补充它。例如，可以通过“上瘾”或“行为”模型来加强“设计思维框架”。
  • 开始研究和产生设计想法。然后在你喜欢的框架内做。
  • 立即去与真实用户一起测试你的设计。毕竟，你做的所有创意都是为了他们！

原文链接：

https://medium.com/@FlowMapp/what-are-ux-frameworks-and-how-to-use-them-bc9b488e5ba2

案例-通过非传统的定性神秘顾客研究，发现CX/ UX痛点 | 勺海译文