#11 The Power of Storytelling in UX
17:25 Share

大家好，欢迎回到UX未来的播客。我的名字是帕特里夏·雷纳斯，我是一位来自柏林的UX设计师、创新设计师和策略师。欢迎回来。在我们开始分享今天的见解之前，我想给你讲一个简短的故事，我认为

是的，这对你来说也可能很有趣。正如你们许多人所知，我在柏林做自由设计师。所以我拥有自己的公司。我和各种各样的客户合作。他们大多数都从事创新XR元宇宙领域。几个月前，我和一位潜在客户发生了一件有点好笑的事情，

一位潜在客户给我打电话，他提到的第一件事就是他想要一个看起来像苹果网站的网站。我当时想，是的，告诉我一些原因，这样我才能更好地理解你的想法。

然后，是的，他解释了一下，谈到了他对苹果产品的热爱，以及他对苹果产品讲故事的方面有多么欣赏，以及事物是如何移动和引人入胜的。是的，他只是想要为自己的产品做同样的事情。

在这一点上，我甚至不知道他的产品是什么，他的目标是什么，他的愿景是什么，所以我不知道，我需要问所有这些问题，并确保这最终是正确的做法。在这个播客的结尾，我会告诉你

我们实际上是如何处理他的网站以及我们是如何进行的。但在我们谈到这一点之前，我想更多地谈谈讲故事，为什么这位客户特别对将这种方法整合到他自己的网站或他公司网站的想法或机会感到如此兴奋。是的，他对此感到非常兴奋。在这个播客中，我想谈谈

讲故事和UX中重要的五件事。首先，什么是讲故事，为什么这对UX如此有趣？为什么我在这个播客中，它真正关注的是未来和未来科技，甚至谈论讲故事？它与UX是如何真正结合的？然后我们将讨论基于滚动的内容，它是什么。我们将讨论一些例子以及它是什么样的。

第三，我们将讨论结构。第四，我们将讨论互动部分。第五，我们将讨论一些优缺点以及如何决定这种方法是否真的对你的产品有意义。它也可以是一个应用程序，对吧？所以这种交互模式，如果它真的对你的产品有意义的话，它是如何工作的。让我们开始吧。

第一个也是最重要的问题：什么是讲故事？我想我们都知道什么是讲故事。就是讲故事。通过数字产品讲故事，可能是你的网站，这是一种神奇的事情。原因是讲故事和理解故事、倾听故事，是我们DNA中根深蒂固的东西。

所以当我们伟大的祖先围坐在火堆旁，想要谈论信息时，他们分享故事。

因为故事会激发情感。任何激发情感的东西都会确保信息不会轻易被遗忘。这也是一个非常有趣的事实，或者说是一件非常重要的事情。只需观看一个TED演讲，观看任何激发情感的东西，你就会发现你会比仅仅记住基本故事那样记住这个演讲或这种信息要好得多。

信息或基本数据，对吧？所以每次你激发信息时，你的用户或你的观看者或你的听众更有可能记住这些事实。

那么让我们谈谈这些长滚动网站，例如苹果网站，例如当他们展示一款新产品，例如新款Apple Watch或新款iPhone时，用户通过滚动来决定故事是如何展开的。事物从右向左移动。

iPhone出现了，事情发生了。所以你可以观看或查看某种电影，你决定速度，你决定它实际上是如何通过滚动演变的。这些长滚动网站并没有，我不会说彻底改变了，但它是一种

绝对是一种与内容交互的新方式，特别是与我们在那里的许多许多网站或许多品牌上看到的那些主要的基本、不那么有趣的网站结构相比，原因是它非常易于使用，用户可以很容易地找到内容，并且它很容易测试，而且结构非常简单明了，交互式结构

用户很容易理解。

是的，仅仅拥有一个无限的页面并不能自动保证更好的用户参与度。有一些技巧和提示可以确保你的网站能够让用户继续滚动到其页面的深处。虽然将重要信息放在折叠以上，也许你们中的一些人知道这意味着什么，仍然至关重要。这，你知道，特别是对于滚动内容，或者为了让它

帮助用户理解他们可以滚动，会根据你是否在运行广告、博客文章或其他内容而变得更灵活一些，而这正是有趣的区别所在，例如当点击时，用户会做出一个主动的决定，即点击一个按钮去某个地方，但是当滚动时，用户只是在做他一直在做的事情，所以在这种情况下，主动的决定是

不会停止滚动，对吧？所以新的东西来了，所以很容易让用户保持参与。因此，对于网站来说，折叠以上的论点仅在有限程度上适用。虽然主要声明和可能的预告可以在第一页上找到，但它并不一定包含所有相关信息。

那么用户何时会继续滚动，例如在苹果网站或其他一些例子上呢？顺便说一下，我在播客笔记中添加了一些有趣的例子，所以你可以查看一下，看看什么效果好，并从中获得一些灵感。

所以如果内容对他们仍然有趣，用户就会继续滚动。所以内容越多，如果内容不再与用户相关，他们就越有可能放弃会话，

不再滚动。这与所有数字产品或基本上所有东西都非常相似，对吧？如果它不再有趣，大多数人都会放弃它。长滚动网站流行的另一个原因是移动设备的使用越来越多。所以滚动更容易，尤其是在小屏幕上，而不是像使用按钮和菜单之类的导航网站。

所以设计师和营销人员面临的挑战是用网站和移动设备讲故事。有各种各样的设计选项和效果。例如动画或视差滚动，这并不是超级疯狂的奇特，但仍然很有趣，并有助于用户保持参与，对吧？就像更多的那一刻，以及各种不同类型的内容，如文本、图像、视频，

甚至GIF也使长滚动更具吸引力，特别是当你真正讲述故事并准备不同类型的内容时，而不仅仅是出现的文本或图像，你实际上使用了层次结构，例如

当你更深入地了解人类本性的心理学时，另一件非常有趣的事情

用户非常喜欢掌控的感觉。人们非常喜欢掌控的感觉。所以对于长滚动来说，它确实给了用户一种掌控感。这对用户满意度至关重要。因此，用户可以按照自己的节奏浏览长滚动页面，提取相关内容，并更快地继续滚动不太相关的内容。但他们并不需要做很多决定，对吧？

他们可以滚动并查看即将发生的事情，然后做出决定。但他们不需要主动决定点击一个按钮，例如。因此，视差滚动和动画也可以部分由用户控制，从而给他们一种控制感。同时，滚动使用户真正专注于主题，而不是来回点击。

点击链接总是意味着延迟。如果页面加载速度太慢，用户完全放弃该过程的风险相对较高。长滚动并非如此。好的，让我们谈谈结构。所以一个挑战是以有意义的方式真正构建内容。

对于所有网络，对于所有数字项目，我想我们都知道这一点，但特别是对于长滚动网站。所以从CEO的角度来看，从零搜索引擎优化的角度来看，在构建长滚动页面时也有一些方面需要考虑。理论上，他们只需要一个页面。

但这只在少数情况下有意义。带有网站上最重要类别的水平导航栏通常更有用。是的，或者另一个挑战是对于非常长的滚动页面，要真正确定对用户来说最佳的长度。太多的内容会让用户不知所措，

这会导致非常糟糕的用户体验。在这里很难给出一般的建议，因为它显然取决于行业、你的用户群体以及结构是如何真正有意义的。在这种情况下，我的建议是先测试一下，看看什么有效。你可以很容易地使用许多

设计程序来制作这些东西的原型。所以基本上我会说几乎每个设计程序都能做到，或者你可以使用任何设计程序来制作原型。让我们谈谈互动部分，我认为这也很有趣，因为特别是当涉及到动画和悬停时，你知道这已经存在了

比滚动长得多的时间，但效果非常流行，对吧？例如，如果你将鼠标悬停在某个东西上，并且发生了一些事情，我经常在汽车或电子商务领域看到这种情况，当你将鼠标悬停在图像或汽车上时，例如，事情真的发生了变化，并给你一些关于点击该图像时会发生什么的预览

所以这些交互式元素让网站访问者保持忙碌，同时意味着网站访问者可以进行一些精神上的休息。节目说明中也有一些很好的例子，所以一定要查看一下。

当我们谈到视差效果时，我实际上并没有在一开始就解释过，但你们大多数人可能都知道。就是你滚动，你有一些类似于两层的东西，背景中的一些东西，前面的一些东西，它们有不同的速度级别。所以它们不是，你滚动，背景中的某些东西以不同的速度变化。我希望我解释清楚了。

所以一开始它主要在经典电子游戏中流行，但很快就在网页设计领域流行起来。视差效果使用以不同速度移动的不同背景。结果是一种伪3D效果，但它看起来仍然很酷。最初，术语“视差”来自希腊语，意思是变化。

我在节目说明中也有一些例子。一定要查看一下。让我们总结一下。我们谈到了什么是讲故事，为什么这如此重要。需要牢记的一点是讲故事。

讲故事会激发情感。它让人们保持参与。特别是对于UX来说，这非常有趣，尤其是在滚动方面，因为用户不需要做任何决定。他只需要做一项任务，而不是决定点击那个按钮，然后点击这里，寻找一些东西来真正找到即将发生的事情。不，只有一项任务：向下滚动并观看正在发生的事情。

用户查看所有移动和交互的东西。所以用户保持参与。也许这个概念甚至会激发情感，从而让用户对产品的某些部分或故事真正感兴趣，并希望深入挖掘，因为他对产品如此投入。所以记住这一点非常非常有趣，如果你真的想讲一个故事的话。

但是结论和我的建议是，真的要确保这与你的品牌故事和你真正想要传达的信息相符。例如，在我一开始提到的客户的情况下，在进行了一些分析、研究和策略的一些重组之后，我们实际上决定某种类似于苹果网站的方法，

在这种情况下并不适用，我们决定以一种非常不同的方式为网站的某些部分制作动画，因为我们真的想将重点放在一个非常不同的层面上，而讲故事并不是在这种情况下最完美或理想的解决方案。

因为虽然它可以成为你产品的非常酷和支持性的元素，你知道，就像交互式讲故事一样，你的放弃率很低，这非常好，并且意图增强，但你需要记住一些缺点。所以肯定有一些SEO挑战，这对初创公司来说是一个非常重要的主题，所以我们需要记住这一点。

有些事情比较难以衡量，对吧？因为如果用户真的点击内容来去或来或到达他们想去的地方，那就很容易衡量。而内容设置要困难得多，原型制作也困难得多。

而且跨浏览器测试也困难一些，所以你只需要确保事情真的有效，因为如果任何事情都没有按照它应该的方式进行，那么整个故事就会被毁掉，就像我说的那样，在我的客户的情况下，我们决定，是的，采用另一种方法，但仍然使用一些讲故事、一些悬停效果和网站不同部分的一些动画

所以请告诉我你如何看待或你对讲故事方法的看法，你为什么认为它可能很有趣，或者你可能看到的挑战，也许是在不同的产品或网页上。请随时发送给我。如果你认为这会有所帮助，请不要忘记与他人分享这一集。非常感谢您的收听，我们将来再见。