在这篇文章:高级的H5文案该怎么写?|网易现象级刷屏H5制作秘籍(二)
我们学习了:
怎么设计引人转发的文案?
为什么要设计夸人的文案?
什么样的文案不踩雷?翻过了文案的大山,但H5的路还没走完。本文就此探讨H5成功的两个要素——营销与设计。
本文就以下问题进行解答:
H5如何完成营销?怎么设计H5?H5的设计有哪些坑?下文内容整理自网易公开课运营负责人和网易哒哒策划总监,首次全网直播的公开「网易的刷屏秘籍」。

不知道你有没有想过一个问题:老板总是叫你做H5,可是H5的流量到底能为我带来什么?我们为什么要做H5?
和很多人想的不同,你想要的拉新/转化/拉动DAU增长/,H5根本做不到。
为什么?
因为H5不像公众号,有基础的用户和粉丝自发传播,它的流量是由朋友圈一点点转发积累而来,是一种即时性递增过程。这就意味着它随时可能中断。
*比如腾讯爸爸的微信自动封禁大约是在5W流量这个数值那么我们为什么还要做H5呢?
因为这是在向C端用户展示你的存在感。对于企业,一次H5就是一次广告,用户不必对广告抱有好感,只需要对广告以及广告中出现的企业有印象就足够了。
它不断地在你的脑海和印象里出现,这一切所带来的熟悉感并不会当场引爆,但是会成为未来的伏笔。
在这里举一个例子。

不知道你还记得当年百雀羚的刷屏长图吗?
尽管百雀羚的长图刷屏令人惊讶,然而它却被嘲讽了。很多媒体和个人写文章调侃嘲笑百雀羚,这次的刷屏营销竟只有可怜的万分之八转化率。然而很少有人意识到,在长图刷屏传播之后,调侃、嘲笑形成的“调侃百雀羚”事件,本质上形成了二次传播。
接连的两次刷屏让百雀羚深深地印在了消费者的脑海里,完成了百雀羚品牌的传播。
品牌传播的目的不是瞬间的下载、付费行为的增长,而在于占领用户心智。用户在朋友圈看见百雀羚刷屏后,未必会直接购买产品,但会对百雀羚感到更亲切,这悄然影响了消费者的消费意愿。

百雀羚刷屏时,确实对产品本身的销量影响极小,但当天猫双十一时,百雀羚却令人惊讶的以2.94亿成交额高居双十一淘宝美妆栏目榜首,远超往年同期。
总之,通过H5的传播刷屏,让用户对自身产品和品牌产生熟悉感与亲切感,才是一份H5的真正目的。
你在做H5时会不会有一些疑问:
我的H5为什么总是没人转发?
我的H5怎么看起来有些不搭调?
我的H5这么酷炫,怎么效果还是不好?来,听网易哒哒团队怎么说。
(1)精美的H5不等于好传播的H5

网易「哲学气质」H5部分截图如果「哲学气质」H5的配色上选择大红大紫
看起来有逼格吗?
你还愿意转发吗?大红大紫的配色完全能做出非常精美的H5效果,但你愿意转发这个配色的「哲学气质」吗?
如果一个H5的设计风格与本身选择的目标用户相违背,那么就算内容设计得再有意思,用户也会因为使用时的不适应感而降低评价。
这会导致目标用户不情愿进行第一波传播,也会导致潜在用户接触到H5的几率更小。

比如这个H5好看、人物可爱,但非二次元+崩3的用户会转发吗?
「哲学气质」H5的设计师们翻了不少哲学的书,然后挑选了相关的元素植入H5,让页面的视觉效果和“哲学气质”相契合。

「哲学气质」的配色主浅色调,整体画面以素色为主,有古希腊雕塑,有粒子移动。没有五颜六色的物体,唯黑白两色,以及自己与自己的交流,整体画面呈现出足够的格调。
策划阶段,网易哒哒团队选定的目标用户就是一群追求格调的群体(目标用户分析详见第一篇),而当H5的设计风格与他们自身调性契合时,他们当然愿意进行转发传播。
(2)多花时间测试分享页
设计的目的不在于好看,而是利于传播。在设计结果分享页时,可以试着将每一张设计图都发到朋友圈里,看每一张图在朋友圈的颜色呈现、视觉呈现够不够直观?够不够吸引人?能抓人眼球?

无需点开大图就能看到内容,意味着图片在朋友圈一刷而过时,不会被忽略,反而引起他们的好奇心。
所以,不断的测试你的分享页,让做了H5的用户能轻松“展示自己”;让没做过H5的用户在刷朋友圈时会被分享图“吸睛”。
(3)你的音乐跟你的H5合拍吗?
当你做H5时,是怎么选音乐的呢?在H5制作中,音乐是一个常被人忽略却非常重要的环节。
差的音乐只会增加违和感,而优秀的音乐能够让用户更加沉浸,从而提升用户体验,最后完成增强传播的意愿。
「哲学气质」的音乐类型都是呈现出一种迷幻、飘忽与空灵的感觉,而不是情感饱满。这就非常符合“哲学”这一名词给人的一种玄妙的气质。H5的音乐与画面一样,应该围绕对应目标用户的喜好,让他们愿意自发进行传播而选择。
如果一份H5因为目标用户使用时不够舒服,所以不愿意为H5进行第一波传播,那么潜在用户接触到这份H5的几率将变得渺茫,这份H5的传播也必然失败。
(4)被特效害死的H5有多少?
“精美”有时反而是画蛇添足。「哲学气质」第一版的特效比现在更好,里面有各种炫酷亮眼的视觉特效、转场特效,能给用户带来遨游哲学世界般沉浸式的体验。
但正如上文所说,更精美不代表更好。的确,更好看的特效,更好看的转场,使得H5变得更加精美,但另一方面,越精美的动效意味着H5的体积将越大,等待H5打开的时间就会越久。
而等待对于每个人而言都是极差的体验。一般来说,10M以上的H5加载就会需要一定的时间,而13M的H5则是逼近用户等待耐心 8-10秒的临界点。
突破临界点之后,每过一秒,你的用户都将离开更多。
(5)留住用户的小技巧
不知道你有没有过这样的经历:
在海底捞或者其他地方等待叫号时
如果有一些零食
或者一些消遣的事情
等待对你而言似乎不再焦虑等待之所以会让我们焦虑,是因为我们的注意力集中在了“等待”这件事情的本身。
餐厅等位时,你看着手中的号码,期待的等着每一次叫号的声音,你可以准确地感受时间的流逝,所以一切都那么难熬。
然而,如果你看着番,刷着剧,打着游戏,说不定位置到你时,却因为你此时的注意力在其他事情上,甚至还会抱怨“啊这么快到我们了!”
H5完全可以运用同样的技巧。

红框内的文字引用了一段苏格拉底的话。在等加载时用户大多数时候都会花时间看一点文字。而通常用户阅读完后H5加载也差不多了。
人是感性动物,如果真的做不到让时间压缩,那就让他感觉不到时间流逝的慢,也就不会伤害用户的体验,不会降低用户的传播意愿。
以上内容源自「网易云公开课 l 网易哒哒如何做到3天2次刷屏」,经复盘整理后所得。
其他文章:
有脑UKnow:你离千万刷屏H5的距离有多远?|网易现象级刷屏H5制作秘籍
有脑UKnow:高级的H5文案该怎么写?|网易现象级刷屏H5制作秘籍(二)
每周「有脑笔记」定期发布公开课资料笔记,概括重点,节省时间
关注有脑知乎号,让你舒缓知识焦虑症。
如果你觉得内容对你有所启发,动动小手指给有脑君点个赞吧~(只收藏不点赞,都是耍流氓呐!)




13122402111
13122402111