近年来为多家
企业提供网站制作和APP设计服务

找个人外包就找阿甘设计

如何设计好活动页面带来更多的流量转化率

来源:涞源 / 时间:2016-04-24 20:22:15 / 浏览:1126 / 设计资源

看了炫酷视觉冲击力很强的活动页面,总结出了关于活动页设计专题的思路和方法也适合做淘宝美工做的详情页海报等设计哦,

什么是活动页面

 典型的静态活动页面通常使用页头banner+标题再配以活动入口的展示形式,主要以背景、banner和标题字体的视觉处理来烘托整体氛围;如今也越来 越多的活动页会加入游戏等趣味性强的互动方式,采用flash形式展现,今年TMALL的喵星球抢红包活动就是绝佳例子。

其实无论哪种活动页,当我们对其进行拆解分析后会发现页面中要展示的信息最终都逃不开以下七种①

1. 活动标题

2. 活动入口

3. 活动奖品/商品展示

4. 活动参与人数

5. 有效时间

6. 获奖信息

7. 活动规则 如何合理布局,将以上所有信息以最优方式展现在页面中,是活动页设计的关键。

一. 充分利用首屏,展示核心信息

笔者的建议是第一屏就将活动的核心内容传达给用户,2011年Jakob Neilsen一项研究结果表明用户将80%以上的注意力花在对首屏内容的浏览上,尤其是call-to-action按钮放在首屏或者第二屏,其转化率 差异巨大。② 对于活动页而言,最重要的核心内容有四个:

1. 什么活动?——活动主题

2. 什么时候?——活动时间

3. 有什么奖品(优惠/利益)——激励,折扣,奖品展示

4. 如何参加活动?——参与入口

· 这是活动页面首屏应当完整包含的内容(当然考虑到一屏的大小,奖品商品大多情况下只能展示一部分)。

图2-首屏中包含页面标题,奖品/优惠,参与入口

· 适当控制内容分量,尤其是首屏中,限制文字字数以减轻用户压力。

· 稍显次要的信息如获奖名单(多数在活动页面中起到烘托气氛的作用)、活动规则等内容可考虑以倒三角结构呈现③。

二.流量的转化率靠活动入口的吸引

关于它的设计,WAD的文章Creative call to action buttons for inspiration里整理过一些不错的范例,我们从中也能总结出要点:

· 足够醒目却又不显得突兀的按钮尺寸

· 位于首屏,处于视觉中心区域的位置

· 视觉表现——按钮采用对比色,渐变,投影等特殊质感;采用特别设计的字体,但需要特别注意字体可读性。

图5-NAVER的Burger King促销活动页,界面清爽简洁,Call-to-action按钮视觉效果突出;

图6-支付宝缴费活动页,可爱清淡的手绘风,按钮选择了与背景和页面主体对比的橘红色,并处在首屏的中心位置;

图7-京东商城双11图书活动页(首屏),大标题,畅销书目突出展示都不错,缺陷就是活动入口不够醒目;

图8-三星NX系列买相机送机票活动页,页面处理得文艺清新,但购买按钮与视觉主体脱离,位置略显尴尬;

根据笔者个人的经验,国内用户大多倾向于简单而直切要点的设计,对按钮尺寸接受程度也相较国外宽松。因此在设计受众为国内用户的页面的时候我们往往会对按钮进行更夸张的处理(说白了,就是可以更大更醒目)。

三. 主标题与副标题突出活动核心价值

我们要做的,是在主标题与副标题的寥寥数语中让用户了解我们的品牌与活动带给他们的所有核心价值,对,所有。(亲泥醒醒!永远不会有用户去看那些长篇大论的活动规则的!TOT)

标题若能做到别出心裁、新颖别致自然好,但若时间所限无法精巧构思,还是有一些原则可以保证至少准确传达信息不出差池:

· 精辟简短——用户浏览题往往一扫而过,文字会提高用户的理解成本

· 使用用户熟悉的语言——在标题内抛出陌生概念往往不是个好主意,用户看不懂很可能会直接关闭页面

· 主标题或副标题其一要直接告知用户利益点与价值所在,简单熟悉如“免费”“礼包”“立减”等词语都能起到良好效果

· 一个稍显粗暴保守但往往有用的方法,动词+名词概括活动核心操作或流程,如“玩应用,得礼包”“每日签到抽奖”等等。

图3-QQ网购抢福袋活动(局部)

图4-腾讯游戏活动页(局部)

四后续发展——活动效果的检测

活动页面成功上线后设计师的工作其实并未结束,每一次活动页面的投放结束后,我们都能从各不同方面,尤其是数据反馈中得到很多经验和教训。

前些日子读到胖胡斐的文章《说说转化率》,里面提到了一个简单易行的评估方式,在这里跟大家分享一下:

将活动按转化路径进行分解,通过对比每个转换路径节点的转化率来评估活动的效果,为进一步提升转化率提供参考。

我们可以效仿这种拆分的思路,对整个活动的流程进行拆分——以应用中心的礼包抽取活动页为例,整个活动的主要流程与涉及到的页面如下:

入口(广告位)→ 活动页面 → 应用列表(活动页中)→ 抽取礼包 → 礼包兑换中心 → 可使用礼包的应用内页

图11-礼包类活动流程与涉及页面拆分

提取每一步的转化率数据进行对照,锁定转化率流失最严重的节点,集中思考解决和改善之道。

总结一下,其实对于活动页的设计,笔者想与大家分享的也不过就是以下几句话:注重信息表 达,充分利用首屏布局核心信息(标题,参与入口,奖品展示)重视入口提高转化率!

关注南方互联:添加微信gannan1174,或者扫描下方二维码快速关注。


本文来自南方互联—从建站设计到淘宝装修全面服务

关键词:网页设计-海报专题设计-流量转化

微信咨询
QQ咨询
返回顶部