干货丨落地页优化——落地页设计优化

干货丨落地页优化——落地页设计优化

欢迎大家继续关注LPO系列教程的第五弹,本文要跟大家聊的是落地页网页优化中跟设计有关的一些要点。

LPO课程安排

有言在先,小智本人并没有设计相关的背景和实际技能,Photoshop的水平也就是裁个图打个码的程度,所以在这里讨论的设计确切点儿说是从统筹一个项目或管理者的角度看待网页设计这件事,跟大家介绍一些跟网页设计有关的基本原则,帮助大家避免和设计人员打交道的时候话说不到点上或者满嘴都是外行话。相信大家如果在实际工作中需要管理设计人员或需要和设计人员协作的话,那么本节课介绍的很多内容会有所帮助。

言归正传,很多人都认为设计的一大要务就是要确保“好看”、“漂亮”,而且觉得这跟设计师本人的审美关系非常大,一些人甚至认为审美是可以培养的,但以我多年和设计打交道的经验来看,

 

以清朝的雍正皇帝和他儿子乾隆皇帝为例,两人虽然是两代人,但考虑到都是生于皇家,而且再考虑到当时清朝实行闭关锁国的政策,可以粗略判断两人所受到的熏陶和教育大体相当,但仍然在审美情趣上大相径庭,一个追求淡雅的性冷淡风,另一个则是大红大绿农家乐风。可见审美这种事情真不是勉强得来的。

那么到底哪些是能够控制的呢?我们要从设计的定义上来入手,设计,是把一种设想,通过合理的规划、周密的计划,通过各种感觉形式传达出来的过程。在这个定义中,“感觉”肯定是靠审美,而“合理的规划”和“周密的计划”则不管是不是设计人员都是可以实践的。

那么具体到我们可以干预的领域,主要是两大领域,那就是风格配色

风格(Style)是一个抽象概念。而一个网站或落地页的风格是指站点的整体形象给浏览者或访客的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

而在网页的风格上,是有章可循的,因为已经有足够的前人经验可以作为参考,接下来就给大家介绍几个目前常用的网站设计风格:

风格1

 

风格2

 

风格3

 

风格4

 

风格5

 

风格6

选择了适合自己的业务的落地页风格之后,我们再来看配色,配色的小技巧非常好掌握:

1、用一种色彩:这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感;

2、用两种色彩:先选定一种色彩,然后选择它的对比色;

3、用一个色系:简单的说就是用一个感觉的色彩。

这些小技巧的共同点就是,颜色要少。就像我们图片中模特身上穿的职业装一样,颜色的选择一定不能太多。另外解释下什么叫做对比色色系

我们看下下面这个色盘,在这个色盘中有三原色:红、黄和蓝,三个原色彼此混合就诞生了三间色:橙、绿和紫,原色和间色的过渡就是复色:

一种颜色在这个色盘上对面120˚到180˚之间的颜色就是它的对比色,而相邻的几种颜色就构成一个色系。

在颜色的辨认上不但专业人士与非专业人士之间有很大区别,就连男女之间都有天然的鸿沟存在,下图就是网上一个流传非常广的图片,形象地阐述了在男女眼中颜色的数量的差别,相比之下,男性眼中的颜色种类其实非常匮乏:

男女差异

而不同的颜色在市场营销领域也都有约定俗成的具体含义,例如不同的公司都会在自己公司logo的颜色选择上煞费苦心,甚至不惜豪掷千金去聘请顶级设计师给自己设计最符合自身理念的logo,原因就在于此。

logo颜色

下图就非常清晰地介绍了不同颜色在营销领域所代表的不同意思:

有了对于风格和配色的了解,相信这个时候大家已经对于和设计沟通有些自信了,至少不会满嘴外行话了,但毕竟我们不是专业设计人员,所以在于设计沟通的过程中,不要妄想提出“画龙点睛”的“真知灼见”,更靠谱地做法是要”不求有功,但求无过“,因此,在落地页设计过程中的几个大坑我们一定要耳熟能详,并且务必避开。

接下来就和大家介绍下落地页设计中容易犯的,但同时也是要尽量避免的几个重大错误:

落地页设计重大错误之1:模糊的行动号召(CTA)

模糊的行动号召意味着访客不知道或不清楚到底这个页面是想让自己做什么。当然随着互联网推广的逐渐深入,目前犯这样低级错误的已经是越来越少了,但仍然在一些细节处部分存在。

这里找了两家外语培训机构的落地页来举例,当然已经隐去了品牌信息。

第一家的按钮上的文字是”立即行动“,其实这就是一句毫无价值的废话,应该在这么重要的视觉焦点上简明扼要地告诉访客提交个人信息之后到底能够获得什么。

 

第二家左侧通过一些设计元素比较模糊地告诉了访客提交申请之后可以获得一些诸如”英语水平测试“之类的福利,但仍然让人不知道具体都是什么,英语水平测试是个很模糊的概念,到底测试的是什么?是听力?是口语?还是单词量?

 

落地页设计重大错误之2:选择障碍

第二个重大错误就是落地页上元素或行动号召太多,让人无从下手,这种情况在软件下载行业居多,下面就是一个软件下载网站上SPSS的下载页面:

 

在这个页面上,明显的下载按钮就有5个之多,很多人可能认为这样的做法是区分不同的下载渠道,确保用户能至少通过一个好用的渠道下载到相应的软件,但实际操作的时候我们经常发下有些按钮只是将大家引导到另一个下载页面,甚至有时候居然会绕了一个圈后再次回到原来的页面,这样做只能是为自己的网站凭空增加一些不必要的pageview,但对于用户体验来说是巨大的伤害,除非是故意这么做……

 

落地页设计重大错误之3:视觉分散

视觉分散的罪魁祸首往往是以下几个:

  • 狂野的背景色;
  • 花哨的文字;
  • 过度的视觉装饰;

4、动画或视频。

其中最为完美符合这些特点的其实是一种不太正经的网站,在这里给大家截一张经过了复杂打码处理的截图,感谢Doge的友情出镜,让大家免于尴尬。

 

落地页设计重大错误之4:挂羊头卖狗肉

这类的错误产生的原因往往和不恰当的推广创意有关,有的时候因为过于在意获量,或者在广告的匹配方式上没有把握好,会把访客带到一个与他们预期完全不同的一个落地页,例如下面就是一个让人啼笑皆非的案例。

当搜索”比赛方案“的时候我们看到了两条比较搞笑的广告,从关键词的飘红来看,应该是针对关键词采取了广泛匹配,所以这个广告的出现除了不是很精准之外倒也没有什么不妥之处,不过让人注意的是这个文案的撰写确实是很奇葩,在这个时候,虽然这个广告结果与网民的需求”比赛方案“大相径庭,但也不排除一部分人忍不住好奇点击了这些广告。

 

结果点击之后看到的是什么呢?真的是一个奇葩比赛的方案吗?非也,不出意外是一些不可描述的、难辨真伪优劣的药品描述,为了不误导大家,我已经对所有文字都做了遮盖处理。

 

接下来的三个重大错误:

落地页设计重大错误之5:文字太多

落地页设计重大错误之6:表单过长

落地页设计重大错误之7:缺少信任和信誉

因为比较好理解,所以不做过多描述,大家可以自行想象。

落地页设计重大错误之8:不符合平台规则

最后这条必须跟大家明确地解释一下,众所周知,各家媒体平台都有自己的相关广告政策,其中针对落地页几乎都有类似的规定,那就是在收集用户信息的时候必须出示《隐私条款》和《使用条款》,同时在落地页底部必须提供实体地址信息以及ICP备案号,如果是金融相关的内容还必须有类似”投资有风险,入行需谨慎“的警示语,也就是下面截图的这些:

 

没有这些的话,就不是投放效果好不好的问题了,而是媒体平台根本就不可能让你投放(当然偶尔有漏网之鱼)。

 

 

附:

LPO课程架构全目录预览

第一课 落地页制作的从0到1

1.1 内容流

1.2 体验流

1.3 数据流

1.4 制作落地页的三位一体

 

第二课 落地页建设工作流程优化

2.1 落地页建设工作流程优化之人员优化

2.2 落地页建设工作流程优化之团队优化

2.3 落地页建设工作流程优化之项目管理优化

2.4 落地页建设工作流程优化之SOP

2.5 落地页建设工作流程优化之checklist

2.6 如何加速落地页建设相关决策进程

 

第三课 落地页性能优化

3.1 落地页性能关键指标之关键帧时间

3.2 落地页性能关键指标之首字节时间

3.3 落地页性能关键指标之开始渲染时间

3.4 落地页性能关键指标之资源请求数

3.5 如何提升落地页性能

 

第四课 落地页内容优化

4.1 落地页内容优化八字诀之专

4.2 落地页内容优化八字诀之形

4.3 落地页内容优化八字诀之权

4.4 落地页内容优化八字诀之曝

4.5 落地页内容优化八字诀之诱

4.6 落地页内容优化八字诀之独

4.7 落地页内容优化八字诀之细

4.8 落地页内容优化八字诀之时

 

第五课 落地页设计优化

5.1 落地页设计重大错误之模糊的行动号召(CTA)

5.2 落地页设计重大错误之选择障碍

5.3 落地页设计重大错误之视觉分散

5.4 落地页设计重大错误之挂羊头卖狗肉

5.5 落地页设计重大错误之文字太多

5.6 落地页设计重大错误之表单过长

5.7 落地页设计重大错误之缺少信任和信誉

5.8 落地页设计重大错误之不符合平台规则

 

第六课 落地页监测分析

6.1 Web分析

6.2 可视化分析

6.3 反馈和调查分析

6.4 网站性能分析

6.5 竞争分析

6.6 可用性测试

6.7 电子邮件增强工具

6.8 营销工具制作落地页的利与弊

 

第七课 落地页A/B测试

7.1 方法论大于创意

7.2 通过A/B测试提高落地页转化率的方法论

7.3 落地页A/B测试之调查阶段

7.4 落地页A/B测试之假设提出

7.5 落地页A/B测试之假设优先级

7.6 落地页A/B测试之测试

7.7 落地页A/B测试之分析

7.8 落地页A/B测试之PDCA

 

第八课 如何借助Ptengine优化落地页

8.1 Ptengine优化落地页方法论-CLUE

8.2 Ptengine优化落地页案例

发表评论

电子邮件地址不会被公开。 必填项已用*标注