自行车网站建设如何改善网站用户体验

流行智慧的粉丝经常断言， 整个西方文化中只有两个截然不同的情节：一个人旅行，一个陌生人来到镇上。

短暂浏览一下书架会反驳规则-除非您允许进行适合所有情况的隐喻之旅，但反复出现这个想法的频率以及它似乎产生的含义，充分说明了西方未知事物的中心地位叙事观念。

在这两种情节中，一个人都被介绍给了新的和意想不到的东西，唯一的变化是叙事说话的观点。在两种情况下，故事都是未知的，成为已知的。当克林特·伊斯特伍德（Clint Eastwood）于1800年代爱达荷州（Edaho）进入一个破败的小镇时，我们对他的身份的好奇心驱使我们参与其中。当我们阅读托尔金的《指环王》三部曲时，我们毫不怀疑弗罗多最终将成为《毁灭战士》，这就是沿途发生的事情。

讲故事的关键是存在一个未知数，并且未知数将成为已知的。

设计师不是讲故事的人

许多设计师都将自己称为讲故事的人，但这只是一种沟通的愚蠢方式。要讲一个故事，我们必须养成未知数，以准备进行大胆的揭露，而这种方法的主要障碍是，Web体验（我认为大多数与设计的接触）是非线性且开放的。

设计实际上更接近于诗歌。诗歌通常以一口大小的形式存在，并在其中探索可以解释的主题。

设计师的工作不是构建故事，而是尽可能不打扰地进行澄清。

在微交互中使用剧透

Jaws中最吸引人的元素是什么？布罗迪在和市长争论吗？是Quint在讲印第安纳波利斯的故事吗？是胡珀与艾伦·布罗迪（Ellen Brody）的恋情吗（是的，真的是读这本书！）？不，这是音乐。一旦鲨鱼开始演奏大提琴，我们就知道它的来临，字面意思是它的到来。[顺便说一下，《大白鲨》是电影中一个有趣的例子，其中一个陌生人（鲨鱼）来到小镇，然后一个人去旅途（出海）。]

我们可以不断扔下扰流板，用自己的大提琴音乐暗示即将发生的事情，从而参与设计。为此，我们使用微交互功能-简单的UI组件，具有触发和反馈功能。微交互的反馈部分是插入扰流板的地方。

它通过预览将在以后的线性体验中引入的数据来工作。关键是将数据转发出去。

缩图

让我们从熟悉的地方开始：推动信息前进的经典示例是缩略图。缩略图是较大元素的预览，它是链接另一端的视觉指南。

杰基·温特（ Jacky Winter）是针对艺术家，插画家和动画师的人才代理机构。拥有各种各样的才能，浏览工作的最佳方法是使用传统缩略图。

缩略图不必是传统的。Alexandre Nacache是一位艺术总监和互动设计师，其网站使用项目元素的预览，而不是微型设计的复制品。

Bao是一家台湾餐厅，在伦敦设有三个地点。他们的位置插图就像缩略图一样，不仅暗示着餐厅的外观，而且还暗示了一种可能的体验。

A Day Out是一家位于格拉斯哥的设计工作室。他们网站上的缩略图构成了艺术指导的主要组成部分，并确立了自己的品牌美感。

5分钟阅读

回顾过去，了解这样的文章需要花费多长时间的唯一方法是检查时间，阅读文章并再次检查时间。

基于它的使用，近年来最成功的UI元素之一是有用的小指示器，它告诉我们阅读一篇文章需要多长时间。在诸如Medium之类的网站中流行，没有涉及眼动跟踪或计算阅读速度的情况，“ 5分钟阅读时间”估算值是基于字数计算的，预计在30秒  左右的时间内会读取 125个字。但是，即使是这些粗略的概括数据也足以使用户做出有关其对网站，商品或产品的承诺的明智决定。

澳大利亚设计电台的单调仅被用于悬停状态的对比红色打破。唯一使用红色而不交互的元素？具有位置和总长度的播放头。

红杉是位于加利福尼亚的风险投资公司。科技公司的个人资料占据其登录页面。每个配置文件都有一个编号的位置，滑块的动画计时器将您的注意力吸引到过程中的确切位置。

Vimeo拥有一些网络上最好的视频。将鼠标悬停在缩略图上时，他们可能会显示任何想要的信息（制作人，主题，标题）。他们选择了持续时间。

Cinelli是意大利最酷的自行车品牌。他们的产品滑块具有编号的“下一个”和“上一个”按钮。仅箭头就足以传达含义，但设计人员只需在按钮上添加一个简单的按钮即可将数据向前传送。

合格数据

增强接口的最简单方法之一是使用有意义的上下文限定数据。这样做的关键不是传递太多的信息，而只是一个简单的摘要，可以一目了然地阅读。

帮助Scout是客户服务SaaS。他们的仪表板显示关键指标（例如总对话），如果不添加箭头和百分比（表示是改善还是挫折），这将毫无意义。

当Trainline在旅途时间下方显示一个栏，以直观方式指示持续时间和更改次数时，从里昂到波尔多的车票预订会变得更加简单。

地图和保证

当我们预期旅程，尤其是通往未知世界的旅程时，我们通常会用地图来揭开这个体验的神秘面纱。在现实世界中，地图非常类似于目的地的缩略图。在用户界面设计中，我们使用的地图阐明了信息体系结构。

标签是信息体系结构中最复杂的领域之一，因为它们倾向于行话，通常是公司专有的行话。添加无术语的显微镜可以预览用户的目的地，并帮助他们找到正确的信息。

莱迪思是一种绩效管理SaaS，但其产品以公司为中心。他们通过在菜单中注明每种产品的关键功能来解决此问题。

Thriva可通过在家进行的血液检查帮助您跟踪健康状况。他们在菜单中清楚地说明了三个级别的产品。

金融交易在技术上很复杂。Plaid为开发人员提供了多种API产品。他们的菜单不仅说明了每种产品的关键功能，而且还根据产品组合预览了两种潜在的解决方案。

有效的UI设计的关键是破坏者

讲故事是有效设计的对立面，因为故事的本质会顺应体验中的未知元素。相反，设计试图通过澄清来消除未知。

高端网站设计设计中提出数据时，通常会以一种简单的方式进行。一条精选的数据可以阐明整个过程。微交互是插入这些“破坏者”的理想方法，它使用户能够创建自己的体验，同时始终准确地知道他们在更广泛的上下文中的位置。

 通过揭示比线性故事更多的内容，我们可以更有效地吸引用户，并设计出健壮且易于使用的体验。