網易：2022年了H5年終賬單這塊老子從未輸過！
工作所需，今年花了挺多心思整理各大平臺的年終賬單/報告，一共整理了20個平臺的年終報告，對比下來無論是創(chuàng)意還是頁面設計以及交互上網易云音樂依舊是YYDS！總是被模仿，但從未被超越！
我也從個人視角針對H5年度賬單的關鍵詞、場景、數(shù)據(jù)維度這幾個方面進行了案例的解析闡述，相信這份梳理對于所有做創(chuàng)意的同學都是有用的，即使不是做創(chuàng)意相關工作的同學，也建議收藏起來，說不定哪天就有用呢？
每個平臺的案例，我都梳理出了頁面截圖、分享頁、二維碼、主題，以及我個人針對案例的一點拙見。那么，我們開始吧?？赐曛笥浀迷u論區(qū)告訴我，你最喜歡哪家的年終賬單哦~
一、得到：圍繞大學概念
關鍵詞：
學院風、頒獎典禮、插畫與數(shù)據(jù)維度相呼應、推進式進入回顧頁面、多動效。
場景分析：
以頒獎典禮為場景，貫穿整個H5，從設計風格到設計圖標，通過數(shù)據(jù)的調用以插畫的形式展示，最終分享頁會有某個數(shù)據(jù)對應某個獎項，授予一個“eg:終身成長者”稱號
數(shù)據(jù)維度：
①注冊時間②學習時長&課程門數(shù)③學習時長最久的一天&學習至深夜最晚的一天（同時間點還有×位同學一起學習）④使用最多的功能⑤分享的次數(shù)⑥學分（積分）⑦平臺年度大事件⑧學習最多的學科占總學習時長的百分比
二、豆瓣-社區(qū)：文藝融進了我的血液里
關鍵詞：
平臺大事件后緊接著個人年度社區(qū)賬單；主色調和品牌色調相結合“綠色”；卡通人物形象突出、文藝風
場景分析：
事件軸線結合一個卡通人物在月光下行走，類似散步的一個動效場景
數(shù)據(jù)維度：
①注冊時間 ②發(fā)布的動態(tài)條數(shù) ③動態(tài)獲得的點贊和回復數(shù)據(jù)&回復最多的動態(tài) ④發(fā)布動態(tài)做多的一天 ⑤參與討論最多的話題 ⑥結識×位朋友 ⑦加入的小組數(shù)據(jù)，在某個小組停留的時間最久；逛小組的時間點（中午）在小組逛的時間最長的一天。在小組中獲得的身份 最后，選擇了關鍵詩，拼貼詩句（文藝）
三、嗶哩嗶哩：沒人誰比我更懂年輕人
關鍵詞：
B站熱詞結合、個人最喜歡的UP 主、星探等詞匯讓人印象深刻， 文字表達方面具有優(yōu)勢，更能吸 引年年輕人。最后還有鉤子吸引 用戶將年終報告分享出去。
場景分析：
采用時光機的場景，每一頁面 都與設置的場景相互結合，主 色調為紫色與藍色相、結合， 畫面設計很有質感。
數(shù)據(jù)維度：
數(shù)據(jù)展示方面很有平臺特色，更能吸引用戶分享。注冊時間、年度相伴時長、看視頻個數(shù)、時長、最晚看視頻時間、 B站DNA（喜歡哪個方面的視頻） 學習時長以及查看最多的UP主，循環(huán)播放最多的視頻等、點贊次數(shù)、發(fā)布視頻個數(shù)......
四、支付寶-理財：螞蟻就要科技感拉滿
關鍵詞：
科技感、吉祥物貫穿、繞地球 走動場景
場景分析：
以螞蟻吉祥物為代表，結合 每個文案去設計與之匹配的 設計圖，沒有很強的故事性 就是單純的數(shù)據(jù)羅列，唯一 不同于其他的是關鍵詞在第 一頁，末尾是好運簽
數(shù)據(jù)維度：
數(shù)據(jù)維度：今年的收益及收益率、收益最高的金額和產品，收益最低的產品與金額，翻閱資訊的時間。
五、網易云音樂：創(chuàng)意是我的信仰
關鍵詞：
健康色、大自然、小島、 定制人物形象、分享頁與去年類似
場景分析：
定制一個角色形象，進入一個 小島，根據(jù)路徑看到自己的相 關數(shù)據(jù)，其中還設置有其他人 物形象，好感度拉滿。文案部 分更是出彩。故事性很強。
數(shù)據(jù)維度：
先說出關鍵數(shù)字，再去解釋、今年收聽的歌手人數(shù)、曲風涵蓋×種類、各種曲風占比、音樂靈魂年齡、風格切換最大的兩首歌、最喜歡的歌曲、最晚聽歌的一天、聽過最久遠的歌年齡、所在地曲風、博客數(shù)據(jù)。用總分的形式，有故事性，關鍵數(shù)字也讓用戶抱有好奇心繼續(xù)看完
六、QQ音樂：數(shù)據(jù)精準是第一要義
關鍵詞：
簡潔、時光采樣、音樂星球 分享頁不是很有吸引力，數(shù)據(jù)準確。
場景分析：
授權按鈕，開頭以日歷為場景 一個人一只貓坐在音樂的船上 漂浮在海面上，有一種宮崎駿 的漫畫風格，和植物相互融合 貼近自然，音樂與自然的結合， 所有場景中均有l(wèi)ogo，根據(jù)歌名給到契合的場景設計
數(shù)據(jù)維度：
全年一共聽歌×首，連續(xù)聽×首歌，最早聽歌的一天，全年聽歌最久的一天×小時×分鐘，最喜歡×的歌，最喜歡的歌手。
七、樊登讀書：暖暖的，沿用去年蠻好的
關鍵詞：
閱讀、書籍、年度關鍵詞
場景分析：
開頭設計的是打開書屋的場景，隨后根據(jù)頁面的文字在發(fā)揮。設計頁面太簡單，有些拉胯，感染力欠佳。
數(shù)據(jù)維度：
①注冊時間②閱讀的第一本書③年度收聽的書籍數(shù)量④超過×%的用戶⑤收聽最多次數(shù)的一本書⑥最早最晚聽書的時間和書籍⑦收聽的最冷門的一本書⑧收聽的書籍大類的改變⑨年度書單
八、美團：一個年終賬單而已，就這樣吧！
關鍵詞：
除了logo變了其他沒有什么創(chuàng)意
場景分析：
吉祥物與頁面文字描述的場景 相互結合起來做的頁面；簡單 的數(shù)據(jù)羅列；設計上也缺少美 感，沒有任何創(chuàng)意點
數(shù)據(jù)維度：
①注冊時間 ②訂單數(shù)量 ③消費數(shù)量 ④城市 ⑤同樣的美食點的最多的一種
九、喜馬拉雅：網易很酷，多向他們學習！
關鍵詞：
動漫人物 、地球
場景分析：
人物與地球的互動場景，結合每個頁面的文字，設計對應的場景去表達；展示形式上中規(guī)中矩
數(shù)據(jù)維度：
①根據(jù)你閱讀的大類，統(tǒng)計出你最愛看的哪個行業(yè)的信息 ②年度聽單（篩選聽的最多的前×個節(jié)目名稱 ③生成專屬分享海報 ④最后有個類似彩蛋的名人的錄音發(fā)過來作為收尾
十、知乎：我還是曾經那個文藝小少年
關鍵詞：
年度大事件與年度賬單相互 結合、暖色系
場景分析：
頁面設計上也沒有什么出彩的點，大事件采用選項的形式增 加了互動，個人年終賬單就是 常規(guī)的以數(shù)據(jù)的羅列
數(shù)據(jù)維度：
①瀏覽了多少問題 ②寫了多少回答 ③瀏覽最多的內容 ④搜索過多少次 ⑤為多少內容點過贊 ⑥根據(jù)你點贊的內容推薦知乎 博主
十一、微信讀書：將簡潔貫徹到底！
關鍵詞：
簡潔、色彩搭配 無背景音樂
場景分析：
以時間軸線和英文月份，對應到季節(jié)點，加上色彩的搭配，與去年的賬單沒有特別大的差異但還是給到了非常好的用戶體驗回歸報告的本質。
數(shù)據(jù)維度：
①注冊時間 ②某個季節(jié)閱讀時長最長的一本書，閱讀這本書的總時長 ③年度閱讀完的書籍前9 ④生成關鍵詞分享海報 ⑤輸出的筆記條數(shù)
十二、豆瓣-書影：信息量太大，全靠設計了！
關鍵詞：
骰子、集合、內容量大 濃縮
場景分析：
以骰子為動態(tài)牽線，貫穿整個 H5，骰子的一面為綜合數(shù)據(jù)， 再反轉為書的數(shù)據(jù)、再反轉為 影視的數(shù)據(jù)，再反轉還有喜歡 的導演的數(shù)據(jù)、演員的數(shù)據(jù)... 設計很美觀。
數(shù)據(jù)維度：
①看了多少書、影視作品 ②關注的導演、作者、編劇 ③瀏覽最多的內容 ④參與討論的話題 ⑤注冊豆瓣幾年 ⑥分享過多少次
十三、高德地圖：誰還不喜歡玩呀！抖抖雪看看
關鍵詞：
時光機、動畫風、吉祥物
場景分析：
吉祥物的走動貫穿整個H5， 結合每個頁面上展示的文字， 畫面中吉祥物與相關場景進行 互動，中間還設置有積雪 模塊，需要用戶手動搖一搖才 能看到積雪后的文字，搖一搖 之后還會出現(xiàn)煙花場景。aha時刻
數(shù)據(jù)維度：
①注冊時間 ②今年第一次使用APP導航的終點 ③最遠一次出行×KM，和城市 ④搜索過多少次 ⑤企業(yè)大事件或公益事件 ⑥生成關鍵詞分享頁面
十四、抖音：即使是年終報告也要做的像短視頻一樣有故事！
關鍵詞：
動畫風、畫面設計和音樂相 當完美，很有代入感。
場景分析：
一個小孩子的形象，帶著好奇心 步入了抖音這個大世界，奔跑著 去探索去發(fā)現(xiàn)去輸出，然后就有 了一系列的數(shù)據(jù)，生成了這一年 的報告，最終也會有一個關鍵詞 分享頁面。整體觀感很棒。不足之處是角色關鍵詞太過常規(guī) 缺少創(chuàng)意
數(shù)據(jù)維度：
①注冊時間 ②觀看最多的視頻內容大類 ③最喜歡看的一個博主 ④關注最多的領域 ⑤點贊和評論 ⑥系統(tǒng)提醒休息；輸出了多少視頻
十五、中通快遞：我有一個漫畫里的公主夢，快遞員是霸道總裁
關鍵詞：
漫畫風、強化快遞形象簡單的用戶維護和品牌宣傳目的，缺少一點暖色
場景分析：
美女與帥氣快遞員的互動場景 總感覺是哪個漫畫書里面的人物 形象？美則美矣，但沒有很吸睛 的地方，更加沒有讓人想分享的 欲望，就是比較簡單的羅列，畫面和動效上也沒有特別的出彩
數(shù)據(jù)維度：
①今年第一次使用時間 ②寄送包裹數(shù)量 ③最遠一次寄送，和城市 ④周圍門店的數(shù)量 ⑤最常接觸的快遞員 ⑥派送的包裹來來自×城市 ⑦品牌相關的數(shù)據(jù)
十六、攜程旅行：世界很大，隨時隨地都要讓你看看！
關鍵詞：
清爽、logo海豚結合、數(shù)字化 很高級的配色
場景分析：
第一個頁面有感染到我，這不就 是大魚海棠的一個場景嘛，隨后 又用飛行了多遠的距離去呈現(xiàn)上 用到了地球，也類比南極走到北 極，頁面的畫風也是干干凈凈清 清爽爽的很舒服，分享頁參考了 網易的人物個性化定制，但人物 形象不是很可愛哎
數(shù)據(jù)維度：
①注冊時間 ②飛行距離，類比 ③最遠抵達的城市，停留最久的城市；飛行最多的城市 ④累計消費金額，年度消費賬單；最高消費的一次訂單 ⑤飛行次數(shù)最多的一個月；×個小時在飛機上；最晚定機票的時間；看過多少筆記 ⑥最終生成分享海報頁；人物形象和各類數(shù)據(jù)
十七、Keep：自律的人生是色彩斑斕的！
關鍵詞：
簡潔、每個頁面都是不同的色調 用戶體驗感很舒服，用動畫形式 展示與運動相關的場景，比如瑜 伽等，很有代入感。
場景分析：
人物形象進入運動之門的場景，期間會通過不同的數(shù)據(jù)維度設計相呼應的運動場景，比如早起運動，最晚一次運動場景，冥想等用數(shù)據(jù)與畫面相互結合來展示。很有美感
數(shù)據(jù)維度：
①注冊時間 ②最早一次運動 ③練習時長最長的一次運動 ④最喜歡練習×運動 ⑤刷掉的卡路里 ⑥綜合數(shù)據(jù)展示
十八、支付寶：算了別創(chuàng)意了！我們只求安全！
關鍵詞：
動畫動效強、用戶參與度較高， 需要代入場景后進行按鈕操作， 體感更強一些。
場景分析：
結合每一個頁面的數(shù)據(jù)場景設計出 需要參與的動效，例如外出給到的 是按鈕紅綠燈、快遞員的場景給到 的是擊掌....開頭與結尾畫面相呼應。整體上沒有特別的驚艷，但也看起來很舒服。數(shù)據(jù)羅列上今年也精簡了許多。
數(shù)據(jù)維度：
①注冊時間 ②外出、在外就餐使用支付寶的店鋪數(shù)量 ③運動產生的能量數(shù)據(jù) ④點外面的次數(shù)以及收快遞的次數(shù) ⑤總的支出與收入數(shù)據(jù)生成分享賬單 ⑥根據(jù)數(shù)據(jù)給到分享頁的關鍵詞
十九、個稅APP：誰說個稅就不能有年終報告了！
關鍵詞：
儀式感、大事件回顧
場景分析：
事件軸線結合一個卡通人物在月光下行走，類似散步的一個動效場景
數(shù)據(jù)維度：
①注冊時間
②發(fā)布的動態(tài)條數(shù)
③動態(tài)獲得的點贊和回復數(shù)據(jù)&回復最多的動態(tài)
④發(fā)布動態(tài)做多的一天
⑤參與討論最多的話題
⑥結識×位朋友
⑦加入的小組數(shù)據(jù)，在某個小組停留的時間最久；逛小組的時間點（中午）在小組逛的時間最長的一天。在小組中獲得的身份
最后，選擇了關鍵詩，拼貼詩句（文藝）
關鍵詞：
小清新、數(shù)據(jù)羅列、輕盈 與時間管理相關 產品logo、小而美
場景分析：
以時間&日歷為場景，展示相關的數(shù)據(jù)。主色調為天藍色，視覺效果很清爽，外加簡單的動效（eg：浮動的云層；翻動的日歷等）關鍵詞的描述文案很契合；同樣以懷舊日歷的形式展示作為分享頁面。但文字的排版設計略微欠缺美感。整體還是給人一種小清新的美好，與APP給的感覺相同。缺背景音樂
數(shù)據(jù)維度：
①完成了多少任務，完成任務最多的月份 ②類比，完成率超過了*%的用戶 ③某一天完成的任務最多 ④累計成就值 ⑤完成的第一個任務的時間點
寫在最后：
-END-
qaz654321
請到「后臺-用戶-個人資料」中填寫個人說明。