用户的注意力跨度非常短。仅查看您的网站分析,这可能很明显。这比以往任何时候都更重要的是部署可帮助用户在尽可能短的时间内扫描并从您的网站中获取最多信息的设计技术。
您的工作就是一目了然地了解用户需要从设计中收集哪些信息,并帮助他们获取该信息,因此也许他们会坚持不懈地探索您的网站。这里有几种方法!
1.最少思考
对于用户而言,没有太多选择的设计可以快速简便。刚开始时,“最少考虑”可能会让您考虑最小的设计风格,而更多的是简化元素和效果。(但是最小的设计模式也可以使用。)
总体而言,目标是限制信息过载和用户必须达到的决策数量才能达到设计目标。
- 多种选择使导航保持简单。
- 使用易于阅读的简单字体。
- 增强元素之间的对比,以便轻松找到号召性用语。
- 对于设计中的每个页面或滚动,请坚持一个想法或一个动作。
- 目标转化(购物车,表格等)应始终可用。
2.通过视觉内容鼓励行动
强大的视觉效果(包括摄影和视频)是吸引用户注意力的简便方法,并且与可操作的元素配合使用时,可以帮助立即产生点击。
在设计中从点A到达点B是一个快速的过程。从电子商务的角度考虑它。用户在社交媒体上看到一双鞋,单击以访问该网站,然后必须能够看到该商品(或如何立即找到它)以保持与该网站的互动。
节省时间的设计会在鞋子上显示要立即购买的按钮。用户无需翻阅多个页面或单击即可知道他们想要什么以及如何获得它。这是有关节省用户时间和视觉效果的另一个技巧-使用相同的图像进行场外和场内促销。这些相同鞋子的不同图片可能不会像同一张图片一样快速地向用户注册。
之所以可行,是因为大多数人比阅读“说出同一件事”的单词可以更快地处理图像。网站是视觉媒介;充分利用它。
3.将复杂的元素分解成碎片
创建一个故事,以便您可以将复杂的设计分解为更小,更易消化的部分。较小的内容块或块可以更容易快速地理解,从而帮助用户在元素之间移动。
尝试使用“更多信息”链接,卡片式块和视差滚动动画之类的用户界面元素来创造吸引力并分解复杂的设计。
4.缩减表格
使用户更快设计的最简单方法之一就是减少询问您不需要的信息的时间。表单不必询问信息的层次。
- 仅询问基本信息,例如姓名和电子邮件地址,以后再跟进以生成潜在客户的表格。
- 使用可验证数据的表格,以便用户知道他们是否输入了错误的信息(以及在何处),从而更快速,更轻松地进行更正。
- 尽量减少键入,并在适用的情况下使用表格中的按钮或复选框。(这对于移动用户而言尤其节省时间。)
- 不要要求提供重复的数据,例如信用卡类型和信用卡号。(可以从号码中识别卡类型。)
5.设计大胆的CTA
大胆的号召性用语使用户可以错过,从而使设计易于使用且易于完成。
明亮的颜色和超大尺寸的元素可以帮助用户立即查看他们应该如何处理设计。此外,在按钮内提供内容,以告诉用户确切的操作以及他们“单击此处”时将发生的情况。
为了让大家看到,CTA应该具有足够的对比度,这样它才不会与周围的元素融合在一起,并引起人们的注意。(并且不要忘记确保在移动屏幕上也可以轻松找到CTA。)
6.编辑,编辑,编辑
像在发布之前进行尽职调查一样,没有什么能节省用户的时间。编辑网站设计中的所有内容,然后再次进行编辑。节省时间的网站设计已编写了易于阅读和理解的副本。
这意味着单词没有拼写错误或拼写错误,句子使用正确的语法,语法和句子结构。一切都以逻辑方式进行组织。
有时,良好的编辑意味着请第三方来阅读所有内容,并确保对其他人有意义。额外的一双眼睛可以帮助您了解隐藏的错误在哪里出现,或者对于普通读者而言,内容是否包含太多术语。
在准备发布新内容时,您也可以尝试使用诸如Grammarly之类的工具来检查CMS中的拼写和帖子。
7.保持一致
一致的设计包括重复的元素,动作和交互,它们在整个设计中的工作方式完全相同。简而言之,这意味着一个按钮应该始终看起来像一个按钮,具有相同的颜色和字体,相同的悬停状态,并且无论按钮将用户引导到何处,其工作方式都完全相同。
对设计中多次使用的任何元素重复此想法,例如图标,购物车,表单,链接和社交媒体按钮。
也要与其他元素保持一致。标题以及正文和图像的使用也应遵循一致的样式。(这就是为什么在CSS中定义元素和样式,然后使用适当的标记至关重要的原因。)
这种一致性使您的网站设计的每个页面看起来都像它所属。用户不必猜测或尝试弄清楚某些事情是如何工作的。
结论
快。单击。做完了
这可能是最常见的用户模式。无论用户是否考虑,他们都希望着急在您的网站上执行操作,完成任务或实现目标并继续前进。您的设计与用户的合作越多,可以节省他们完成目标的时间,则用户界面越友好。