編輯導(dǎo)語：B端產(chǎn)品與C端產(chǎn)品的服務(wù)對象、使用場景有所不同，故其在產(chǎn)品設(shè)計上也有所差異。而在B端設(shè)計中，常見的問題有哪些呢？本篇文章里，作者結(jié)合數(shù)據(jù)中臺可視化設(shè)計案例，對B端產(chǎn)品的設(shè)計工作做了解讀，一起來看一下。

做過B端設(shè)計的小伙伴都知道：B端設(shè)計是具有一定門檻的，一個企業(yè)內(nèi)部的中臺系統(tǒng)信息體量非常龐大，其中的邏輯關(guān)系錯綜復(fù)雜，這就會導(dǎo)致前后臺關(guān)系雖然緊密但卻缺乏實際的連貫感知。

在不同場景下對業(yè)務(wù)信息“看不清”、“看不懂”、“看不見”的現(xiàn)象時有發(fā)生，所以需要有嚴謹?shù)睦硇运季S，本文將以數(shù)據(jù)中臺業(yè)務(wù)為背景，分享可視化的一些設(shè)計方法和技巧。

數(shù)據(jù)中臺是將數(shù)據(jù)資源與數(shù)據(jù)生產(chǎn)系統(tǒng)相融合，為業(yè)務(wù)前臺創(chuàng)新多變的業(yè)務(wù)場景提供數(shù)據(jù)能力的支撐，從而達到快速支持業(yè)務(wù)發(fā)展的目的。

中臺產(chǎn)品的服務(wù)能力有很多，比如數(shù)據(jù)中臺，是基于現(xiàn)有云窗、DP、BI為背景的龐大信息架構(gòu)，涵蓋了數(shù)據(jù)地圖、數(shù)據(jù)開發(fā)、數(shù)據(jù)資產(chǎn)、指標(biāo)管理、平臺管理等多模塊的業(yè)務(wù)范疇，面向集團全員提供諸如：數(shù)據(jù)表、指標(biāo)、報表、任務(wù)等內(nèi)容的數(shù)據(jù)查詢服務(wù)。這些均都由數(shù)據(jù)中臺創(chuàng)建。

然而中臺的各業(yè)務(wù)之間都存有一些共性，通過對頁面特征的分析，總結(jié)出了三種典型的問題：信息列表不清晰、品牌認知度薄弱、場景連貫性差。

通過對這些場景問題的探索，發(fā)現(xiàn)提升可視化程度是有效解決這三類場景所對應(yīng)問題的突破口，故可視化設(shè)計策略成為本次的研究重點和攻克方向。

信息列表不清晰是中臺最常見的問題之一，傳統(tǒng)的列表無非是字段的堆疊，大量相似信息的重復(fù)出現(xiàn)，降低了有效信息的捕獲和整合效率，加重了認知負荷。

這種現(xiàn)象稱為“看不清”，為了解決這個問題，我們將列表按照其功能分成兩大類：執(zhí)行類和看板類。

執(zhí)行類列表目的是將所有字段展示完全，方便統(tǒng)一管理和操作；看板類則只要展示關(guān)鍵信息，起到快速查看和監(jiān)控的作用。

以體驗駕駛艙項目為例，它是58UXD攜手ADS打造的一款基于體驗維度的一站式體驗數(shù)據(jù)監(jiān)測平臺，具備數(shù)據(jù)監(jiān)測、數(shù)據(jù)看板、指標(biāo)預(yù)警等核心能力。其中數(shù)據(jù)看板類的信息層級可以拆分為三部分：關(guān)鍵信息篩選、視覺載體設(shè)計、視覺映射關(guān)系。

首先關(guān)鍵信息篩選，這時我們要把信息進行優(yōu)先級的排序。

其次選擇視覺載體進行，首先根據(jù)看板的功能提煉出關(guān)鍵詞，如：查看、時間、狀態(tài)。圍繞關(guān)鍵詞尋找符合寓意的載體參考，比如日歷、日程表等。

最后建立營銷日歷的載體架構(gòu)，類比日歷的功能和結(jié)構(gòu)，設(shè)計營銷看板的結(jié)構(gòu)和布局，并填充活動信息、時間、狀態(tài)等內(nèi)容，建立架構(gòu)映射關(guān)系。

數(shù)據(jù)中臺業(yè)務(wù)配置項繁多，且邏輯復(fù)雜。這無疑加重了用戶的認知負荷，導(dǎo)致操作低效。

這類現(xiàn)象稱為“看不懂”。針對該問題，我們意識到可以利用圖形符號代替業(yè)務(wù)屬性，打造數(shù)據(jù)中臺的品牌感，讓抽象的概念和復(fù)雜的邏輯關(guān)系清晰可見，以此來降低理解門檻。

以近期工作中的數(shù)據(jù)方舟項目的首頁改版為例：方舟作為各業(yè)務(wù)線決策中心的統(tǒng)一分發(fā)入口，提供了集團頂層數(shù)據(jù)知識及應(yīng)用；并且橫向接入數(shù)據(jù)工具、集團智庫、數(shù)據(jù)應(yīng)用功能，縱向挖掘數(shù)據(jù)價值、搭建看板平臺。為了能夠更好的強化品牌認知，打造更加智能的體驗，我們進行了這次的品牌升級。

舊版（before）首頁存在問題：設(shè)計風(fēng)格比較沉悶，產(chǎn)品邏輯以及內(nèi)容不明確，品牌感弱。

改版后（after）：整體采用輕科技的設(shè)計語言，本著多元化、輕量化、簡潔性的設(shè)計原則，重新定義了品牌符號，并將品牌符號以主視覺的形式展現(xiàn)，強化了用戶對數(shù)據(jù)中臺產(chǎn)品的品牌認知。

同時在產(chǎn)品層面重新梳理了框架內(nèi)容以及交互邏輯，使得產(chǎn)品體驗更就流暢（項目上線后得到公司的一致好評）。

在中臺業(yè)務(wù)域中，有許多與C端緊密相關(guān)的場景，但我們似乎并未抓住這種適合互動的機會，前中后臺之間缺乏溝通與聯(lián)動。

整個系統(tǒng)就像一座冰山，前臺只是冰山一角，冰面之下隱藏著龐大的中臺系統(tǒng)，這就形成了前后之間雖然關(guān)系緊密但彼此看不見的情況。

以上通過研究實踐，總結(jié)了一套適合當(dāng)前數(shù)據(jù)中臺可視化設(shè)計的方法。

首先分析業(yè)務(wù)場景，根據(jù)其特點確定場景類型，思考是否存在該類場景下的典型問題，根據(jù)問題定位設(shè)計策略，執(zhí)行匹配的映射法則。

做設(shè)計時，可以多維度提煉能夠描述該類場景的關(guān)鍵詞，然后尋找合適的載體參考物，進行相應(yīng)的視覺載體設(shè)計。希望這次的內(nèi)容分享可以為大家?guī)韼椭?/p>

作者：環(huán)鐵藝術(shù)家；微信公眾號：58UXD

本文由 @58UXD 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。