YES社区：YES 问答游戏

2021-08-06 H5案例分享 H5案例分享

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

识别图中二维码

YES 问答游戏-查阅二维码

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

案例：YES 问答游戏

品牌：YES社区

技术实现： JavaScript

亮点：

1.创意定位

YES社区推出的好友互动H5，你真的了解好友吗？他/她是那个对的人吗？小小的游戏互动，查看好友间的默契值。不仅有好友之间的默契考验，还能根据默契度，趣味性的预测你和好友之间会发生的事情，将品牌巧妙融合到Yes or No的问题之间，既是回答好友的问题，又在不知不觉间让用户感受着YES社区的品牌文化。

2.策划上

① （出题者角度）进入H5后，需要授权，系统自动获取头像和昵称，未来分享的内容中会带有你的头像和昵称，在主KV页中有3个按钮供用户选：开始出题、好友排行、怎么玩。点击“开始出题”，进入出题界面；好友排行，需要先出了题才可以查看；“怎么玩”是一个弹出层，介绍游戏规则。

②（出题者角度）在出题界面中，一共出10道题，系统会默认给出10个问题，不满意当前问题，可以点击屏幕中间的“换一题”按钮更改题目，然后设定答案的YES或者NO；问题都出好后，分享出去，邀请好友来回答。

③（好友角度）好友点击你分享出来的链接，看到问题后，依次回答，最后给出默契值；好友还可以将测试出来的默契值结果点击“发送好友”按钮后，生成海报分享给出题的好友；也可以点击“我也出题”按钮进行自己的出题。

④ （出题者角度）用户再次进入H5，点击“好友排行”按钮，可以看到和出题者互动的好友和对应的默契值。

3.设计上

整体H5运用了YES社区的Logo主色调，整体案例简洁，互动的按钮颜色饱和度高，容易吸引用户点击。

4.体验上

不管是出题界面，还是答题界面，用颜色标注进度，醒目直观，让人有很强的掌控感。分享到朋友圈，才发现原来跟我默契度最高的人是谁，和TA之间居然有这样有趣的预测。

YES社区APP，帮你认识有态度、有趣的好友，小五已下载，期待邂逅。（点我下载）

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

YES社区：YES 问答游戏

标签

相关推荐：

京东家电：精神小伙王建国在线找室友

腾讯新闻：你是一本什么书