自從支付寶出產(chǎn)年度賬單H5過后，各大APP軟件都開始做起了自己的年度賬單，今天小編就給大家分享幾個2020年年度賬單H5案例，大家可以參考借鑒一下。

1、滴滴：用交互講述故事，生動有趣，可玩性強

在交互中展現(xiàn)數(shù)據(jù)：滴滴不走尋常路，在交互上做了用心的設(shè)計。用戶長按屏幕，即可控制網(wǎng)約車（和滴滴提供的服務(wù)相關(guān)聯(lián)，展示品牌）從左向右行駛。在行駛過程中，屏幕的上方會顯示用戶今年在滴滴平臺的出行數(shù)據(jù)。滴滴將其他平臺用到爛大街的“上下滑動屏幕”變?yōu)榱恕伴L按屏幕”，通過交互的形式給用戶小驚喜。

標(biāo)志性建筑將回憶推向高潮：對于大多數(shù)年度賬單來說，展示完一年的數(shù)據(jù)后，再引導(dǎo)用戶分享和轉(zhuǎn)發(fā)就已經(jīng)完成了主流程。但滴滴在結(jié)尾處，設(shè)計了“滴滴之城”（再次和品牌強綁定），為用戶展示這一年當(dāng)中他去過的最多的幾個地方（建筑），用戶點擊某個建筑后，會顯示對應(yīng)文案。每一處建筑都或多或者記載著用戶的故事。如果用戶A是一名患者，這一年去過15次醫(yī)院，每一次都是乘坐滴滴去醫(yī)院。在這個地方，如果顯示的是醫(yī)院的建筑，用戶A點擊后會不會聯(lián)想起當(dāng)時乘坐滴滴去醫(yī)院的場景呢？會不會為品牌加分呢？

授予用戶榮譽稱號：在我的出行數(shù)據(jù)中，去過4次美容美發(fā)，滴滴授予我“Tony的朋友”榮譽稱號，給了我驚喜。相比冰冷冷的數(shù)字，這樣的稱號更打動人心。

2、QQ音樂：有質(zhì)感的畫面，給予用戶選擇權(quán)

有質(zhì)感的畫面：在設(shè)計年度賬單過程中，很多運營和產(chǎn)品同學(xué)會認(rèn)為UI畫面設(shè)計不是最重要的打磨點。然而恰恰相反，有質(zhì)感的畫面在年度賬單的傳播過程中，起著舉足輕重的作用。QQ音樂的年度歌單，以及本文中其他優(yōu)秀的案例，都可以發(fā)現(xiàn)一個共性：畫面有質(zhì)感。質(zhì)感，可以理解為畫面是“硬”的，是有立體層次的。字體的樣式，畫面中的元素，整體的排版都在間接影響畫面質(zhì)感。舉個例子，QQ音樂年度歌單中所有的文案，假如“全年共播放6996次，共計390小時27分鐘”使用的是宋體且不加粗，整體畫面感會變得“軟軟”的，沒有立體層次。

給予用戶選擇權(quán)：當(dāng)用戶看完年度歌單后，下一步動作是什么呢？分享！如果他對自己的歌單非常認(rèn)同，一定是分享的動作。但如果最后生成的分享海報不符合他的預(yù)期（沒有凸顯他的逼格，不符合他的審美，不符合他的價值觀等），那分享的動作就會變?yōu)榕诨?。QQ音樂給予了用戶選擇的權(quán)力，在最后的分享環(huán)節(jié)，用戶可以選擇海報的背景圖案等。

3、網(wǎng)易云音樂：刷屏?？?，產(chǎn)品情懷為其成功出圈奠定了基礎(chǔ)

每年的刷屏?？汀Ｓ脩魧Ω枨那閼?，以及對網(wǎng)易云音樂評論區(qū)用戶自創(chuàng)內(nèi)容的熱衷，讓網(wǎng)易云音樂年度報告絕對刷屏。一個個畫面上，都是歌曲后的故事和回憶。

由于篇幅問題，今天小編就暫時分享這三個案例，如果大家想了解更多其他類型的H5營銷案例，可以訪問我們藍(lán)橙互動網(wǎng)站首頁，或者直接咨詢網(wǎng)站客服，獲取最新案例資訊。

相關(guān)文章：《線上投票活動H5開發(fā)案例》