UC浏览器：不正经人类鉴定中心

2022-03-28 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

不正经人类鉴定中心-查阅二维码

完整欣赏此案例大约需要30秒

案例：不正经人类鉴定中心

品牌：UC浏览器

技术实现： HTML5

亮点：

1.创意定位

UC浏览器以“不正经人类鉴定中心”为主题，通过搞笑的测试问题，生成“不正经鉴定报告”，最后引导用户去UC正经部看爆笑段子。

2.策划逻辑

主要流程： ①主题页 → ②答题页 → ③过渡效果 → ④海报页。

① 主题页：露出主题——不正经人类鉴定中心，正不正经，一鉴便知，点击“开始鉴定”按钮，进入答题部分。

② 答题页。每题分题目、图片/视频、选项，用户点选选项后，弹出答题反馈，然后进入下一题，一共四题，答完后展示过渡效果。

③ 过渡效果。提示测试完毕，然后带出测试结果海报页。

④ 海报页。根据用户答题情况生成不正经指数百分比，配图、配文案，用户可以修改用户昵称。页面底部有“看段子”、“晒结果”两个按钮，点击“看段子”，跳转UC浏览器，点击“晒结果”，生成海报图片，长按可以保存到手机相册。

3.视觉交互

荒诞搞笑风格，每题一个梗，让大家选出自己认为最“不正经”的选项，没有对错，点击哪个选项都有反馈弹层。交互方式主要是点击、长按和输入。

4.用户体验

轻松愉快看爆笑梗，去UC浏览器试试，看爆笑段子。

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签