工作所需,今年花了挺多心思整理各大平臺(tái)的年終賬單/報(bào)告,一共整理了20個(gè)平臺(tái)的年終報(bào)告,對(duì)比下來無論是創(chuàng)意還是頁(yè)面設(shè)計(jì)以及交互上網(wǎng)易云音樂依舊是YYDS!總是被模仿,但從未被超越!
我也從個(gè)人視角針對(duì)H5年度賬單的關(guān)鍵詞、場(chǎng)景、數(shù)據(jù)維度這幾個(gè)方面進(jìn)行了案例的解析闡述,相信這份梳理對(duì)于所有做創(chuàng)意的同學(xué)都是有用的,即使不是做創(chuàng)意相關(guān)工作的同學(xué),也建議收藏起來,說不定哪天就有用呢?
每個(gè)平臺(tái)的案例,我都梳理出了頁(yè)面截圖、分享頁(yè)、二維碼、主題,以及我個(gè)人針對(duì)案例的一點(diǎn)拙見。那么,我們開始吧??赐曛笥浀迷u(píng)論區(qū)告訴我,你最喜歡哪家的年終賬單哦~

關(guān)鍵詞:
學(xué)院風(fēng)、頒獎(jiǎng)典禮、插畫與數(shù)據(jù)維度相呼應(yīng)、推進(jìn)式進(jìn)入回顧頁(yè)面、多動(dòng)效。
場(chǎng)景分析:
以頒獎(jiǎng)典禮為場(chǎng)景,貫穿整個(gè)H5,從設(shè)計(jì)風(fēng)格到設(shè)計(jì)圖標(biāo),通過數(shù)據(jù)的調(diào)用以插畫的形式展示,最終分享頁(yè)會(huì)有某個(gè)數(shù)據(jù)對(duì)應(yīng)某個(gè)獎(jiǎng)項(xiàng),授予一個(gè)“eg:終身成長(zhǎng)者”稱號(hào)
數(shù)據(jù)維度:
①注冊(cè)時(shí)間②學(xué)習(xí)時(shí)長(zhǎng)&課程門數(shù)③學(xué)習(xí)時(shí)長(zhǎng)最久的一天&學(xué)習(xí)至深夜最晚的一天(同時(shí)間點(diǎn)還有×位同學(xué)一起學(xué)習(xí))④使用最多的功能⑤分享的次數(shù)⑥學(xué)分(積分)⑦平臺(tái)年度大事件⑧學(xué)習(xí)最多的學(xué)科占總學(xué)習(xí)時(shí)長(zhǎng)的百分比

關(guān)鍵詞:
平臺(tái)大事件后緊接著個(gè)人年度社區(qū)賬單;主色調(diào)和品牌色調(diào)相結(jié)合“綠色”;卡通人物形象突出、文藝風(fēng)
場(chǎng)景分析:
事件軸線結(jié)合一個(gè)卡通人物在月光下行走,類似散步的一個(gè)動(dòng)效場(chǎng)景
數(shù)據(jù)維度:
①注冊(cè)時(shí)間 ②發(fā)布的動(dòng)態(tài)條數(shù) ③動(dòng)態(tài)獲得的點(diǎn)贊和回復(fù)數(shù)據(jù)&回復(fù)最多的動(dòng)態(tài) ④發(fā)布動(dòng)態(tài)做多的一天 ⑤參與討論最多的話題 ⑥結(jié)識(shí)×位朋友 ⑦加入的小組數(shù)據(jù),在某個(gè)小組停留的時(shí)間最久;逛小組的時(shí)間點(diǎn)(中午)在小組逛的時(shí)間最長(zhǎng)的一天。在小組中獲得的身份 最后,選擇了關(guān)鍵詩(shī),拼貼詩(shī)句(文藝)

關(guān)鍵詞:
B站熱詞結(jié)合、個(gè)人最喜歡的UP 主、星探等詞匯讓人印象深刻, 文字表達(dá)方面具有優(yōu)勢(shì),更能吸 引年年輕人。最后還有鉤子吸引 用戶將年終報(bào)告分享出去。
場(chǎng)景分析:
采用時(shí)光機(jī)的場(chǎng)景,每一頁(yè)面 都與設(shè)置的場(chǎng)景相互結(jié)合,主 色調(diào)為紫色與藍(lán)色相、結(jié)合, 畫面設(shè)計(jì)很有質(zhì)感。
數(shù)據(jù)維度:
數(shù)據(jù)展示方面很有平臺(tái)特色,更能吸引用戶分享。注冊(cè)時(shí)間、年度相伴時(shí)長(zhǎng)、看視頻個(gè)數(shù)、時(shí)長(zhǎng)、最晚看視頻時(shí)間、 B站DNA(喜歡哪個(gè)方面的視頻) 學(xué)習(xí)時(shí)長(zhǎng)以及查看最多的UP主,循環(huán)播放最多的視頻等、點(diǎn)贊次數(shù)、發(fā)布視頻個(gè)數(shù)......

關(guān)鍵詞:
科技感、吉祥物貫穿、繞地球 走動(dòng)場(chǎng)景
場(chǎng)景分析:
以螞蟻吉祥物為代表,結(jié)合 每個(gè)文案去設(shè)計(jì)與之匹配的 設(shè)計(jì)圖,沒有很強(qiáng)的故事性 就是單純的數(shù)據(jù)羅列,唯一 不同于其他的是關(guān)鍵詞在第 一頁(yè),末尾是好運(yùn)簽
數(shù)據(jù)維度:
數(shù)據(jù)維度:今年的收益及收益率、收益最高的金額和產(chǎn)品,收益最低的產(chǎn)品與金額,翻閱資訊的時(shí)間。

關(guān)鍵詞:
健康色、大自然、小島、 定制人物形象、分享頁(yè)與去年類似
場(chǎng)景分析:
定制一個(gè)角色形象,進(jìn)入一個(gè) 小島,根據(jù)路徑看到自己的相 關(guān)數(shù)據(jù),其中還設(shè)置有其他人 物形象,好感度拉滿。文案部 分更是出彩。故事性很強(qiáng)。
數(shù)據(jù)維度:
先說出關(guān)鍵數(shù)字,再去解釋、今年收聽的歌手人數(shù)、曲風(fēng)涵蓋×種類、各種曲風(fēng)占比、音樂靈魂年齡、風(fēng)格切換最大的兩首歌、最喜歡的歌曲、最晚聽歌的一天、聽過最久遠(yuǎn)的歌年齡、所在地曲風(fēng)、博客數(shù)據(jù)。用總分的形式,有故事性,關(guān)鍵數(shù)字也讓用戶抱有好奇心繼續(xù)看完

關(guān)鍵詞:
簡(jiǎn)潔、時(shí)光采樣、音樂星球 分享頁(yè)不是很有吸引力,數(shù)據(jù)準(zhǔn)確。
場(chǎng)景分析:
授權(quán)按鈕,開頭以日歷為場(chǎng)景 一個(gè)人一只貓坐在音樂的船上 漂浮在海面上,有一種宮崎駿 的漫畫風(fēng)格,和植物相互融合 貼近自然,音樂與自然的結(jié)合, 所有場(chǎng)景中均有l(wèi)ogo,根據(jù)歌名給到契合的場(chǎng)景設(shè)計(jì)
數(shù)據(jù)維度:
全年一共聽歌×首,連續(xù)聽×首歌,最早聽歌的一天,全年聽歌最久的一天×小時(shí)×分鐘,最喜歡×的歌,最喜歡的歌手。

關(guān)鍵詞:
閱讀、書籍、年度關(guān)鍵詞
場(chǎng)景分析:
開頭設(shè)計(jì)的是打開書屋的場(chǎng)景,隨后根據(jù)頁(yè)面的文字在發(fā)揮。設(shè)計(jì)頁(yè)面太簡(jiǎn)單,有些拉胯,感染力欠佳。
數(shù)據(jù)維度:
①注冊(cè)時(shí)間②閱讀的第一本書③年度收聽的書籍?dāng)?shù)量④超過×%的用戶⑤收聽最多次數(shù)的一本書⑥最早最晚聽書的時(shí)間和書籍⑦收聽的最冷門的一本書⑧收聽的書籍大類的改變⑨年度書單

關(guān)鍵詞:
除了logo變了其他沒有什么創(chuàng)意
場(chǎng)景分析:
吉祥物與頁(yè)面文字描述的場(chǎng)景 相互結(jié)合起來做的頁(yè)面;簡(jiǎn)單 的數(shù)據(jù)羅列;設(shè)計(jì)上也缺少美 感,沒有任何創(chuàng)意點(diǎn)
數(shù)據(jù)維度:
①注冊(cè)時(shí)間 ②訂單數(shù)量 ③消費(fèi)數(shù)量 ④城市 ⑤同樣的美食點(diǎn)的最多的一種

關(guān)鍵詞:
動(dòng)漫人物 、地球
場(chǎng)景分析:
人物與地球的互動(dòng)場(chǎng)景,結(jié)合每個(gè)頁(yè)面的文字,設(shè)計(jì)對(duì)應(yīng)的場(chǎng)景去表達(dá);展示形式上中規(guī)中矩
數(shù)據(jù)維度:
①根據(jù)你閱讀的大類,統(tǒng)計(jì)出你最愛看的哪個(gè)行業(yè)的信息 ②年度聽單(篩選聽的最多的前×個(gè)節(jié)目名稱 ③生成專屬分享海報(bào) ④最后有個(gè)類似彩蛋的名人的錄音發(fā)過來作為收尾

關(guān)鍵詞:
年度大事件與年度賬單相互 結(jié)合、暖色系
場(chǎng)景分析:
頁(yè)面設(shè)計(jì)上也沒有什么出彩的點(diǎn),大事件采用選項(xiàng)的形式增 加了互動(dòng),個(gè)人年終賬單就是 常規(guī)的以數(shù)據(jù)的羅列
數(shù)據(jù)維度:
①瀏覽了多少問題 ②寫了多少回答 ③瀏覽最多的內(nèi)容 ④搜索過多少次 ⑤為多少內(nèi)容點(diǎn)過贊 ⑥根據(jù)你點(diǎn)贊的內(nèi)容推薦知乎 博主

關(guān)鍵詞:
簡(jiǎn)潔、色彩搭配 無背景音樂
場(chǎng)景分析:
以時(shí)間軸線和英文月份,對(duì)應(yīng)到季節(jié)點(diǎn),加上色彩的搭配,與去年的賬單沒有特別大的差異但還是給到了非常好的用戶體驗(yàn)回歸報(bào)告的本質(zhì)。
數(shù)據(jù)維度:
①注冊(cè)時(shí)間 ②某個(gè)季節(jié)閱讀時(shí)長(zhǎng)最長(zhǎng)的一本書,閱讀這本書的總時(shí)長(zhǎng) ③年度閱讀完的書籍前9 ④生成關(guān)鍵詞分享海報(bào) ⑤輸出的筆記條數(shù)

關(guān)鍵詞:
骰子、集合、內(nèi)容量大 濃縮
場(chǎng)景分析:
以骰子為動(dòng)態(tài)牽線,貫穿整個(gè) H5,骰子的一面為綜合數(shù)據(jù), 再反轉(zhuǎn)為書的數(shù)據(jù)、再反轉(zhuǎn)為 影視的數(shù)據(jù),再反轉(zhuǎn)還有喜歡 的導(dǎo)演的數(shù)據(jù)、演員的數(shù)據(jù)... 設(shè)計(jì)很美觀。
數(shù)據(jù)維度:
①看了多少書、影視作品 ②關(guān)注的導(dǎo)演、作者、編劇 ③瀏覽最多的內(nèi)容 ④參與討論的話題 ⑤注冊(cè)豆瓣幾年 ⑥分享過多少次

關(guān)鍵詞:
時(shí)光機(jī)、動(dòng)畫風(fēng)、吉祥物
場(chǎng)景分析:
吉祥物的走動(dòng)貫穿整個(gè)H5, 結(jié)合每個(gè)頁(yè)面上展示的文字, 畫面中吉祥物與相關(guān)場(chǎng)景進(jìn)行 互動(dòng),中間還設(shè)置有積雪 模塊,需要用戶手動(dòng)搖一搖才 能看到積雪后的文字,搖一搖 之后還會(huì)出現(xiàn)煙花場(chǎng)景。aha時(shí)刻
數(shù)據(jù)維度:
①注冊(cè)時(shí)間 ②今年第一次使用APP導(dǎo)航的終點(diǎn) ③最遠(yuǎn)一次出行×KM,和城市 ④搜索過多少次 ⑤企業(yè)大事件或公益事件 ⑥生成關(guān)鍵詞分享頁(yè)面

關(guān)鍵詞:
動(dòng)畫風(fēng)、畫面設(shè)計(jì)和音樂相 當(dāng)完美,很有代入感。
場(chǎng)景分析:
一個(gè)小孩子的形象,帶著好奇心 步入了抖音這個(gè)大世界,奔跑著 去探索去發(fā)現(xiàn)去輸出,然后就有 了一系列的數(shù)據(jù),生成了這一年 的報(bào)告,最終也會(huì)有一個(gè)關(guān)鍵詞 分享頁(yè)面。整體觀感很棒。不足之處是角色關(guān)鍵詞太過常規(guī) 缺少創(chuàng)意
數(shù)據(jù)維度:
①注冊(cè)時(shí)間 ②觀看最多的視頻內(nèi)容大類 ③最喜歡看的一個(gè)博主 ④關(guān)注最多的領(lǐng)域 ⑤點(diǎn)贊和評(píng)論 ⑥系統(tǒng)提醒休息;輸出了多少視頻

關(guān)鍵詞:
漫畫風(fēng)、強(qiáng)化快遞形象簡(jiǎn)單的用戶維護(hù)和品牌宣傳目的,缺少一點(diǎn)暖色
場(chǎng)景分析:
美女與帥氣快遞員的互動(dòng)場(chǎng)景 總感覺是哪個(gè)漫畫書里面的人物 形象?美則美矣,但沒有很吸睛 的地方,更加沒有讓人想分享的 欲望,就是比較簡(jiǎn)單的羅列,畫面和動(dòng)效上也沒有特別的出彩
數(shù)據(jù)維度:
①今年第一次使用時(shí)間 ②寄送包裹數(shù)量 ③最遠(yuǎn)一次寄送,和城市 ④周圍門店的數(shù)量 ⑤最常接觸的快遞員 ⑥派送的包裹來來自×城市 ⑦品牌相關(guān)的數(shù)據(jù)

關(guān)鍵詞:
清爽、logo海豚結(jié)合、數(shù)字化 很高級(jí)的配色
場(chǎng)景分析:
第一個(gè)頁(yè)面有感染到我,這不就 是大魚海棠的一個(gè)場(chǎng)景嘛,隨后 又用飛行了多遠(yuǎn)的距離去呈現(xiàn)上 用到了地球,也類比南極走到北 極,頁(yè)面的畫風(fēng)也是干干凈凈清 清爽爽的很舒服,分享頁(yè)參考了 網(wǎng)易的人物個(gè)性化定制,但人物 形象不是很可愛哎
數(shù)據(jù)維度:
①注冊(cè)時(shí)間 ②飛行距離,類比 ③最遠(yuǎn)抵達(dá)的城市,停留最久的城市;飛行最多的城市 ④累計(jì)消費(fèi)金額,年度消費(fèi)賬單;最高消費(fèi)的一次訂單 ⑤飛行次數(shù)最多的一個(gè)月;×個(gè)小時(shí)在飛機(jī)上;最晚定機(jī)票的時(shí)間;看過多少筆記 ⑥最終生成分享海報(bào)頁(yè);人物形象和各類數(shù)據(jù)

關(guān)鍵詞:
簡(jiǎn)潔、每個(gè)頁(yè)面都是不同的色調(diào) 用戶體驗(yàn)感很舒服,用動(dòng)畫形式 展示與運(yùn)動(dòng)相關(guān)的場(chǎng)景,比如瑜 伽等,很有代入感。
場(chǎng)景分析:
人物形象進(jìn)入運(yùn)動(dòng)之門的場(chǎng)景,期間會(huì)通過不同的數(shù)據(jù)維度設(shè)計(jì)相呼應(yīng)的運(yùn)動(dòng)場(chǎng)景,比如早起運(yùn)動(dòng),最晚一次運(yùn)動(dòng)場(chǎng)景,冥想等用數(shù)據(jù)與畫面相互結(jié)合來展示。很有美感
數(shù)據(jù)維度:
①注冊(cè)時(shí)間 ②最早一次運(yùn)動(dòng) ③練習(xí)時(shí)長(zhǎng)最長(zhǎng)的一次運(yùn)動(dòng) ④最喜歡練習(xí)×運(yùn)動(dòng) ⑤刷掉的卡路里 ⑥綜合數(shù)據(jù)展示

關(guān)鍵詞:
動(dòng)畫動(dòng)效強(qiáng)、用戶參與度較高, 需要代入場(chǎng)景后進(jìn)行按鈕操作, 體感更強(qiáng)一些。
場(chǎng)景分析:
結(jié)合每一個(gè)頁(yè)面的數(shù)據(jù)場(chǎng)景設(shè)計(jì)出 需要參與的動(dòng)效,例如外出給到的 是按鈕紅綠燈、快遞員的場(chǎng)景給到 的是擊掌....開頭與結(jié)尾畫面相呼應(yīng)。整體上沒有特別的驚艷,但也看起來很舒服。數(shù)據(jù)羅列上今年也精簡(jiǎn)了許多。
數(shù)據(jù)維度:
①注冊(cè)時(shí)間 ②外出、在外就餐使用支付寶的店鋪數(shù)量 ③運(yùn)動(dòng)產(chǎn)生的能量數(shù)據(jù) ④點(diǎn)外面的次數(shù)以及收快遞的次數(shù) ⑤總的支出與收入數(shù)據(jù)生成分享賬單 ⑥根據(jù)數(shù)據(jù)給到分享頁(yè)的關(guān)鍵詞

關(guān)鍵詞:
儀式感、大事件回顧
場(chǎng)景分析:
事件軸線結(jié)合一個(gè)卡通人物在月光下行走,類似散步的一個(gè)動(dòng)效場(chǎng)景
數(shù)據(jù)維度:
①注冊(cè)時(shí)間
②發(fā)布的動(dòng)態(tài)條數(shù)
③動(dòng)態(tài)獲得的點(diǎn)贊和回復(fù)數(shù)據(jù)&回復(fù)最多的動(dòng)態(tài)
④發(fā)布動(dòng)態(tài)做多的一天
⑤參與討論最多的話題
⑥結(jié)識(shí)×位朋友
⑦加入的小組數(shù)據(jù),在某個(gè)小組停留的時(shí)間最久;逛小組的時(shí)間點(diǎn)(中午)在小組逛的時(shí)間最長(zhǎng)的一天。在小組中獲得的身份
最后,選擇了關(guān)鍵詩(shī),拼貼詩(shī)句(文藝)

關(guān)鍵詞:
小清新、數(shù)據(jù)羅列、輕盈 與時(shí)間管理相關(guān) 產(chǎn)品logo、小而美
場(chǎng)景分析:
以時(shí)間&日歷為場(chǎng)景,展示相關(guān)的數(shù)據(jù)。主色調(diào)為天藍(lán)色,視覺效果很清爽,外加簡(jiǎn)單的動(dòng)效(eg:浮動(dòng)的云層;翻動(dòng)的日歷等)關(guān)鍵詞的描述文案很契合;同樣以懷舊日歷的形式展示作為分享頁(yè)面。但文字的排版設(shè)計(jì)略微欠缺美感。整體還是給人一種小清新的美好,與APP給的感覺相同。缺背景音樂
數(shù)據(jù)維度:
①完成了多少任務(wù),完成任務(wù)最多的月份 ②類比,完成率超過了*%的用戶 ③某一天完成的任務(wù)最多 ④累計(jì)成就值 ⑤完成的第一個(gè)任務(wù)的時(shí)間點(diǎn)
-END-
請(qǐng)到「后臺(tái)-用戶-個(gè)人資料」中填寫個(gè)人說明。
聲明:本網(wǎng)站尊重并保護(hù)知識(shí)產(chǎn)權(quán),根據(jù)《信息網(wǎng)絡(luò)傳播權(quán)保護(hù)條例》,如果我們轉(zhuǎn)載的作品侵犯了您的權(quán)利,請(qǐng)?jiān)谝粋€(gè)月內(nèi)通知我們,我們會(huì)及時(shí)刪除。
Copyright ? 2016 學(xué)習(xí)鳥. 頁(yè)面生成時(shí)間:0.538秒