编辑导语：如何设计出爆款H5，在给用户带来深刻印象的同时，实现产品拉新？也许，你可以先从观察调研入手，进而再结合实际业务场景和目标人群需求进行内容策划。本篇文章里，作者就如何设计爆款H5一事做了解读，一起来看一下。

每逢节假日，在朋友圈或聊天群都会看到各式各样的H5，种类繁多，甚至出现审美疲劳！但每年总会被一两款H5打动，朋友圈刷屏，成为爆款。你是否有想过这些爆款H5是如何被设计出来的呢？

从设计角度看，H5属于内容设计范畴，不仅要设计表达形式，还要策划内容。我们尝试从内容出发，设计一款H5，目的是为了提升品牌曝光，给产品端拉新增或活跃。在策划这次活动前，调研了一些刷屏H5，希望从中找到灵感。

有了活动目标之后，对在朋友圈或聊天群出现频次高、参与好友多、能够打动自己的H5进行调研分析：

收集好一定数量的H5之后，对它们进行分类，大致可分为6类：「年度清单」、「年度关键词」、「邀请答题」、「签到打卡」、「DIY」、「人格测试」。

再从我们比较关心的两个维度进行象限划分：一是实现成本，因为我们本次活动投入预算低，资源有限；二是对APP的依赖程度，这个怎么理解呢，如年度清单这种H5，需要产品有很大的用户规模和粘性才能玩得起来，像支付宝和微信每年推出的年度清单，比较依赖产品自身体量。

定义好两个维度后，把调研的H5根据分类，落在四象限合适的位置，再结合“企鹅电竞APP”产品特点，锁定本次H5的策划方向：实现成本低、对APP依赖弱。

从四象限可以看出，「签到打卡」、「年度关键词」、「人格测试」、「邀请答题」都比较适合，那具体定什么方向呢？

这又要回到“企鹅电竞APP”本身的业务，“企鹅电竞APP”核心业务是做游戏直播，核心用户群体也是喜欢玩游戏的用户，那什么是游戏用户感兴趣的，能引起游戏用户共鸣的呢？

从筛选出来的四个类别来看，我们认为「人格测试」更能够打动“企鹅电竞APP”的用户，于是确定这次内容设计的方向就是：游戏人格测试。

设计过程可分为内容策划和形式设计，具体拆分为三步：

1. 理论研究：人格测试的实现原理

1）理论基础

调研发现，目前比较成熟且接受度比较高的测试理论是MBTI（Myers-Briggs Type Indicator），中文名叫迈尔斯-布里格斯性格分类指标；该理论认为人与人之间存在差异，这种差异主要从四个维度产生的：

• 一是动力的来源，分为外向型E和内向型I；
• 二是接受信息的方式，分为感觉型S和直觉型N；
• 三是决策的方式，分为思维型T和情感型F；
• 四是对待不确定性的态度，分为判断型J和直觉型P。

通过这四个维度组合就得到16种类型人格：