人民日报：闻声识人，听听这是谁

2018-03-02 H5案例分享 H5案例分享

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

识别图中二维码

闻声识人，听听这是谁-查阅二维码

完整欣赏此案例大约需要1分20秒

案例：闻声识人，听听这是谁

出品：人民日报

亮点：

策划上，图文类，加载完成后，进入主题“闻声识人”，模仿测试的页面，仔细听H5中的声音，选择下方三个选项中的一个，进入下一页，显示正确答案；点击“下一题”进入下一个声音的测试。该H5中一共出现了6种声音，它们分别属于农民、基建工人、环卫工人、军人、政府办事员和听障人士，这6类代表了我们的整个社会，全国两会，听取全社会的声音，以一个全新的角度，让用户关注两会。
设计上，浅色背景，深蓝色的图画文字，页面整洁大方，给人印象深刻。
交互上，该H5的交互方式为点击屏幕。
体验上，这个H5模拟答题的形式，根据声音，猜测人的职业，但是屏幕下方的三个选项无论哪个都会出现正确答案，小五建议，在每次选择后给一个答案是否正确的提示。

技术实现： mraid.js

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

标签