编辑导语：如何设计出爆款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种类型人格：
