北京日报新媒体&长安街知事&北京市网信办：北京两会

2018-01-23 H5案例分享 H5案例分享

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

识别图中二维码

北京两会-查阅二维码

完整欣赏此案例大约需要2分钟

案例：北京两会

出品：北京日报新媒体&长安街知事&北京市网信办

制作：哇偶工作室

亮点：

策划上，图文展示类，模仿微信聊天的方式，介绍两会的内容。①进入后，首先是一个长图，内容是题为《北京市第十五届人民代表大会第一次会议明天召开》的新闻，多位北京工作、生活的市民加入了“北京市政府市民群聊”。②长图浏览到底部，出现一条微信消息“北京市长邀请你加入群聊”，点击“加入”，此时进入群聊界面，市长等人宣布北京 “两会”召开，对住房、轨道交通、教育等方面提出了重要的发言，最后模拟用户提出建议，北京市代市长发“要让人民过上好日子”红包结束对话。③模拟进入用户的朋友圈，模拟用户对朋友圈中各样的转发留言，最后进入分享页面。
设计上，模仿微信聊天的形式，更加贴近生活，代入感很强。
交互上，上下屏幕的滑动，点击。
体验上，感觉该H5使用微信聊天的形式，贴切生活。但音乐播放结束后会有几秒的停顿，之后再次播放。

技术实现： Ih5 工具

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

标签