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

做過B端設計的小夥伴都知道：B端設計是具有一定門檻的，一個企業内部的中台系統信息體量非常龐大，其中的邏輯關系錯綜複雜，這就會導緻前後台關系雖然緊密但卻缺乏實際的連貫感知。

在不同場景下對業務信息“看不清”、“看不懂”、“看不見”的現象時有發生，所以需要有嚴謹的理性思維，本文将以數據中台業務為背景，分享可視化的一些設計方法和技巧。

一、數據中台的現狀

數據中台是将數據資源與數據生産系統相融合，為業務前台創新多變的業務場景提供數據能力的支撐，從而達到快速支持業務發展的目的。

中台産品的服務能力有很多，比如數據中台，是基于現有雲窗、DP、BI為背景的龐大信息架構，涵蓋了數據地圖、數據開發、數據資産、指标管理、平台管理等多模塊的業務範疇，面向集團全員提供諸如：數據表、指标、報表、任務等内容的數據查詢服務。這些均都由數據中台創建。

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

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

二、數據可視化的案例

1. 中台設計“看不清”

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

這種現象稱為“看不清”，為了解決這個問題，我們将列表按照其功能分成兩大類：執行類和看闆類。

執行類列表目的是将所有字段展示完全，方便統一管理和操作；看闆類則隻要展示關鍵信息，起到快速查看和監控的作用。

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

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

其次選擇視覺載體進行，首先根據看闆的功能提煉出關鍵詞，如：查看、時間、狀态。圍繞關鍵詞尋找符合寓意的載體參考，比如日曆、日程表等。

最後建立營銷日曆的載體架構，類比日曆的功能和結構，設計營銷看闆的結構和布局，并填充活動信息、時間、狀态等内容，建立架構映射關系。

2. 中台設計“看不懂”

數據中台業務配置項繁多，且邏輯複雜。這無疑加重了用戶的認知負荷，導緻操作低效。

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

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

舊版（before）首頁存在問題：設計風格比較沉悶，産品邏輯以及内容不明确，品牌感弱。

改版後（after）：整體采用輕科技的設計語言，本着多元化、輕量化、簡潔性的設計原則，重新定義了品牌符号，并将品牌符号以主視覺的形式展現，強化了用戶對數據中台産品的品牌認知。

同時在産品層面重新梳理了框架内容以及交互邏輯，使得産品體驗更就流暢（項目上線後得到公司的一緻好評）。

三、中台設計“看不見”

在中台業務域中，有許多與C端緊密相關的場景，但我們似乎并未抓住這種适合互動的機會，前中後台之間缺乏溝通與聯動。

整個系統就像一座冰山，前台隻是冰山一角，冰面之下隐藏着龐大的中台系統，這就形成了前後之間雖然關系緊密但彼此看不見的情況。

四、結語

以上通過研究實踐，總結了一套适合當前數據中台可視化設計的方法。

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

做設計時，可以多維度提煉能夠描述該類場景的關鍵詞，然後尋找合适的載體參考物，進行相應的視覺載體設計。希望這次的内容分享可以為大家帶來幫助。

作者：環鐵藝術家；58UXD

本文由 @58UXD 原創發布于人人都是産品經理。未經許可，禁止轉載。

題圖來自Unsplash，基于CC0協議。

,