headerphoto

如何优化移动端着陆页?一篇文章教你搞定!

2018-06-22 13:24

  在竞价推广过程中,着陆页负责承载流量;但是你知道吗?移动端着陆页的重要性占据80%(除个别传统行业),这证明现如今是一个移动互联网时代。因此本文将以移动端为例,从手机属性和用户习惯两方面来分析下着陆页的设计技巧,都拿小本本记好了啊。

  说起手机属性,大家第一反应肯定是轻、薄、小。而在着陆页设计中,小为重点,重要性为100%。

  所以,我们在设计时要注意设备的尺寸,以此来确定图片的大小,避免规格不同,造成图片展示不完整等。

  目前情况下,大多数手机满屏尺寸为720*1280像素,即9:12的构图比例。

  外形也隶属于手机属性的一类。而手机与PC端最大的区别便是一个横向显示、一个纵向显示。

  手机形状小而长,日常浏览信息时,我们也会倾向于由上往下。所以,我们要尽量上下分栏,而避免左右分栏。

  当我们的眼前是一张白纸,我们的目光会聚焦在整张纸上;若纸上有一个小圆点,我们的目光就会被聚焦。

  而一屏一主题,一方面可以内容一目了然,用户只需浏览一遍便可记住,另一方面减少了信息与信息间的互相干扰。

  比如图一:卖点较多,阅读后印象并不深刻比如图二:整屏突出一个卖点,更有冲击性,且阅读后印象更为深刻

  一方面可使内容信息表达地更有层次感,另一方面可大幅度降低用户接收信息的难度,提高信息沟通的效率。

  比如图一:文字与图片间紧密排列,没有太多的空间呼吸感比如图二:文字间有留白,排序整齐,多而不乱

  在面对竖的长方形屏幕时,为了画面整体平衡,将设计主体居中,会让用户的注意力往中间的形状聚焦。这几乎是天生和谐的排版设计手法。

  “燥”可以说是大部分人的关键词。在海量信息的下,匆促时间的下,快时代的发展下,用户极少有耐心去认真看某些东西。

  由于用户会进行挑读,所以我们要擅用对比,让文字有一个层次感,让用户看到我们想让他看到的东西。

  跳读形成的一种现象便是滑动速度快。且在大屏手机的下(只是手指上下滑动即可),更是造就了这种现象的发生。

  很多情况下,广告主为了加强用户对于产品的认知,会采用背景图+字的形式进行展示。

  上述栗子可以是一个反例。通常,我们要使用这种设计手法时,要满足以下两点:

  第一,色彩不用太复杂,减少对眼睛的刺激,客观上延长了用户的耐心,也就是延长了对本屏信息的阅读时间。

  第二,背景图上不要盖字,否则文字和图像传递的信息都会受影响,传递效果会被削弱。

  比如下图,从整体来看,色彩较多,且暗红色背景加上红字,使其文字的辨识度很低。

  那何为着陆页?简单来说便是:一方面是利用营销理论去套用户下单,另一方面便是利用设计去增强用户体验。而体验是前提。