众所周知，大多数落地页的使命在于实现转化，而达成转化的首要条件则是留住客户。这意味着，自用户点击广告进入落地页跳转的那一刻起，直至其产生兴趣之前，绝不能让其萌生出关闭页面的念头。
但实际状况却是，众多用户在进入页面之后，甚至还没认真看上几眼，就被排版、图片等所营造出的不适感给烦得直接退出了，哪里还能谈得上转化……
特别是下面的这个落地页。当看到这个设计时，我的第一反应是应当珍惜——能够在一个页面中精准无误地落入每一个设计禁忌的陷阱，实在是罕见之极。不管是整体架构、页面布局，还是图片挑选、色彩组合等，均成功避开了所有正确的操作方式。
一、设计逻辑 VS 美女逻辑
落地页给人的初印象，可以看作是人在正常情况下突然目睹一个事物时所产生的整体感受。
就好比我们对一个姑娘的第一印象是干净整洁、时尚潮流、眉目清秀、气质出众，于是我们的脑海中就会一直留存这姑娘是美女的印象，实际上你并未仔细端详，她也许容貌平平。
落地页的设计
亦是如此，第一眼的美观至关重要。类似排版混乱、图片毫无感觉、加载时间过长这类问题，都会给用户带来极差的初印象。所以，一个期望吸引用户留下来阅读销售文案的落地页，需要着重关注下列 3 个节点的设计：
1、第一眼激发情绪
一个出色的落地页，给人的第一眼应当符合以下两个条件：
1）不能毫无条理。第一眼的杂乱无章会增添阅读压力，有压力自然会让人选择逃避。
2）差不多在第一眼的瞬间，映入用户眼帘的图片要能够引发用户的认同感，用户才会产生兴趣。
上述两点均得以实现，也就是既看起来轻松，又富有感觉，用户才会暂且留下来。
2、第二眼展开吸引
顺利通过第一眼之后，便迎来了第二眼。
刚刚的第一眼咱们主要是照顾用户的情绪，先让其稳定下来，此刻第二眼要做的事情就是要将我们期望用户看到的内容，清晰地放置在他们自然而然会去关注的位置，切记不要用多余无用的东西来干扰他们。
3、第三眼促使消费
接下来就相对容易了，我们成功吸引住了用户，只要及时为其提供一个便捷易懂且易于操作的引导方式，推动他们采取行动即可。
当然，这种便捷易懂且易于操作的方式需要依据你所推广的用户类型而定，比如针对年轻和年长的用户所考虑的就有所不同，还要看你的目的，是要引导咨询还是要引导填写表单，如果此时用户无法找到进一步行动的指引，或许他不会有耐心再仔细翻阅一遍，从而导致前功尽弃。
二、设计视角 VS 用户视角
简要介绍了一下落地页设计的要求，现在让我们回到本文开头那个值得整个行业人士珍藏的信息流广告页面，以其作为案例，探讨一下究竟触犯了哪些禁忌，应当如何进行调整。
1、品牌 logo 究竟放不放
这是某家厨房改造公司制作的广告落地页，用户点击广告进入后所看到的第一眼是下面这个样子的，出于人道主义的考量，我们隐去了品牌 logo、名称等相关信息。
这个落地页的整体架构涵盖了页头、导航、头图、主体以及底部转化浮层——而这，实际上是一个门户网站的设计架构。
事实上，采用门户网站的架构来设计信息流广告的落地页是一种极为不讨巧的方式。
信息流广告落地页设计的重点在于要在极其短暂的时间内抓住用户的痛点，猛力出击，直击人心，大量内容的堆砌极易让用户消磨掉那少得可怜的耐心。
例如导航
信息流广告的前提并非基于用户的主动搜索，他们本就不想看广告，在这样的心理背景下设置导航，显然高估了用户的耐心，认为“用户会想要了解我们更多呢！”但实际上用户只有在产生强烈兴趣并且对产品有刚性需求时，才“也许”会想要进一步了解，在此之前，这些导航的设置除了让用户感到繁杂凌乱，别无其他作用。
再如页头
这一页的页头部分占据了 1/6 那么大的屏幕，可惜，对于一个信息流广告落地页而言，这 1/6 版面用于展示 logo 毫无意义。不如将 logo 放置在主图位置，会更加醒目，也更容易被人察觉。
2、填充内容越多越糟糕
从理论层面来讲，排版犹如设计师的逻辑，是一个已经相当成熟的系统理论，也就是说，怎样排版更契合用户体验是有规律可循的，然而，在这个案例中的落地页完美地避开了所有正确排版的规则。
例如头图所占比例较大，却未能有效表达出任何内容。
“梦想中的厨房”部分，依旧是门户页的设计习惯（当然也有可能是设计师直接套用模板抄袭），在如此狭窄的空间里排列了三张图片。
说实话，不要幻想所有点击你广告的用户都是手持 iPhone Plus 甚至是 iPad 来看广告，即便使用的是 Plus 的屏幕宽度，这么三张图片挤在那里也会严重影响视觉的舒适度和信息的传播度，就如同在此案例中，完全没有将“梦想中的厨房”的感受传递给用户。
还有字体。整个页面多达 5 种字体（还不包括斜体等变体），大标题、标题、正文、题图字等的区分也极为混乱——设计师似乎完全没有规划，大概只是觉得：嗯，刚刚使用了这个字体了……那么，现在换一个吧！这种毫无规律的设计会向用户传递一种混乱的信息，干扰用户看到有价值的内容，致使用户丧失继续下拉的兴趣。
不仅如此，所有应当留出更多行间距、边距的地方，设计师通通填满了元素；填写信息的部分，两个文字框和申请按钮之间的间距也不一致……啊啊啊，尴尬得让人无法忍受……这些都会增加视觉上的拥挤感，提高用户的阅读门槛，让用户失去耐心，提升跳出率。
例如下面这个：左右两边的边距不相等
例如“改造后”三个字几乎占满了蓝绿色的底图：
例如这个表单，三个元素之间的间距也不相同：
3、图片用于传递情绪
图片在落地页中，常常发挥唤起情绪、强化情绪、推动行动的作用，所以，图片的选择优劣至关重要。而在这个案例中的很多图片选择堪称诡异……
例如下面这张。为了指出用户的痛点，设计师在脏乱差厨房图片的集合之后，放置了一张家庭主妇大声呼喊的图片，图片上还配有文字：您，是否还在隐忍厨房的凌乱？？？
将图片放大一些，大家一同来感受一下，有没有觉得哪里不太对劲？
主妇一脸崩溃，却对你说：“您，是否还在忍？“——这样的对话……真实吗？
但倘若改成这样呢？
是不是感觉主妇更加真诚了？
再来看一组图片：
为了阐述厨房改造后的“成功案例”，落地页上放置了一组这样的图片：
从设计的角度来看，图片的内容、形式、构图、角度都在传递情绪。然而这张图片给用户的感觉究竟是怎样的呢？是会觉得“真的太棒了！”，还是觉得“啊，这就是改造完的？还不如我家的呢……”
再比如这样的一个广角俯视图：
既然是整理收纳后的图片，应当尽可能展现一个“完美”厨房的模样，传递给用户一种渴望体验的感受，可图片中这满满的烟火气……你是想让我说你实在呢？还是说你不懂营销呢？
4、底线是不能干扰用户视线
依然是头图，这次我们来说说它的配色问题（这个头图到底犯了多少错误，感兴趣的可以回头去瞧瞧……）
我们将头图放大至最大，发现依然需要定睛仔细查看才能看清“不负好时光”那一堆字，直接在手机上观看的话，这几个字是模糊的，看不清楚。
也许设计师会说：“本来就不需要看清啊，就是个装饰啊！”
可是，一个设计元素，连看都看不清楚，留着它有何用？我们不期望一个元素既美观又能传递有效信息，但它至少不能干扰用户视线，影响用户看到真正有用的信息。
还有这个：
同样的绿色背景上，白色文字清晰可辨，而橘色则模糊不清。为什么？因为图片底色的明度和文字色的明度过于接近，明度接近会导致底色和文字没有清晰的边界，致使我们无法清晰地辨认出文字。
相反这套落地页主题明确，头图展示婚纱摄影元素及最主要卖点：
2000 元现金券，头图下方则插入表单，以达成客户考核目标：表单填写，表单下方则介绍客拍及优势，让目标用户真正获取有效信息，整个页面简洁优美，没有多余的信息。
最后不得不提，在信息流广告投放的过程中，设计的价值被严重低估了。设计实际上是营销重要的组成部分，和营销一样有规律可循，那便是以用户为主导，从用户的视角出发，思考怎样他们才更愿意继续浏览下去。
从今往后，当你再次接到设计任务时，希望你先不要急于动手，去体会一下文案所表达的含义，去感受一下图片的格调，去想象一下用户的心境，千万不要做那种只会通过关键词搜索配图的设计。
暂无评论内容