今年网易的人格测试引爆了人格分析h5，有的基于理论（荣格原理、九型人格），有的基于用户回答 ，有的干脆就基于用户的照片，下面列出比较好的人格测试h5供大家分享
h5制作公司：www.easy-all.net/
案例1
：网易
：测测你的哲学气质
扫描二维码即体验
1.策划上
，恰逢世界哲学日。这则案例用问答的形式带我们一起了解哲学背后的故事，测一测我们普通人内心深处潜在的哲学人格，同时也附加科普的作用。案例一个10个问题，每个问题2-4个答案不等。根据用户每个问题的选择，生成个人哲学性格图之后，用户可点击详情页查看，诸如犬儒主义、斯多葛主义背后的含义，对哲学小白也很友好。根据用户答题的选项对应产生 23 种哲学性格。
2.设计上
，浅色调，整体画面以素色为主，有古希腊雕塑，有粒子移动，有近代油画。画面丰富，风格多样。没有五颜六色的物体，唯黑白两色，以及自己与自己的交流。这就是哲学最开始出现时的样子。
3.技术上
，使用 zepto 做 dom 的操作与画面的隐现。画面的转场与衔接是通过在 canvas 画布上移动关键帧来产生动画的效果。不同场景的音效进行预加载，到特定画面再进行触发，配合转场动画实现平滑的过渡效果。
4.体验上
，场景之间衔接自然，转场动画自然流畅。由哲学这个主题，引发用户自身探索的欲望，通过简单的答题方式来让用户了解自己内心潜在的哲学性格。并在最后的结果页附加二级页的内容详情，让用户了解诸如犬儒主义、斯多葛主义等这些哲学名词背后的含义。案例的画面上采用素色的设计，隐含了哲学思考自身的含义。
案例2
：天猫
：揭秘你的隐藏人格
扫描二维码立即体验
1.策划上
，本测试基于戴维尼尔斯九型人格。首先点击“开启城门”按钮，进入动物城，里面有很多动物，豹子、长颈鹿、独角兽、狮子等，遵循直接，选出最能代表你的动物，输入姓名，而后回答5到问题，每个问题3个选项（问题基本固定）。最后根据你选择的动物和回答的问题，生成一张双重人格报告海报。
2.设计上
，灰白黑为主色调，浅色调，线条使用的比较简洁。
3.技术上
，使用createjs编写的整体案例，精灵的动画配合tweenmax。
4.体验上
，因为测试基于戴维尼尔斯九型人格的理论基础，所以对测试结果可信度更高。分析结果为外在和内在，双重人格报告，感觉更有意思。
案例3
：网易新闻
：心跳游乐园
扫描二维码立即体验
恐怖游乐园，奇怪的笑声，镜子中的自己，摩天轮上的人，二选一的逃生路，你敢进来测测心跳指数吗？
案例4
：太平洋保险
：测测你的喵系人格
扫描二维码立即体验
1.创意定位
，该h5由新世相与太平洋保险联合推出，从猫的视角描述了它所经过的一天，穿插剧情和用户答题交互，形成互动，以期形成自传播，达到品牌传播和宣传的效果。
2.策划上
，动画与情景答题交替连接，讲述了一只猫的一天，并在不同的情境中设置选择题以测试用户的“喵系人格”。大致步骤：开头为一个小动画：某个晚上，一个骑车的女孩差点儿撞到猫，可选择跳过动画；以动态漫画图文的形式串联情节，小猫一天经历不同的情节，用户即做不同的情境选择题，一共6题，向上滑动切换画面；结尾处，小猫找到了最初见到的女孩，后台根据用户选项生成“喵系人格”海报，可长按保存。下滑可观看h5同款真人视频。
3.设计上
，手绘漫画风格，清新治愈。
4.体验上
，温馨的情节和生动的音效给人的体验很真实，一张张的手绘场景也十分用心~当猫真好！
案例5
：华为|天际通
：每个人都有奇特之旅
扫描二维码立即体验
1. 策划上
，华为天际通（境外上网服务的app）的品牌宣传h5。讲述一个正在办公楼工作的职场人，突然打算游历世界，在游历的过程中，给出5个问题，例如：旅行即将开始，感觉如何...旅行箱只剩一点空间了，还能挑一样，选什么好呢？等等和旅行相关的问题。每个问题，有ab两个答案。画面中有华为的logo，和天际通的app界面不断露出。通过前面5个问题的选择，最后给出一张旅行人格海报。
2. 设计上
，颗粒度插画，整体色彩饱和度偏低。
3. 技术上
，采用视频的形式，整体是一个2分10秒的视频。案例中的问题，做到了视频里，当视频播放到问题部分，暂停视频，反复播放问题那段视频，用户点选答案后，继续播放视频。
案例6
：知乎
：心灵海洋
扫描二维码立即体验
1. 策划上
，测试类h5，通过20道随机问题，不过总体，问题还是蛮多，每个问题有7个选项，最后展示分析结果，主要从外向性、宜人性、尽责性、情绪性、开放性五方面打分，从0-7分之间。
2. 设计上
，深色调，扁平风格。
3. 体验上
，必须登录知乎账号，才可以体验案例。问题界面切换太平，只有从问题上区分是下一个问题。因为小编在回答完第一题，切换下一题的时候，莫名还以为在第一题，识别度不高。
案例7
：网易考拉 x 我就是演员
：5道题揭秘你的真实职场人格
扫描二维码立即体验
1.创意定位
，由热播综艺引出测试主题——职场人格测试，通过面试中可能遇到问题测试用户的职场人格，并且用出品公司作为测试题的面试情景，以此达到宣传目的。
2.策划上
，与实景视频结合的情景答题形式，整个答题过程中题目是连贯的，按照一个面试的过程来植入测试题，这道题选择完毕后便会继续播放视频内容，直至下一题。
3.设计上
，简约的性冷淡风格，灰色为主色调，整个页面非常高级且正式。
4.体验上
，整体的形式很棒，测试题是一个连贯的情景，代入感很强，页面的设计和视频部分的画质都很好，使整个作品显得很高级
案例8
：boss直聘
x 氪空间
：每个人都是自己的老板
扫描二维码立即体验
1.策划上
，测试你在经营一家什么样的公司为出发点，根据斯坦福大学热门课程“九型人格”理论。首先输入姓名和选择形象，回答5个问题，每个问题3-4个答案不等。通过回答的问题，给出主营业务、和我风格相似的ceo、公司文化和公司估值的海报，用户可以长按保存。
2.设计上
，扁平卡通风格，boss直聘logo融入海报中。
3.体验上
，因为第一屏说本测试基于斯坦福大学热门课程“九型人格”理论，让结果更有理论基础，让结果更可信。
案例9
：腾讯天气
：你是哪种天气人格？
扫描二维码立即体验
1.策划上
，测试类，首先输入昵称，而后回答5个问题，每个问题有四个答案，最后显示你是哪种人格和属于你的6个关键词，长按图片保存。
2.设计上
，浅色调，卡通风格
3.交互上
，点选回答问题。
本文由h5定制开发服务商-亿众互动 整理