又刷屏了,关于《人生必做100件事》H5的一切

2020-02-25 09:01:31王旭

| 放宽参与程度

考虑到H5 的可玩性,不能把事情都设定的太难完成,也不能都太容易完成。

为了防止大家对事件选项的理解不同,文案上会具体落到某件事,也会尽量的放宽参与要求,让大家能够获得更多的满足感。

比如“(曾经/正在)和宠物一同生活”这一条。

如果只是“养一只宠物”,那么一些曾经养过宠物、现在没有养宠物的人可能就会忽略这个选项。

而“曾经和宠物一同生活”,则会唤起很多小时候养过宠物的人的童年回忆。

一些本该被忽略、以为自己没做过的事情,通过放宽的具体描述,可以让很多人想起“啊我原来是做过这样的事的”,能够牵动大家的回忆。

| 整体画风

图案、颜色、文字所呈现给用户良好的视觉印象,能够轻松抓住用户的注意力。

《人生必做的 100 件事》开屏即是醒目的哒哒黄。

高饱和度的黄色代表着活泼与生机,整支H5 色彩鲜艳,传达出的感情丰富多彩,带给人视觉上的动感与张力。

扁平化的插画画风高级但不幼稚,大面积的色块简约直观,尽显摩登与时尚感。

为了确定整支H5 的设计风格,设计师多次尝试不同风格的插画,每张插画都与策划及时沟通。

在确认每张画的呈现内容和画面构图之后,再进行下一步的绘制。

哒哒团队希望用精美的图画语言来表现必做之事,所绘制人物时线条柔和,抽象但有韵律,两位设计师加班加点绘制了一周多,才完成 100 张插画的最终设计。

在上线前,由于封面动画效果,H5 加载渲染时间需要约 5 秒,但为了让参与者立即打开H5,最终上线版本还是减掉了H5 封面的动画渲染,保证 1 秒内可以打开H5。

| 结果页要素

H5 的结果页,要能让用户一眼就牢记主题。分享在朋友圈中,精致的结果页也不会失了逼格,更容易吸引用户的目光。

最近,大家总是觉得朋友圈不够刷,希望好友们多发朋友圈,给无聊的自己找到一些乐趣。

这时,分享一张好看的图片到朋友圈,更是收获点赞的好方法。