H5案例分析 | 江小白之这里藏着我的秘密

一、案例：真的不用说谢谢

二、来源：江小白

三、类型：图文展示+游戏测试

四、内容策划：

在内容策划上，该H5采取图文展示+游戏测试的形式呈现，每个测试题的出现都依托一个场景为题目的背景。每道题也都是来自日常生活中。可见，日常生活常常作为H5各方面创作的来源。

加载页面过后，就出现了一个“弹幕”界面，满屏都是不同人的便签，都与孤独、犹豫息息相关。但是自己究竟怎么了？点击按钮，以时间为线索一探究竟。

上班一个人坐地铁的场景。

晚上加班，独自一个人逛街，一个人看电影，到哪里都是一个人。

一个人过生日，一个人喝酒，一个人搬家。

随着主人公一天的结束，测试题也答完了，随后是一些关于“空巢青年”的数据统计。

最后是显示自己的孤独指数与分享页面。

集中体验过一些H5过，感觉测试类的H5有一些通病：比如，测试内容和主题，“文不对题”。首先，在这个H5中，本以为是展示型，后来又加入了测试内容，结果又是“孤独指数”，有些牵强。

虽然内容中的场景都源于我们的生活，我们也或多或少都经历过，但是在我看场景时却无法引起强烈的认同感，没有引起受众孤独的“情感”心理，在H5的内容上，感觉如果走“情感”路线是很难引起强烈的***鸣的。

H5中的场景已经被翻来覆去说过很多回，也已不算是心中的秘密，看完加载页面后，再看后来的测试内容，落差较大，没有新意。不过内容上也有一点值得肯定，江小白的文案还是比较给力的。“碰一碰杯，找回真实的自己”。

五、交互设计：

在第一个场景中设置了用户引导，一进入画面时，整体呈暗色，点击画面中的“亮色”区域，播放场景并同时出现测试题。每个场景的交互模式相同，设置了良好的引导，后面的操作也都比较顺利，但是如果场景过多且还在不知道有多少道的情况下，反复进行同一操作容易疲劳。

最后的几个文案部分的顶部，设有“星星”的进度条，示意左滑后还有三个页面的内容，有点啰嗦和重复。而测试答题时反而看不到进度条，也不知道有多少个时间节点，有多少道题目，可以考虑将时间线索与进度条结合起来，起到一个告知用户进度的作用。

最后也没有引导用户分享的提示，这个地方也有所欠缺。

六、视觉设计：

孤独往往与黑暗相伴，H5的整体采用暗色系的颜色，漫画式的画风，每个场景中都有明有暗，能较好的突出主人公的孤独的处境，画面的气氛营造的很好。