你知道刷一刷红包预热H5背后—设计在弄啥嘞？

确定活动基调和载体元素，下一步我们要考虑如何让这次的H5预热与“刷一刷红包”这个功能产生关联，除了要出现红包元素，刷一刷的动作也是需要提前教育用户的，所以策划让H5只有一种下拉的交互操作，通过反复的下拉（这就成了刷），让用户潜移默化。在动作上，我们以一些生活上的常识习惯为依据，把下拉当成启动下一步的方式，给用户即时性反馈（如拉开帘幕、拨动云雾、开灯等等），让用户在这个H5中感受自然而不突兀。最后，通过H5尾后的视频直观告知用户怎么参与到刷一刷的活动中，把功能与活动联系上。

结合上面所说的，我们对分享、调整的问题、细节也进行了探讨并制定出了方案，这些点我们后面会提到，先让大家看看整个方案先吧！如下：

……呃，由于草图太草不太好理解，所以还是直接看视觉稿说吧：

灵活调整

这个H5里面最关键的就是时间线部分，通过上面2点，我们想到用地图为载体，把活动具体的明星和企业信息以及时间点按照一个明确的顺序传达给用户，这样不仅直观而且有趣。但由于时间点和明星、企业信息在上线之前都会有策略调整、招商问题等因素的影响，这会大大增加设计返工的风险，而且运营的设计里往往牵一发动全身，改一个地方会涉及到好几个地方（有的时候会波及整个页面乃至整个流程），为此我利用这个地图想了一种可以灵活调整的设计来应对这次运营中会出现的风险，我把它戏称为“积木拼装”，设计过程如下：

老规矩，先出草图（草图和最终方案会有出入的哈）～～

然后具体绘制，首先是这基础地图，布局好基本的模块，便于后面添加或减少。

接着就是元素的组件化。这是这个方案的核心，通过把元素组建后，就能够把它们如同积木一样按照上面提到的模块拼装到地图上。

上面就是基本组件组装后的效果了，中间留出了放置企业和明星的主要路线。

放置明星和企业以后，为了突出主要路线并结合元旦跨年晚上的感觉，因此把主要路线以外的区域都压暗下来，营造氛围感并使得用户更集中到路线（时间线）上，那些对应的时间点，也都做成组件，突出之余并方便替换。通过“积木拼装”的方法，这样哪怕有调整，都能够通过组件的添加和删减或者位置的变换来完成，大大减少因为招商以及决策因素频繁返工所带来的工作量。当然，前期绘制组件和地图也是个不小的工作量…但，毕竟自己提的，而且设计师总要有追求嘛…

分享

为了让更多的用户看到并了解这个h5，除了通过各个渠道去进行曝光之余，另一方面方法就是刺激用户分享到如QQ空间、朋友圈等平台，通过各种关系链达到曝光和营造口碑等目的。能够刺激用户分享的h5内容我总结了下一般是：排行榜、测试结果、新闻热点、收益、个人数据这几类，但是它们都有个共同点，那就是都是和用户自己相关的内容信息，因此我们结合红包的相关数据，并对其进行包装，让用户在心理上更具有参与感（微信平台拉取不了信息，另作显示）。

细节

文案

文案是特别重要的，在很多的设计文章中都有提到，运营也是一样。这次的运营中，除了传达上诉的明星与企业信息、时间点，最最重要的就是告知用户“12.31晚上7点，来QQ刷一刷抢红包”这一信息点，因此可以看到这个信息几乎都是在每一页显眼的位置，通过反复强调来加固用户的印象。

loading与分享蒙板

（编辑：云计算网_汕头站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!