腾讯CDC：活动页设计心得二三.pdf

腾讯CDC ：活动页设计心得二三 又一年总攻节的硝烟刚散 ，各大电商网站连 大小门户平台都经历过一轮铺天盖地的促销与各类花 色繁多的相关运营推广活动。 看了好些五彩斑斓的活动页面 ，结合最近阅读的相关文章和自己参与应用中心活动页设计以来积累 的一些不成熟的经验 ，总结出了关于活动页设计的一些小心得 ，值此佳节 （昂=_= ？），希望能抛 一些砖并与大家共同寻找玉的存在^^。 活动页简析 活动专题页面 ，顾名思义是承载各种形式的节庆促销、宣传推广、营销产品发布等等活动的页面 ， 形式与内容也多种多样。 典型的静态活动页面 常使用页头banner+标题再配以活动入口的展示 形式 ，主要以背景、banner和标题字体的视觉处理来烘托整体氛围 ；如今也越来越多的活动页会加 入游戏等趣味性强的互动方式 ，采用f lash形式展现 ，今年T MA LL的喵星球抢红包活动就是绝佳 例子。 其实无论哪种活动页 ，当我们对其进行拆解分析后会发现页面中要展示的信息最终都逃不开以下七 种① 1. 活动标题 2. 活动入口 3. 活动奖品/商品展示 4 . 活动参与人数 5. 有效时间 6. 获奖信息 7. 活动规则 如何合理布局 ，将以上所有信息以最优方式展现在页面中 ，是活动页设计的关键。 一 ． 充分利用首屏 ，展示核心信息 笔者的建议是第一屏就将活动的核心内容传达给用户 ，2011年Ja o b Neilsen一项研究结果表明用户 将80%以上的注意力花在对首屏内容的浏览上,尤其是call-t o-act io n按钮放在首屏或者第二屏 ，其转 化率差异巨大。② 对于活动页而言 ，最重要的核心内容有四个 ： 1. 什么活动 ？——活动主题 2. 什么时候 ？——活动时间 3. 有什么奖品 （优惠/利益 ）——激励 ，折扣 ，奖品展示 4 . 如何参加活动 ？——参与入口 · 这是活动页面首屏应当完整包含的内容 （当然考虑到一屏的大小 ，奖品商品大多情况下只能展示 一部分 ）。 图2-首屏中包含页面标题 ，奖品/优惠 ，参与入口 · 适当控制内容分量 ，尤其是首屏中 ，限制文字字数以减轻用户压力。 · 稍显次要的信息如获奖名单 （多数在活动页面中起到烘托气氛的作用 ）、活动规则等内容可考虑 以倒三角结构呈现③。 二 ． 主标题与副标题阐明活动价值 我们要做的 ，是在主标题与副标题的寥寥数语中让用户了解我们的品牌与活动带给他们的所有核心 价值 ，对 ，所有。 （亲泥醒醒 ！永远不会有用户去看那些长篇大论的活动规则的 ！T OT ） 标题若能做到别出心裁、新颖别致自然好 ，但若时间所限无法精巧构思 ，还是有一些原则可以保证 至少准确传达信息不出差池 ： · 精辟简短——用户浏览标题往往一扫而过 ，文字会提高用户的理解成本 · 使用用户熟悉的语言——在标题内抛出陌生概念往往不是个好主意 ，用户看不懂很可能会直接关 闭页面 · 主标题或副标题其一要直接告知用户利益点与价值所在 ，简单熟悉如“免费”“礼包”“立减”等词语都 能起到良好效果 · 一个稍显粗暴保守但往往有用的方法 ，动词+名词概括活动核心操作或流程 ，如“玩应用 ，得礼包”“ 每日签到抽奖”等等。 图3-Q Q 网购抢福袋活动 （局部 ） 图4-腾讯游戏活动页 （局部 ） 三 ．参与入口——活动页的眼睛 参与入口是活动页转化率的关键。 关于它的设计 ，WA D的文章Creat ive call t o act io n but t o ns f o r inspirat io n里整理过一些不错的范例 ，我们从中也能总结出要点 ： · 足够醒目却又不显得突兀的按钮尺寸 · 位于首屏 ，处于视觉中心区域的位置 · 视觉表现——按钮采用对比色 ，渐变 ，投影等特殊质感 ；采用特别设计的字体 ，但需要特别注意 字体可读性。 图5- NAV ER的Burger King促销活动页 ，界面清爽简洁 ，Call-t o-act io n按钮视觉效果突出 ； 图6-支付宝缴费活动页 ，可爱清淡的手绘风 ，按钮选择了与背景和页面主体对比的橘红色 ，并处在 首屏的中心位置 ； 图7-京东商城双11图书活动页 （首屏 ），大标题 ，畅销书目突出展示都不错 ，缺陷就是活动入口不 够醒目 ； 图8-三星NX系列买相机送机票活动页 ，页面处理得文艺清新 ，但购买按钮与视觉主体脱离 ，位置略 显尴尬 ； 根据笔者个人的经验 ，国内用户大多倾向于简单而直切要点的设计 ，对按钮尺寸接受程度也相较国 外宽松。因此在设计受众为国内用户的页面的时候我