在UX设计中使用故事，让产品的转化率更高

小提示：您能找到这篇{在UX设计中使用故事，让产品的转化率更高}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的在UX设计中使用故事，让产品的转化率更高内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

故事常常能够让UX设计的潜能得以完全发挥，吸引用户，让用户更轻松地完成用户历程，并且最终强化产品的转化率。

在设计移动端APP和网页的时候，将故事融入到UX设计当中，能够让产品的某些特征或者体验，让用户难以忘怀。所以，你会看到许多优秀的网页，借用故事将复杂的数据转变为易于理解的内容。

借用UX故事，设计师将信息最终整合、设计为让用户不抵触、甚至乐于去拥抱的内容。仔细想想，我们小时候就是在父母的床头故事中沉沉睡去的么？深沉的道理、人生的智慧和神奇的构思，都通过故事得到了呈现，并在在之后人生中的某一刻嬗变，点亮黑暗。这就是故事的力量。好的故事总会让你有更多期待。

UX故事是什么？

故事能够很好地抓住用户的注意力。故事中的悲伤与快乐，戏剧性和趣味性，甚至教育性都能容易为用户所理解、吸收。故事中所蕴含的想象力、创造性和灵感也同样为人所侧目，从某种意义上来说，故事提供了足够生动的内容供读者来理解、学习。通过隐喻、叙述和类比，设计师可以通过设计故事这一载体来达成UX目标。从根本上来看，UX故事是一种沟通方式。

无论是一条微博，还是一个CTA按钮，抑或是一个动效、一个弹出框，都只是UX设计师为了影响用户或者达成目标所塑造的体验。

供职于IBM的 Dan Gruen 是这么说的：“故事是一种跨越文化和多学科的设计交流工具，它将技术和用户目标紧密地结合到了一起。”

当我们要使用UX故事来进行设计的时候，我们需要考虑的因素主要包括：

• 用户角色
• 脚本
• 用户调研
• 故事板
• 用户历程
• 故事地图

这些因素或者说技术帮你将目标用户具象化出来，帮你使用更为准确的方式来呈现故事。通过将故事情景化的呈现出来，你可以让你的用户体验更加有意义。在UX设计中使用故事的优势主要有：

• 让信息更易于消化
• 将复杂的想法和行为简化
• 提供更加吸引人的体验
• 积极地影响用户和你的品牌或者产品进行互动

在设计产品体验的时候，总会有时机供你呈现故事。

用一个令人放心或者信息丰富的故事来展现产品的功能和特色，你需要让用户能够真正接纳你的APP或者网站，而非对抗。令人信服的图片、文案，结合经典的起承转合式的结构，尽量调动起用户的好奇心和情绪。

视差滚动可以强化UX故事的体验。将视差动效加入到网页和APP当中，能够让故事的阅读体验更好，用户的互动感更强。在视差滚动当中，结合不同的元素，还能用来给用户以引导，甚至建立悬念，成为故事辅助和组成部广告单元 点击率 过低分。

UX故事的构成

当然，和所有的故事一样，在UX设计中讲述故事同样是从三个基本的“W”开始的：

• 为什么（Why）
• 怎么样（How）
• 是什么（What）

在实际的UX设计当中，情况可能比我们预想的更加复杂。良好的用户体验通常能够解决问题，或者为用户创造更多的价值。

• 为什么——为了帮助人们更好的管理财务和生活
• 怎么样——通过让用户输入财务信息来进行管理
• 是什么——预算，支出，投资，提醒，分类

在这三点当中，最重要的是明白为什么。这才是触发设计的根本，如果想要呈现UX故事，它也是最重要的起点。

在UX设计中使用故事的原因

绝大多陕西省新时尚体育文化传播数的用户在浏览网站的时候，不会花费超过1分钟时间。实际上，如果不需要阅读较长的文本，用户的浏览周期通常会控制在10~20秒以内。除非有特别的信息让用户坚持下去，绝大多数的用户会在完整浏览页面全部信息之前就已经离开了。不仅如此，即使你的文章足以赢得普利策奖，如果没有吸引用户去阅读文本内容的话，它也毫无意义。

用户很现实，你的设计要足够吸引人，足够强大，才能在惨烈的竞争中脱颖而出，这个时候，UX故事的力量就显得很突出了。

故事是最吸引人的工具之一，它们能够抓住用户的注意力。

如果用真实的数据来对用户进行轰炸，用户可能会以最快的速度关闭页面，原理它。但是，当你将这些事实什么是危机服务数据和极具说服力的故事结合起来，用户的参与度是截然不同的。

故事是情绪化的。

故事之所以有效，很大程度上是通过情感和情绪来发挥作用的。当你在网页的使用过程中，出现障碍或者问题的时候，友好的提醒和报错信息能够平复情绪，保持冷静，甚至获得信任。

结语

故事是强大的手段，但是它并不一定符合所有的场景、所有的产品和所有的设计师。它的使用是有限制的，同时，也不是所有的故事都会收到足够好的效果，故事本身的素质也同样重要。除此之外，一个设计优良的UX故事还有运营和持续互动的价值。

原文作者：Justinmind

原文地址：

译者：

译文地址：

本文由 @陈子木 授权发布于，未经作者许可，。

题图来自 Pexels，基于 CC0 协议