H5案例分析 | Vivo X 20 星耀红 圣诞读心术

出品

Vivo

类型

游戏测试

内容策划

欢迎动画后，有两句导语，直接阐明H5的目的与品牌：“圣诞将至，想预知即将拥有的美好回忆？让Vivo X 20 星耀红 为你一键读取吧”。

随后出现按钮“开始读心”，进入测试。

H5中共有三道测试题，均是与日常生活相关的题目。

答完测度题后，会显示“读心即将完成”告诉用户正在生成测试结果。

生成测试结果后，可以点击“照亮最美圣诞回忆”，随后的页面由暗到亮，出现两个按钮，“抽取惊喜优惠”进入抽奖页面或点击“最美回忆晒起来”进入分享页面。

『优点』

测试类题目的数量不多，文案内容都比较简洁。

『缺点』

只有在全部答完题目后，才知道题目的总数，在答题时没有答题进度的提醒；

主题为“即将拥有的美好记忆”，但是测试结果又与这一主题无关；

测试题目和测试结果的文案设计都很平淡，测试结果没有给人眼前一亮的感觉。

交互设计

主要是回答题目的交互形式，动作单一简洁；测试结果页面，“点亮最美圣诞记忆”，画面由暗变亮。

视觉设计

整个风格很炫，隧道的感觉给人一种3D的纵深体验，使得题目之前的衔接也变得比较自然；组成隧道的元素也是富含圣诞的元素。画面视觉的中心是暗红色，也与产品颜色为红色的手机相呼应。

---

相关阅读（展示型）

H5案例分析 | 京东救援队

H5案例分析 | 滴滴感恩节“真的不用说谢谢”

H5 案例分析 | 人工智能（AI）简史

H5案例分析 | 圣诞焕境之旅

H5案例分析 | 一分钟了解电历史