专栏名称: AleCC
善良的小美工
目录
相关文章推荐
新周刊  ·  悄悄播完的《舌尖4》,败给短视频 ·  13 小时前  
大河报  ·  三胖”来了!胖东来新店国庆节营业 ·  昨天  
大河报  ·  三胖”来了!胖东来新店国庆节营业 ·  昨天  
三联生活周刊  ·  20年来首款全新止疼药上市,担心成瘾的疼痛患 ... ·  2 天前  
51好读  ›  专栏  ›  AleCC

抓住用户稍纵即逝的注意力的设计要点

AleCC  · 掘金  ·  · 2018-04-09 02:40

正文

用户的注意力非常短暂。无论是通过网页和APP的数据分析,还是其他的统计数据,都印证了这一事实。这也使得我们需要在设计上,花费更多的心力来抓住用户的好奇心和注意力,让他们在尽可能短的时间内获取到网站的信息。

对于人类注意力的类型和特征,我在之前的文章 《从了解用户的注意力开始,创造更优秀的用户体验》 当中有详细的阐述。那么在网页设计中要如何使用呢?了解用户的实际需求,并且帮助他们更快更好地获取他们所需的信息,这样才能更好的留住用户。好在这样的设计技巧并不复杂,接下来的这7个技巧,能够在一定程度上帮你做到这件事情。

1. 让用户无需费力思考

对于用户而言,不需要复杂决策就能作出决定的设计,是轻松而且可以更快获得的。让人无需费力思考就能获得信息的设计,总会让人想起极简风,不过总体上来说,更多的是采取简化的元素和效果。当然,极简风也是不错的选择。

总体上而言,限制信息的数量避免信息过载,是实现这样的设计的必由之路。

  • 让导航足够简单,提供数量有限的选择
  • 使用更加易于阅读的字体
  • 加强元素之间的对比,让行为召唤更容易被感知到
  • 在所有的页面、每一屏都坚持贯彻一个想法,或者沿袭一个交互
  • 确保购物车、表单等交互控件始终可用

2. 鼓励交互的视觉内容

网站本身是一个可用性极强的媒体平台,既然是媒体和内容,就应该充分利用好这一特质。

通过视觉来吸引用户注意力是一种简单的策略,当可交互的元素通过视觉设计加成之后,通常有着不错的转化率。

在设计中,从 A 点到 B 点应该是一个直接快速的过程。电商设计师应该对此深有感触。用户在社交媒体上看到一双网红鞋,他们想要获得它,点击链接之后最好能够立刻看到商品,这样发生购物行为交互的机率会更高。

省时省事的设计策略是让用户尽可能快地看到购买按钮,这样他们就不用反复翻看页面,寻找可点击的链接。这个地方有几个值得注意的技巧。一个是在网站中采用和社交媒体上一致的图片,让用户一眼可以判断出他要的东西和商品是一个东西。

3. 将复杂的元素分解

将复杂的故事分解为更小、更容易吸收和理解的部分,用户会更容易 Get 到其中的信息。在文本段落处理上,较小的段落肯定比较大的段落更容易阅读和理解,而用户也大多更愿意阅读这样的内容。

尝试使用诸如卡片式的设计,借助视差滚动引导,或者将主要内容归纳出来,通过「阅读更多」将用户导向完整的原文。这样的技巧都能提升参与度,并且降低内容的复杂度。

4. 减少表单内容

想要用户更快地交互,最简单的方法之一,就是尽量只提供关键的信息,减少不必要的内容。而在表单的处理上,也沿用相同的技巧。

  • 只询问必要的信息,例如用户姓名和电子邮件,并且提供稍后可继续完善的表单选项。
  • 使用可判断输入数据是否正确的表单功能,确保用户知道他们是否输入正确,错误出在哪里,便于更正。
  • 不要要求提交已经提交的、重复的数据,例如同时要求填写信用卡的类型和信用卡号码(实际上可以通过号码来判断类型)。

5. 设计清晰显著的行为召唤







请到「今天看啥」查看全文