网易云音乐-恋爱性格测试H5

网易云音乐是当下顶流的音乐APP,通过评论分享寻找共鸣是网易云音乐的一大卖点,因此,网易云不光是开拓了音乐评论功能,还时长推出一些测试类H5来让用户轻松表达自己。下面,蓝橙互动就给大家分享一下。

 

1、创意定位

 

网易云音乐推出的基于MBTI恋爱性格测试创意H5案例,用户只需要回答7个问题,即可了解自己的恋爱性格以及匹配自己的恋爱性格类型。

 

2、活动流程

 

主要流程:①Loading → ②主题页 → ③答题测试 → ④生成测试结果海报 → ⑤查看匹配关系

 

人格测试H5


①Loading:白色为底,加载百分百,加载提示,打开声音提醒文案,以及一个表情图案。

 

②主题页:品牌露出+主题露出+交互提醒。最顶部是品牌LOGO,视觉重心为“测测你的恋爱MBTI人格”,底部为“上滑开始”提醒。右侧深色交互提醒吸附右壁——向上滑动,开始答题。

 

③答题测试:了解自己是人永恒的话题,尤其是恋爱领域,自己往往并不了解自己,根据MBTI测试恋爱性格,你可以更好的了解自己。本次测试一共有7道题,包含对恋爱的看法、恋爱中的做法以及MBTI心理测试三个方向的题目,向上滑动开始答题,点击选项后,自动滑到下一题。每题选项有交互声音,答题完毕后生成测试结果。

 

④测试结果海报:输入昵称后点击提交,即可生成测试结果海报,海报最顶端是与官方合作声明,中部为恋爱MBTI类型以及称号,下方有关于恋爱类型的分析。

 

⑤匹配关系:点击海报下方的查看匹配关系可进行适合爱人性格的匹配测试,用自己的测试结果与其他类型的结果进行匹配测试,包含默契度以及测试分析

 

3、设计策划

 

整个H5界面简洁干净,却又包含多个细节处理。答题流程中,每个选项都有独立的局部交互动画,大大提升用户的答题体验。交互方式以点击和滑动为主,最后的海报,可以长按保存到相册,整体流程简单易懂。

 

展现用户个性的性格测试H5不仅能够提升用户的网易云音乐APP使用体验,也能借助用户的分享进一步提升品牌知名度,可谓一举两得,难怪测试类H5能这么受欢迎,感兴趣的朋友可以关注蓝橙互动微信公众号,获取更多相关案例体验一下。




更多服务:合肥H5制作|| 长沙H5开发|| 北京微信H5开发|| 武汉H5制作|| 温州H5定制