加载中…活动页设计心得
(2013-03-04 22:37:26)
标签：
文化杂谈设计网页 |
分类： 网设理论 |
看了好些五彩斑斓的活动页面，结合最近阅读的相关文章和自己参与应用中心活动页设计以来积累的一些不成熟的经验，总结出了关于活动页设计的一些小心得，值此佳节，希望能抛一些砖并与大家共同寻找玉的存在^^。
活动页简析
活动专题页面，顾名思义是承载各种形式的节庆促销、宣传推广、营销产品发布等等活动的页面，形式与内容也多种多样。典型的静态活动页面通常使用页头banner+标题再配以活动入口的展示形式，主要以背景、banner和标题字体的视觉处理来烘托整体氛围；如今也越来越多的活动页会加入游戏等趣味性强的互动方式，采用flash形式展现，今年TMALL的喵星球抢红包活动就是绝佳例子。
http://s11/mw690/a40adb43t7be9080e3b3a&690
其实无论哪种活动页，当我们对其进行拆解分析后会发现页面中要展示的信息最终都逃不开以下七种
1.
2.
4.
5.
6.
7.
一．充分利用首屏，展示核心信息
笔者的建议是第一屏就将活动的核心内容传达给用户，2011年Jakob Neilsen一项研究结果表明用户将80%以上的注意力花在对首屏内容的浏览上,尤其是call-to-action按钮放在首屏或者第二屏，其转化率差异巨大。② 对于活动页而言，最重要的核心内容有四个：
1.
2.
3.
4.
·
http://s11/mw690/a40adb43t7be90865260a&690
图2-首屏中包含页面标题，奖品/优惠，参与入口
·
·
二．主标题与副标题阐明活动价值
我们要做的，是在主标题与副标题的寥寥数语中让用户了解我们的品牌与活动带给他们的所有核心价值，对，所有。（亲泥醒醒！永远不会有用户去看那些长篇大论的活动规则的！TOT）
标题若能做到别出心裁、新颖别致自然好，但若时间所限无法精巧构思，还是有一些原则可以保证至少准确传达信息不出差池：
·
·
·
·
http://s6/mw690/a40adb43td71a56fdc905&690
三．参与入口——活动页的眼睛 参与入口是活动页转化率的关键。
关于它的设计，WAD的文章Creative call to action buttons for inspiration里整理过一些不错的范例，我们从中也能总结出要点：
·
·
·
http://s16/mw690/a40adb43td71a5b58878f&690
图5-NAVER的Burger King促销活动页，界面清爽简洁，Call-to-action按钮视觉效果突出；
http://s15/mw690/a40adb43td71a5d42b6de&690
图6-支付宝缴费活动页，可爱清淡的手绘风，按钮选择了与背景和页面主体对比的橘红色，并处在首屏的中心位置；
http://s11/mw690/a40adb43td71a5f93f26a&690
图7-京东商城双11图书活动页（首屏），大标题，畅销书目突出展示都不错，缺陷就是活动入口不够醒目；
http://s14/mw690/a40adb43t7be909c86c8d&690
图8-三星NX系列买相机送机票活动页，页面处理得文艺清新，但购买按钮与视觉主体脱离，位置略显尴尬；
根据笔者个人的经验，国内用户大多倾向于简单而直切要点的设计，对按钮尺寸接受程度也相较国外宽松。因此在设计受众为国内用户的页面的时候我们往往会对按钮进行更夸张的处理（说白了，就是可以更大更醒目）。
四．特殊情况，怎么办？
不是所有的活动都天生对用户存在吸引力，实际上我们设计活动页时常常遭遇各种局限——素材不足，奖品不丰富，活动流程繁琐，学习成本高等等，这就需要设计师发挥巧思以保证页面布局清晰，重点突出，足够吸引用户。
·
应用中心的每日抽奖页面，将三个步骤列于页面中间，同时页面中三个放大的数字也起到了很好的引导提示效果。
http://s5/mw690/a40adb43td71a642811a4&690
图9-应用中心抵扣券页面（局部）
·
在素材有限条件下，部分设计师会尝试将最能吸引用户的操作放在首屏中，如抽奖、领取礼包等等，尽管有时候它们并不是第一步；
应用中心女生节活动页，活动规则是每玩一款应用即可获得一次抽奖机会，但若是按照常规思路来排布页面，礼包展示与抽奖按钮必然会被挤到第二屏，首屏只有平铺的应用列表，平淡无趣，；于是我们将页面进行了调整，将领取礼包放到第一屏，当用户没有抽奖机会却点击了领取礼包时，再给予用户去玩应用的相应引导。
http://s11/mw690/a40adb43td71a668a865a&690
这样的做法能在当前条件所限下加强页面冲击力和吸引力，但同时存在一定风险，会让用户的操作流程与页面正确操作流程相悖，增加用户犯错概率。
此时需要通过其他的交互手段进行弥补，如上面提到的提供流程示意图，或者在犯错后进行友好的引导等等。笔者个人还是比较理解这种设计方式的，找准页面核心任务与核心操作，大胆地对非核心的功能进行减法和舍弃，虽然最后输出的可能并非最佳结果，很多时候这也是一种必要且可行的设计思路。
五．关注后续——活动效果的评估
活动页面成功上线后设计师的工作其实并未结束，每一次活动页面的投放结束后，我们都能从各不同方面，尤其是数据反馈中得到很多经验和教训。
前些日子读到胖胡斐的文章《说说转化率》，里面提到了一个简单易行的评估方式，在这里跟大家分享一下：
将活动按转化路径进行分解，通过对比每个转换路径节点的转化率来评估活动的效果，为进一步提升转化率提供参考。
我们可以效仿这种拆分的思路，对整个活动的流程进行拆分——以应用中心的礼包抽取活动页为例，整个活动的主要流程与涉及到的页面如下：
入口（广告位）→
http://s7/mw690/a40adb43td71a692c5026&690
图11-礼包类活动流程与涉及页面拆分
提取每一步的转化率数据进行对照，锁定转化率流失最严重的节点，集中思考解决和改善之道。
总结一下，其实对于活动页的设计，笔者想与大家分享的也不过就是以下几句话：注重信息表达，充分利用首屏布局核心信息（标题，参与入口，奖品展示）；找准页面核心任务并凸显核心操作，给予友好简明的的流程引导与提示；关注活动数据，参照数据找出活动页面的相关改进点。以上都是入职以来一些经验总结，尚显稚嫩，若能给大家带来那么一点点思考和启发，笔者就十分满足了。
喜欢
0
赠金笔