【H5案例分享】来测测你的孤独指数
当前位置: 首页 > 案例分享 > 正文

【H5案例分享】来测测你的孤独指数

时间:2018-01-10 15:29:06 来源:本站 作者:

  策划上,测试答题+图文展示。案例以一条时间线为索引,展示了一个典型的中国“空巢青年”的包括加班,生日,吃饭,看电影等诸多的生活情景,每个情景都会提问你,这是否与自己的生活情景相吻合,最后会根据选择给出你的空巢指数。情景间以左右滑动屏幕+点击按钮的交互形式过渡。答题结束后给出“空巢青年”相关数据,以及三段自省文案。测试结果页可以点击保存图片将测试结果合成为图片,并长按保存到手机中方便分享,也可以点击下一步进入结尾页。结尾页三个按钮,“测试结果”可以返回查看测试结果,“再看一次”可以重新来过,点击“找回自己”则可跳转进入江小白商品页。

  设计上,漫画风格,整体色调偏暗,情景部分会有对应的场景音效出现,配合伤感风的钢琴曲BGM,整体上很好地渲染了一种“小确丧”的气氛。

  体验上,案例将氛围营造得特别好,BGM+音效+文字,代入感很强,分分钟会把人带进那种伤感的情绪中,当然这也是对会有共鸣的人来讲,心中没有孤独感的人,应该也不会在案例中停留多久吧。整体上是个很不错的H5,但小五个人感觉,交互部分有点点繁琐,虽然是简单的滑动+点击,但进入场景需要点击按钮,场景触发动画还需要点击场景相关元素,一共有10个场景,加上整体节奏本身就偏慢,所以很容易会产生疲劳感,建议优化点击交互。其次,测试结果页,如果能放上用户的微信头像跟昵称,那么用户分享的欲望应该会更强一些。

    640x60ad
    评论框