春节是一年最为重要的节日之一,也是流量的高峰期。如何在这样的节日中打造一个体验不错的活动,需要产品、设计、技术的紧密配合,这次活动的合作和产出对我们每个人都是一次宝贵的经验,那么设计在其中做了什么工作,让我娓娓道来…
1. 项目背景
今年春节运营活动与以往有些不同之处,在为配合整体App冲量和促进活跃度之外,希望从主体、内容、推广资源上与乡镇、同镇、老乡概念相结合收集家乡信息,为后续产品作以积累,也希望可以通过活动尝试找出微信社交红利导流App的有效途径。那么用什么样的方式来达到这些目的呢?
2. 前期准备
围绕核心目的,我们与产品、交互、进行头脑风暴,研究案例, 从中汲取灵感,产生出很多不同的风格(如温情路线、传播路线、游戏路线等)及活动形式。最终确定以热门方式之一的红包现金作为激励,让用户填写家乡信息得红包, 老乡助力加红包,拆红包得奖励、家乡荣誉榜这样的一个形式, 来达到最终的预期。
在活动形式与交互流程确认之后,开始进一步的设计, 在各方讨论之后, 我们认为在设计层面它应该具有以下几点:
- 需要传达的信息明确
- 主题基调贯穿活动
- 视觉风格和感受具有氛围感,有一定视觉冲击力
3. 正式开工
3.1 关键词提炼
确定整体活动基调,这次是在春节这个节日之下,以红包为主体, 结合老乡概念,因此提出下面几个关键词,使得红包活动与春节整体氛围相符。
3.2 主视觉推导
确定关键词之后,就可以考虑一下具体用什么样的风格来呈现, 在收集了一些春节的运营风格之后,我们决定采用扁平+中国风的风格。
3.3 活动界面
(1)活动主界面
结合上面分析和要突出的元素,开始绘制活动主页草图。主界面在春节喜庆氛围之下,以红包作为主体,加入老乡,春节等元素进行引导用户点击抢红包,进入填写家乡信息的弹窗界面。给大家看一下所出的3个草图方案,如下,经过比较和讨论决定采用方案1的草图。
将方案细化后, 将色彩以暖色红黄色为主色调,冷色调作为点缀,营造出一种春节喜气洋洋的氛围, 同时在主界面中最重要的一个button也采用反差较大的黄色刺激用户点击欲望。
(2)拆红包页
增加动态滑动拆红包效果来提高用户参与感, 并伴随拆红包同时,老乡好友互相助力得多红包,引导用户分享传播,可以看到家乡助力排行,刺激用户为家乡助力,在视觉上与主视觉贯穿主基调风格。
(3)助力榜及提现页
助力榜页面是基于APP端差异化的内容, 正如项目背景中所说的,这个活动不仅传播于APP端,也尝试借助其它平台微信来进行传播分享,而微信本身在传播过程上有一些特殊的限制, 因此我们不能用完全相同的设计图,要做一些差异化, 做到既能保持视觉的统一性,又能保证在微信平台顺利传播。整个画面榜单的设计采用古代大榜告示的样式,结合春节氛围, 引起用户的共鸣。助力成功后,提现页与整体保持一致的风格。
(4)弹窗
多种状态下的弹窗, 在不变中又包含差异, 每组弹窗都会有细微调整。
入口设计是在视觉上吸引用户点击, 达到对活动进行导流的很好的方式。而落地页则用言简意赅的文字和丰富的视觉表现来达到吸引用户进入活动页面的目的。同时, 闪屏会是当用户第一时间打开产品时都会浏览到的界面,所带来的导流用户量也是非常可观的。
(5)入口
设计依旧采用贯穿整体风格元素,色彩冲击力强的特别吸引用户点击。
(6)落地页
用整体风格的延续, 用指向性的动势来引导用户点击进入活动页面。
(7)闪屏
闪屏出现不同阶段, 因此做了不同内容的视觉。
4. 数据反馈
活动时长为12天, 涉及3个平台,投放17个渠道。 总日活、日均活跃度及次日留存数据如下:
同时,活动为APP整体日活目标助力,实际达成活跃440W,收集家乡信息71W,整体达到之前预期的目标。
5. 设计总结
整个活动的体验上是比较顺畅的, 并且上线之后的效果也达到预想的目标, 这得力于大家的紧密合作,也很特别感谢和我一起负责视觉的南小斐,和伍思晟童鞋, 同时这段时间的运营工作中我也学习到很多, 有一些相关经验和感触, 和大家分享:
(1)活动策划提前做
前期中的创意想法的脑暴为后面出草图方案给到了很多灵感, 这一点得力于大家的奇思妙想,也上设计和交互的工作时间上有所保证, 并把想法方向坚持下去,避免了设计常因方向变化而导致大反攻。
(2)人群生活勤观察
更好观察这类人群的特性,喜好,及把握用户的心里, 并通过理解和感受体验提取转化为元素展现在我们的设计中, 才能做到让用户看到画面产生共鸣。让用户理解活动的意义, 而不仅仅是停留在表面的美丑上。
(3)要和开发当闺蜜
在整个过程中, 论配合, 当然是和开发童鞋之间的关系啦, 要互相沟通理解,设计了解技术上处理的难点从而尽量规避,而开发知道设计的要求和问题, 从而找出合理的解决方法, 这样才能更有效率的做出好的东西。我们可以吸取活动中好的经验,把它固化然后运用到更多的项目中, 同时也把已出现的问题提出避免再次产生, 从而设计出更好的作品!
特别感谢一起为春运项目付出的童学们:
作者:佟佳昕,视觉设计师,一个做设计做陶器的画画小妹
本文来源于人人都是产品经理合作媒体@58用户体验设计中心(微信公众号@58UXD),作者@佟佳昕
题图来源于网络