編輯導(dǎo)語(yǔ)：相信最近打開(kāi)APP，你都會(huì)收到相應(yīng)的年度賬單點(diǎn)擊提醒。而這些年度賬單大多來(lái)源于C端產(chǎn)品。B端產(chǎn)品的面向用戶、設(shè)計(jì)目標(biāo)與C端產(chǎn)品有很大不同，此時(shí)若想設(shè)計(jì)年度賬單，該從哪些方面入手呢？本文作者便結(jié)合實(shí)際經(jīng)驗(yàn)，做了相應(yīng)總結(jié)。

年關(guān)將至，各大平臺(tái)的年度賬單早已“滿天飛舞”，頻頻刷屏。

說(shuō)到年度賬單，很多人對(duì)于C端的設(shè)計(jì)早已感覺(jué)輕車(chē)熟路，大不了就借鑒借鑒（抄一抄）嘛，總還是能找出點(diǎn)靈感的，站在巨人的肩膀上做設(shè)計(jì)，水平再低也差不到哪去。

那B端產(chǎn)品的年度賬單該怎么設(shè)計(jì)呢？畢竟它沒(méi)有那么多的競(jìng)品可以參考，很多B端PM想設(shè)計(jì)個(gè)年度賬單，總感覺(jué)老虎吃刺猬，無(wú)從下嘴。

今天我就帶大家結(jié)合我的實(shí)戰(zhàn)經(jīng)驗(yàn)，給大家提供一些設(shè)計(jì)思路和方法。

一、為什么要設(shè)計(jì)B端的“年度賬單”？

設(shè)計(jì)B端年度賬單的目標(biāo)和C端是截然不同的，其雖然沒(méi)有C端用戶促活、用戶拉新、產(chǎn)品變現(xiàn)、品牌宣傳這么目標(biāo)多樣，但也至少有以下三大作用。

1. 助力企業(yè)文化宣傳

B端產(chǎn)品有很大一個(gè)特點(diǎn)就是肩負(fù)著企業(yè)文化宣傳的重任，而OA系統(tǒng)尤甚，作為一個(gè)門(mén)戶入口，全量用戶都要從此進(jìn)入，實(shí)在是一個(gè)絕佳的宣傳陣地，對(duì)于文化宣傳，國(guó)企、事業(yè)單位尤為重視，所以一個(gè)好的B端年度賬單，如果能夠很好地融入企業(yè)文化的宣傳，那將是一個(gè)很好的亮點(diǎn)，用戶也更能融入情景，更能產(chǎn)生共鳴，使得文化宣傳得到事半功倍的宣傳效果。

2. 強(qiáng)化員工認(rèn)同感

通過(guò)年度賬單各項(xiàng)數(shù)據(jù)的總結(jié)，可以匯總出員工對(duì)企業(yè)的具體貢獻(xiàn)，再加上企業(yè)和員工是同命運(yùn)、共呼吸的共同體的強(qiáng)調(diào)，感謝員工一年默默的付出，那么可以給員工很好的文化認(rèn)同和企業(yè)認(rèn)同，使員工和企業(yè)聯(lián)系的更加緊密。

3. 有利于形成積極進(jìn)取的良性循環(huán)

年度賬單可以增加個(gè)人排行榜或者戰(zhàn)勝百分之多少的用戶榮譽(yù)墻，巧妙地利用馬斯諾的需求理論中的尊重與自我實(shí)現(xiàn)需要，滿足用戶的價(jià)值感。在增加分享功能后，讓每個(gè)員工一年的工作成果可以分享到個(gè)人工作空間或者朋友圈，讓自己的同事和領(lǐng)導(dǎo)看見(jiàn)，形成很好的“榮譽(yù)攀比”，進(jìn)而形成良好的競(jìng)爭(zhēng)循環(huán)。

二、怎樣設(shè)計(jì)一份優(yōu)秀的年度賬單？

1. 數(shù)據(jù)層

1）數(shù)據(jù)相關(guān)性

年度賬單中展現(xiàn)的數(shù)據(jù)可以有企業(yè)整體的發(fā)展數(shù)據(jù)，例如：銷(xiāo)售額共計(jì)XXX，環(huán)比增長(zhǎng)XXX，總利潤(rùn)XXX，待辦量XXX等以鼓舞士氣，但是更多的應(yīng)該是體現(xiàn)員工個(gè)人相關(guān)的數(shù)據(jù)，比如：個(gè)人待辦處理量、集團(tuán)新聞閱讀量、應(yīng)用點(diǎn)擊量、搜索數(shù)據(jù)等等，這樣才能讓員工感覺(jué)到這是和自己息息相關(guān)的事，給員工以參與感、認(rèn)同感，進(jìn)而發(fā)揮出年度賬單最大的意義。

2）數(shù)據(jù)多樣性

年度賬單中的數(shù)據(jù)應(yīng)該盡量豐富多樣，這樣才能給人飽滿、立體的感覺(jué)。

很多系統(tǒng)可能偏垂直，個(gè)人能提煉出的相關(guān)數(shù)據(jù)可能并不是很多，這時(shí)候我們可以采取一個(gè)維度的數(shù)據(jù)多個(gè)角度去闡釋的方式進(jìn)行全面解讀。

例如每個(gè)系統(tǒng)都有的登錄數(shù)據(jù)，我們可以從登錄總PV，登錄UV，日均登錄次數(shù)、加班天數(shù)、加班總時(shí)長(zhǎng)、最早登錄的時(shí)間點(diǎn)、最晚登錄的時(shí)間點(diǎn)、環(huán)比數(shù)據(jù)、同比數(shù)據(jù)、戰(zhàn)勝XX%的用戶、XX節(jié)日期間有沒(méi)有登錄等維度立體地去給用戶呈現(xiàn)數(shù)據(jù)，這樣才會(huì)給用戶帶來(lái)飽和攻擊，擊穿他心底最后一道薄弱的防線。

3）數(shù)據(jù)的迎合性

同樣都是數(shù)據(jù)展示，我們應(yīng)該盡可能地給用戶展示他喜歡的、更能表現(xiàn)其成就的數(shù)據(jù)。

比如：優(yōu)先選擇PV而不是UV；各項(xiàng)數(shù)據(jù)的日均處理量，分母是實(shí)際處理天數(shù)而不是固定的250；戰(zhàn)勝XX%的用戶，當(dāng)?shù)陀谀骋粋€(gè)閾值時(shí)，大家都是一個(gè)數(shù)，別到時(shí)候數(shù)據(jù)顯得那么尷尬。這樣才能激發(fā)出用戶的自豪感，不至于讓用戶一看賬單，都是個(gè)位數(shù)，瞬時(shí)間挫敗谷底，進(jìn)而沒(méi)有興趣繼續(xù)再看下去，關(guān)閉走人，失去了企業(yè)文化傳播的目的。

4）數(shù)據(jù)的準(zhǔn)確性

這里的準(zhǔn)確性有兩個(gè)方面去解讀，第一個(gè)就是符合定義標(biāo)準(zhǔn)的數(shù)據(jù)計(jì)算一定是準(zhǔn)確無(wú)誤的，例如我們要求統(tǒng)計(jì)周期是2021.1.1-2021.12.31日的數(shù)據(jù)，那顯然是開(kāi)始時(shí)間的00:00點(diǎn)到截止時(shí)間的24:00，絕對(duì)不能是截止時(shí)間的00：00點(diǎn)，否則就少了一天的數(shù)據(jù)。

還有我們?cè)谒闳站卿洿螖?shù)的時(shí)候，合理的應(yīng)該是PV/250, 而不是PV/365, 因?yàn)橐荒隃p去周末和節(jié)假日，那么純工作的天數(shù)也就250天。

2. 文案層

1）貼合性

年度賬單中每個(gè)模塊所描述的文案一定要和本模塊內(nèi)相關(guān)數(shù)據(jù)約貼合越好，這樣才能顯的渾然一體，不然二者風(fēng)馬牛不相及，給用戶帶來(lái)格格不入的感覺(jué)，是非常不好的，尤其是一些企業(yè)為了宣傳新戰(zhàn)略、新目標(biāo)、新文化，強(qiáng)行把這些東西和登錄數(shù)據(jù)、待辦數(shù)據(jù)、新聞數(shù)據(jù)、應(yīng)用數(shù)據(jù)結(jié)合到一起，弄的不倫不類(lèi)的，給用戶很輕的“出境感”。

（當(dāng)然，如果你是文案高手，就能把兩個(gè)沒(méi)有關(guān)系的東西聯(lián)系到一起，當(dāng)我沒(méi)說(shuō)）。例如下面兩個(gè)文案描述，大家可以對(duì)比一下：

2）情感化

文案的描述一定要有帶入感，仿佛是兩個(gè)人在對(duì)話一樣，讓用戶感覺(jué)很自然，讀起來(lái)能產(chǎn)生情感共鳴，感覺(jué)被關(guān)懷、被關(guān)注，此刻他就是宇宙中心，他的心就是一個(gè)冰冷的石頭，我也得用語(yǔ)言給捂化了，這就對(duì)了！

比如描述登錄數(shù)據(jù)時(shí)，簡(jiǎn)單一點(diǎn)的描述是：在過(guò)去的一年里，我們陪伴你一起走過(guò)XX個(gè)日日夜夜；情感化表達(dá)就是：陪伴是最溫情的告白，在光陰浩渺的煙波里，有你便是溫暖。

當(dāng)然文采這個(gè)事情不是說(shuō)有就用的，需要有很長(zhǎng)時(shí)間的文化沉淀才能揮灑自如，咱們?cè)谠O(shè)計(jì)的時(shí)候，如果感覺(jué)自己喝的墨水不夠多，找文筆好的同事，借力使力就行了。

3）層次感

每個(gè)模塊的文案布局一定要有層次感，不能太平讓用戶抓不到重點(diǎn)，可以給每個(gè)模塊起一個(gè)簡(jiǎn)單的標(biāo)題，也可以突出數(shù)據(jù)，因?yàn)閿?shù)據(jù)的屬性就一定暗示了這個(gè)模塊的潛標(biāo)題，無(wú)需再傻傻地寫(xiě)上“XX模塊數(shù)據(jù)”。

一般從布局上來(lái)講，分主標(biāo)題、副標(biāo)題、輔助文案三個(gè)層級(jí)，他們依次弱化處理即可，例如下圖：

3. 視覺(jué)層

1）視覺(jué)風(fēng)格

視覺(jué)風(fēng)格依據(jù)上線節(jié)點(diǎn)、企業(yè)VI、用戶畫(huà)像而定，如果咱們是春節(jié)期間上線，當(dāng)然年味十足比較合適；如果企業(yè)VI體系中已經(jīng)明確的企業(yè)整體視覺(jué)調(diào)性，那么和VI相吻合即可；如果用戶畫(huà)像已經(jīng)明確的是男性占比大多數(shù)，那么我們可以采取科技藍(lán)來(lái)迎合這一用戶群體的視覺(jué)偏好。

當(dāng)然設(shè)計(jì)趨勢(shì)從扁平到2.5D再到現(xiàn)在的3D，總是在不斷地輪回變化，我們視覺(jué)風(fēng)格的選定還需要結(jié)合企業(yè)性質(zhì)、系統(tǒng)主色調(diào)、系統(tǒng)終極決定權(quán)者的愛(ài)好綜合考慮，往往The final say有一票否決權(quán)。

2）排版布局

粗糙的肯定是碼一堆文字背景簡(jiǎn)單設(shè)計(jì)，進(jìn)階一點(diǎn)的是給你放點(diǎn)點(diǎn)綴的元素，高級(jí)一點(diǎn)的是圖形結(jié)合的形式，而且圖一般都是手繪的插畫(huà)或者用3Dmax制作，最重要的是圖一定要和文案、數(shù)據(jù)屬性相吻合，這一點(diǎn)非常重要。

我們可以看下如下兩個(gè)C端的例子，做得比較好。

3）動(dòng)效設(shè)計(jì)

好的年度賬單總離不開(kāi)適當(dāng)?shù)膭?dòng)效，點(diǎn)睛之筆的動(dòng)效總能讓人耳目一新，記憶深刻。

但是動(dòng)效設(shè)計(jì)一定要克制，并不是越多越豐富越好，因?yàn)槟甓荣~單的重點(diǎn)是數(shù)據(jù)和文案，圖片和動(dòng)效只是陪襯，切記喧賓奪主，本末倒置，下面給大家展示兩個(gè)做得比較好的動(dòng)效案例，以供參考。

4）展現(xiàn)形式

如果能夠全屏展示當(dāng)然是最好的選擇，可以給用戶以最沉浸式的體驗(yàn)；如果再加上點(diǎn)輕松的背景音樂(lè)，那就更好啦；如果再加一些互動(dòng)交互，那就更好啦，比如有的企業(yè)發(fā)紅包，你點(diǎn)擊進(jìn)去可以領(lǐng)；有的是你收到董事長(zhǎng)的新年祝福，點(diǎn)進(jìn)去是董事長(zhǎng)對(duì)全集團(tuán)的新年講話；有的設(shè)計(jì)的像打游戲一樣，你每翻一屏，就像打通一關(guān)，不斷地打怪升級(jí)，滿滿的成就感。

美好的展現(xiàn)形式千萬(wàn)條，符合用戶喜好的場(chǎng)景永遠(yuǎn)第一條。

三、方案常遇到的風(fēng)險(xiǎn)有哪些？

1. 數(shù)據(jù)處理

對(duì)于用戶基數(shù)比較大的產(chǎn)品，一定要提前評(píng)估數(shù)據(jù)量，提前導(dǎo)數(shù)據(jù)并進(jìn)行數(shù)據(jù)處理，避免在截止時(shí)間都還沒(méi)計(jì)算完數(shù)據(jù)，給整個(gè)項(xiàng)目帶來(lái)不必要的延期風(fēng)險(xiǎn)。

2. 加載速度

如果年度賬單設(shè)計(jì)得比較復(fù)雜，圖片、視頻、控件比較多，數(shù)據(jù)比較大，一定要做好充分的測(cè)試，提前暴露潛在的風(fēng)險(xiǎn)，對(duì)于圖片、視頻可以在不失真的前提下，進(jìn)行最大限度的壓縮；對(duì)于數(shù)據(jù)，我們一定要提前都算好，為了加快加載速度，也可以把數(shù)據(jù)放在緩存里。

3. 高并發(fā)

未了避免高并發(fā)帶來(lái)的風(fēng)險(xiǎn)，我們可以在后臺(tái)加個(gè)開(kāi)關(guān)做好對(duì)不同省份逐步開(kāi)放，先小規(guī)模進(jìn)行驗(yàn)證，然后再慢慢放開(kāi)上線范圍，直至全部上線，以達(dá)到安全交付的最終目的。

四、寫(xiě)在最后

B端產(chǎn)品的設(shè)計(jì)更多的是戴著腳鐐來(lái)設(shè)計(jì)，在整個(gè)方案的推進(jìn)中會(huì)往往會(huì)受到相關(guān)業(yè)務(wù)部門(mén)基層、中層、高層的層層“建議”，像年度賬單這種偏視覺(jué)層、感知層的設(shè)計(jì)，任何懂的不懂的都會(huì)給你來(lái)點(diǎn)“個(gè)人感受”，我們要做的就是修煉好內(nèi)功，練好口才，設(shè)計(jì)好方案，把別人想到的、想不到的都提前思慮周全，這樣才能在整個(gè)方案推進(jìn)中如履平地、收放自如。

最后奉上我們團(tuán)隊(duì)設(shè)計(jì)的B端年度賬單案例，供大家學(xué)習(xí)參考。

本文由 @B端實(shí)戰(zhàn)訓(xùn)練營(yíng) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議