如何制作盘点类H5? 这5个思路必须要掌握

临近岁末年初，你的朋友圈又被各大APP的盘点类H5刷屏了吧？

作为一个运营人，年末经常也会收到老板们的需求：

“小张啊，我看那个网易的H5挺不错，做一个吧”，这种时候，我们怎么入手呢？

盘点类H5常见的类型

制作年终盘点的H5，常见的类型主要分为4种，分别是是公司数据盘点H5，用户数据盘点H5，内容型盘点H5，时间轴型H5。 

01 公司数据类盘点H5

公司角度的年终盘点类H5，常见于一些新业务或者大公司，通常起到宣传公司或产品品牌的作用，突显出公司的核心实力，从而引发用户的集体荣誉感，最终刷爆朋友圈。

据作者观察，尤其是一些互联网金融公司，喜欢从这个角度去进行年终盘点。比如之前小赢理财，就出过一个类似的盘点H5，突显了小赢理财（公司）在2017年取得的骄人战绩。

前两天支付宝官方微信推出了一个动态长图，虽然不是纯H5的形式，但这种动态GIF横幅长图的特点和H5也很相似。

这个长图主要讲的就是支付宝2017年的年度账单，采用模仿清明上河图的风格来展现，介绍了包括蚂蚁森林、收钱码、信用免押等产品取得的成绩以及对人们生活的改变。不论是从创新性，还是从趣味性上来说，都是一个非常经典的公司角度的年终数据盘点案例。

02 用户数据类盘点H5

除了公司角度之外，还有一个更常见的年终盘点H5角度，那就是用户数据角度年终盘点H5。类似于你用网易云音乐听了多少歌，用支付宝剁了多少次手等。

用户角度的年终盘点H5，一般适合用户生活中比较常见的产品推出，主要是对用户这一年使用产品各项行为的数据总结，并挖掘其中的一些亮点，从而起到标榜用户特征，引发用户共鸣的作用，最终刷爆朋友圈。

这种类型的H5非常常见，比如近几天先后推出的知乎年度盘点、网易云音乐年度盘点H5、新榜微信公众号年度盘点、支付宝年度盘点等，都是从用户数据角度制作的H5。

03 内容型盘点H5

每一年，我们都能看到类似2017年十大最流行XX类总结的H5或文章，比如2017年十大最流行网络词汇，2017年十大热门事件，2017年十大感动人物等，都是内容层面的年终盘点。

这种H5一般通常出自新闻媒体制作，用于总结当年发生了一些主要事件，从而调动大家的怀旧情怀，一定程度上满足了大家的“收集癖”，最终引发用户的传播。

前不久UC头条推出的2017头条年终策划就是这类型的H5，从保温杯、战狼2到佛系青年等，盘点了2017年引发大家关注的主要事件。还有网易推出的2017娱乐圈画传，一点资讯推出的2017时光之旅等，也是属于典型的内容型盘点H5。

04 时间轴型H5

时间轴型H5主要是通过一年内大事记或者时间轴的形式，去介绍某个公司或某个产品的成长历程，从而提升产品品牌，引发用户关注。

近两年这种类型不太常见了，我觉得大概这种形式的H5太容易被人看穿，有种打开第一页就猜到后面是什么的感觉，缺乏打动用户的惊喜。同时这种H5，过于偏重公司内容，缺少用户价值，从而难以引发用户共鸣。

以前京东在2015年制作过一款类似的H5，主题为京东十大任性，盘点了京东2015年取得的傲人成绩。

制作刷屏级H5的诀窍

刷屏的H5各有各的特点，或是炫酷的，或是交互有趣的，或是设计精美，但是，他们肯定有一些共性的特征。

01 注重标题文案

一个H5能否获得刷屏，可能从用户看到他的第一眼就决定了。我们首先需要注意H5的标题和封面配图，如果这部分内容不吸引人，可能用户都不会点击，更谈不上转发了。起标题的方法，大家听过很多，大家可以综合考虑下。

大雄想强调的一点就是，H5的标题文案，一定要跟普通文章的有所区别，让人觉得这个链接可能就是个有趣的H5而不是一篇文章，从而最大化的调动大家点击H5的欲望。

02 注重体验感

H5的操作体验同样重要。

首先，注意H5的交互体验，如果是比较独特的体验，一定要提前告知引导用户，比如横图类H5，提前引导用户横放手机，比如互动类H5，引导用户是点击还是上滑下滑。

第二个，注意体验细节，好的产品一定是细节打动人，H5也一样。我曾经见过很多炫酷又有趣的H5，但是我发现一点击进去就是超级热闹的背景音乐，这让在办公室的我异常尴尬，直接成为全办公室的焦点。

常见的应该是比较低的音量或者默认关闭声音，然后小字提示用户，如果打开音乐，观看效果更佳哦，从而给用户一个找耳机的时间。

03 注重设计感

刷屏级的H5，不一定各个设计精美，但是他们都有一定的设计感，或者说让人喜欢的设计风格。

• 比如有的2017网易云音乐盘点H5的文艺简洁的设计风格，比如2017支付宝盘点H5模仿清明上河图的仿古风格等，每一个H5都有各自的风格，这些风格要么符合平台主流用户调性，要么让用户眼前一亮。充满设计美感的东西，大家总是会格外喜欢。

04 注重传播性

一个好的H5，一定需要注重传播性。传播性主要体现在以下2个方面：

第一，传播细节的考虑，比如方便用户截屏分享，而截屏的每一页正好内容完整。

第二，H5的内容具有传播性，比如同样是数据盘点，我觉得网易云音乐更走心，因为他结合用户听歌的场景，或清晨，或傍晚，或者说哪一首歌在哪天听的时间最长，更容易引发用户共鸣。

05 注重用户价值

制作H5，就像写文章一样，切忌自嗨。我们一定要想想这个H5能给用户提供什么价值，他转发的理由是什么。

比如我观察到，网易云音乐H5的刷屏，是因为凸显了用户的人格形象，很多人转发自己的网易云音乐H5，就是为了凸显自己的音乐审美，标榜自己很不一样。

而支付宝H5刷屏，更多的是体现用户社会地位，利用人们的攀比性，给了人们一个“炫富”的机会，并且文章末尾还有一个2018年展望的关键词，表达了新一年的祝福，对于不能炫富的朋友，也提供了分享的价值。

如何制作盘点类H5

如何做一个刷爆朋友圈的H5呢？说实话，这挺难的一件事情，刷爆朋友圈需要天时地利人和。但是结合我以往制作H5的经验，制作盘点类的H5，建议大家可以从以下思路着手：

1.确定类型

首先我们确定我们做的这支H5从什么角度切入，确定是从公司角度还是用户角度切入，因为这会直接决定我们后续策划H5的时候选取哪方面的数据。

2.数据挖掘

这一步是只做盘点类H5至关重要的步骤，我们需要列出哪些类型的数据展示给的用户，并且标出重点数据和亮点数据是哪些。

我认为数据挖掘这块，最重要的是数据一定要与用户场景相结合，让数字更加打动人，而不是冰冷的数字罗列，这样的数据盘点，2016年的H5和2017年的H5有什么区别呢？

比如支付宝2017年度盘点H5，包含以下数据维度，网购消费数据与网购消费商品种类数据，外卖数据，生活缴费数据，出行次数与出行交通工具数据，线下支付次数与线下支付商店种类数据，奖励金数据，信用守约数据，行走捐数据，蚂蚁森林数据，总消费数据，2018关键词。

我们能看到这些数据与用户的日常生活息息相关，涵盖衣食住行各方面，非常容易引起用户共鸣。

3.数据包装

当我们选取了数据维度之后，接下来就是要包装这些数据了，让这些数字活起来。主要是通过文案和页面关键元素来修饰这些数据，让数据更打动人。

比如描述出现数据，支付宝的H5页面上有火车、飞机，出租车等元素，文案是“每次出行，都是为了更好的回来。愿新的一年你能有更多时间陪伴家人”。整个画面和文案的组合，会让人觉得很温暖。

4.设计开发

当完成以上所有准备工作之后，年度盘点H5就需要进入开发阶段了。这个阶段，要确定H5的交互方式，设计风格，背景音乐等，然后协调公司内部各部门完成开发。比如协调开发部门实现H5效果，协调设计部门完成H5页面设计。

5.传播监控

经过了反复修改后，H5终于设计出来了，这回我们是不是可以松口气了？其实并没有，最关键的一步到来了，我们要将饱含我们心血的H5传播出去。首先列出我们已有的传播渠道，然后有节奏的完成H5投放，并且监控H5的传播数据，最终将资源投向那些性价比最高的渠道。

最后，说了这么多，相信大家对于年终盘点H5的运营套路也有一些了解。

来源：大雄说运营 ID：daxiongshuo100