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

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

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

一、數(shù)據(jù)中臺的現(xiàn)狀

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

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

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

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

二、數(shù)據(jù)可視化的案例

1. 中臺設計“看不清”

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

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

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

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

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

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

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

2. 中臺設計“看不懂”

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

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

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

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

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

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

三、中臺設計“看不見”

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

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

四、結語

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

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

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

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

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

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