微信咨询
咨询电话:4008-517-208 手机:138-1875-0604
营销型网站建设 网站优化 seo优化 网络营销 就选百橙网
我们的优势: 优化团队核心成员10年SEO经验 5000+新闻媒体资源,1500家企业合作 企业保证,正规流程,正规合作 承诺24小时快速解决问题
SEM推广之如何优化移动端落地页?
发表日期:2022-11-17 10:51:00 游览次数: 32891

这位小伙子这么有眼光,贴心的小编怎么能不帮忙解决呢。于是在我的一番排查下,最后小编只能说:恕小编无能,这样的落地页小编也无力回天啊。

着陆页整体布局较满,容易给用户带来视觉负担;且主体颜色和自身产品色不搭,也没有很好地展示产品;某些字体较小,浏览起来较为困难;文案也不够戳痛点……

移动端落地页截图

毫不夸张地说,有点击没对话80%都由于落地页不给力,因为着陆页负责承载流量;而移动端着陆页的重要性就占据80%(除个别传统行业),因为这是一个移动互联网时代。

那也许此时有人会说:我知道我的着陆页有问题,可我们这没有专业的美工,而我又不懂设计。

所以,如此有才华的小编今天就向大家分享几招。本文将注意以移动端为例,从手机属性和用户习惯两方面来分析下着陆页的设计技巧,都拿小本本记好了啊。

SEM分割线

手机属性

01 轻、薄、小

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

一般情况下,手机尺寸大则6寸,小则3.5寸,一只手便可拿住。

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

设计优化方案:

符合手机尺寸

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

建议设计时尺寸为:宽度720px,高度1000px。

02 纵向展现

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

所以,在设计时,要注意着陆页设计的形式,注意其构图思维。


赵阳SEM培训为您详述横向构图和纵向构图的区别

设计优化方案:


上下分栏

由于PC端的影响,众多设计师在设计时构图思维可能会倾向横向展现。

  • 比如图一:图小、字小,不利于阅读

  • 比如图二:上下阅读更符合用户浏览习惯


移动端落地页上下不分栏图示


图一


移动端落地页上上下分栏图示


图二

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

03 足够聚焦

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

而自带小属性的手机,也意味着用户的目光会足够聚焦。

所以,在设计时,我们要能保证用户可以最大限度记住页面上的内容。

设计优化方案:

一屏一主题

一屏于手机而言就是最小的信息单元,即用户可以最大限度看到的信息内容。

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

  • 比如图一:卖点较多,阅读后印象并不深刻

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


移动端落地页上一屏多主题图示


图一

移动端落地页上一屏一主题图示

图二

适当留白

利用断句符、行间距等对着陆页上的内容信息进行适当留白。

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

  • 比如图一:文字与图片间紧密排列,没有太多的空间呼吸感

  • 比如图二:文字间有留白,排序整齐,多而不乱


移动端落地页上没有适当留白图示


图一


移动端落地页上有适当留白图示


图二

砍掉上下留白

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

但这并不利用我们对产品的展现。

  • 比如下图,视觉上在一定程度上用户目光集中化,但同时也不利于产品的展示。


移动端落地页上没有上下留白的图示

所以,在对产品进行展示时,要避免上下留白,而是以全屏显示。


SEM分割线

用户习惯

01 跳读、挑读

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

且目前阅读环境都较为碎片化,所以跳读、挑读便是当代人的特性。

设计优化方案:

利用对比

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

  • 比如下图。利用灰色和黄色形成对比,使其内容更加突出化。


移动端落地页上利用对比方法的图示

通常对比的展现形式有以下几种:


大小对比、颜色对比、虚实对比、前后对比

02 滑动速度快

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

所以,着陆页内容一定要“一眼见,秒懂”。

设计方案:

一眼见,秒懂

内容信息要简单化,避免官方化、技术化、行业化的语言。

背景图勿盖字

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

比如下图,你愿意浏览这类的产品信息吗?

移动端落地页中背景图盖字图示

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

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

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

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


移动端落地页中背景图上要盖字图示

我们经常会说有点击没对话,但其实关键点就在于着陆页。


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

只有用户能够将着陆页完完整整浏览下来,才能被你的营销所套路。


免责声明:本站部分资源图片及文字信息来自网络,如侵犯到您的权益,请及时通知我们:Email: 68409478@qq.com
新闻分类

为您推荐相关资讯 MORE

为您推荐相关建站案例

关于我们

网站建设公司,SEO优化,网络品牌塑造,我们以专业的技术实力,打造各行业品牌网站。公司的服务宗旨是:"用诚心做好服务,用实力做好质量"!

联系我们

  • 地址: 上海市松卫北路295号陆国时代大厦911室
  • 电话: 138-1875-0604
  • QQ咨询: 68409478
扫描二维码 关注我们官方微信 解决SEO建站问题
咨询电话

4008-517-208

周一至周六9:00-18:00

地区分站

(c) 2017-2018 百橙网 站 沪ICP备15052651号-8