清单类H5|年度账单H5案例

自从支付宝出产年度账单H5过后，各大APP软件都开始做起了自己的年度账单，今天小编就给大家分享几个2020年年度账单H5案例，大家可以参考借鉴一下。

1、滴滴：用交互讲述故事，生动有趣，可玩性强

在交互中展现数据：滴滴不走寻常路，在交互上做了用心的设计。用户长按屏幕，即可控制网约车（和滴滴提供的服务相关联，展示品牌）从左向右行驶。在行驶过程中，屏幕的上方会显示用户今年在滴滴平台的出行数据。滴滴将其他平台用到烂大街的“上下滑动屏幕”变为了“长按屏幕”，通过交互的形式给用户小惊喜。

标志性建筑将回忆推向高潮：对于大多数年度账单来说，展示完一年的数据后，再引导用户分享和转发就已经完成了主流程。但滴滴在结尾处，设计了“滴滴之城”（再次和品牌强绑定），为用户展示这一年当中他去过的最多的几个地方（建筑），用户点击某个建筑后，会显示对应文案。每一处建筑都或多或者记载着用户的故事。如果用户A是一名患者，这一年去过15次医院，每一次都是乘坐滴滴去医院。在这个地方，如果显示的是医院的建筑，用户A点击后会不会联想起当时乘坐滴滴去医院的场景呢？会不会为品牌加分呢？

授予用户荣誉称号：在我的出行数据中，去过4次美容美发，滴滴授予我“Tony的朋友”荣誉称号，给了我惊喜。相比冰冷冷的数字，这样的称号更打动人心。

2、QQ音乐：有质感的画面，给予用户选择权

有质感的画面：在设计年度账单过程中，很多运营和产品同学会认为UI画面设计不是最重要的打磨点。然而恰恰相反，有质感的画面在年度账单的传播过程中，起着举足轻重的作用。QQ音乐的年度歌单，以及本文中其他优秀的案例，都可以发现一个共性：画面有质感。质感，可以理解为画面是“硬”的，是有立体层次的。字体的样式，画面中的元素，整体的排版都在间接影响画面质感。举个例子，QQ音乐年度歌单中所有的文案，假如“全年共播放6996次，共计390小时27分钟”使用的是宋体且不加粗，整体画面感会变得“软软”的，没有立体层次。

给予用户选择权：当用户看完年度歌单后，下一步动作是什么呢？分享！如果他对自己的歌单非常认同，一定是分享的动作。但如果最后生成的分享海报不符合他的预期（没有凸显他的逼格，不符合他的审美，不符合他的价值观等），那分享的动作就会变为炮灰。QQ音乐给予了用户选择的权力，在最后的分享环节，用户可以选择海报的背景图案等。

3、网易云音乐：刷屏常客，产品情怀为其成功出圈奠定了基础

每年的刷屏常客。用户对歌曲的情怀，以及对网易云音乐评论区用户自创内容的热衷，让网易云音乐年度报告绝对刷屏。一个个画面上，都是歌曲后的故事和回忆。

由于篇幅问题，今天小编就暂时分享这三个案例，如果大家想了解更多其他类型的H5营销案例，可以访问我们蓝橙互动网站首页，或者直接咨询网站客服，获取最新案例资讯。

相关文章：《线上投票活动H5开发案例》