整天嚷着要钱,但你真的了解吗?

原创 收藏 评论
举报 2017-03-23


0.png

案例:10道只有会过日子的人才能答对的题

出品:搜狐

案例策划

关于钱1.gif

这个H5采用答题方式,形式比较新颖。

点开链接看到的Loading界面就感受到了一股“钱”的味道。进入页面就看到了该H5的出品方是搜狐,而且紧抓“两会”的时政热点,主题则是对钱的了解,让人感觉与自身息息相关。

点击下方的闪烁方块,进入答题准备页面。

点击“开始答题”进入题目选择主题,经过我多番测试,发现所有主题后面的题目都是一样的,只是点击不同的主题进去,题目的顺序有所不同,首先出现的题目会更贴合所选的主题。

选择答题模块,进入答题页面,看完题目后,根据自己的了解,滑动下方的金额滑块,滑到自己认为合适的金额后,点击确认,然后出现正确答案与自己答案的对比结果。答题过程中可以随时返回选题模块,也可以分享给好友或朋友圈。

答题结束后会给出一个评分,以及相应“学历章”。还可以选择再玩一次或分享,右下方显示出品方信息。


案例设计

设计风格上采用几何图形的方式。

整体色调偏古铜色,类似于上古时期的铜钱,满满的铜钱味儿。

棱角分明的几何方块和线条图案让整个界面显得干净利索,没有太多的干扰,使得较为深棕色的文案及图案信息更为突出。

答题时,左上角的“Q”较为吸引注意力,让人的眼球焦点很容易的从问题开始看,视线顺利的从上往下引导。

答题结束后,最终的得分和“学历章”占据了显眼的位置,并根据得分下方有相应的文案。


案例体验


虽然这个H5是和钱相关的主题,但是给人的感觉并不严肃,反而觉得轻松,据井犬君分析可能因为是棱角分明的几何形状和线条,以及轻松欢快的配乐,给视觉和听觉带来了不错的效果体验。

整体交互上也只有点击和滑动,所以一点都不复杂,降低了体验的门槛。

答题的形式采用滑动滑块的方式,给人的感觉比较新颖,不想常见的选择问答形式,可能是因为是数字类型的答案,滑块带来的体验感更强。


井犬互动 | Another Idea

这种类型的答题模式,新颖,给人的参与感也强,适合用来推广产品,介绍产品的一些特性,主要跟数据相关的特性,能利用的滑块滑动的效果,这样能让人对产品更有印象。

来,体验以下吧

2_03.jpg

1.jpg

以上为【井犬互动】团队原创文章,请各位爱惜!


    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)