大家在平時的工作中，越來越多地會接觸到后臺界面設計，與一般的 UI 設計一樣，它也有它的設計要素和規范。今天這篇文章將會講到后臺界面的 5 個關鍵設計要素和 10 條設計原則，記得收藏閱讀并用到自己的工作中吧。

更多可視化界面設計教程：

幾天前，我和同事們分享了如何設計后臺界面才能把它變得更有效。講到數據可視化，在這篇文章中我將深入討論 2 個關鍵點：

1. 構建最佳 UI 的關鍵因素
2. 創建一個后臺界面的設計原則

所有關鍵要素都是為了讓最終用戶盡可能有效和理解數據結果。

一、關鍵因素

1. 考慮目標用戶

目標用戶是必須要考慮的最重要因素。你需要知道哪些人會用到你設計的界面，以期達到他們的目的。

為了保證成功，你需要把自己放在用戶的角度去思考。用戶經常使用產品的某個模塊和設備將直接影響信息的顯示風格。（數據調研）

HR 后臺界面

2. 確定目標

建立你的最終目標，將直接關系到用戶需求和產品目標。你設計的每一個圖表都應該有其用途，通過展現這些數據幫助用戶解答關鍵問題。重要的是要考慮到不是所有可用數據都對分析過程有用，根據目標進行篩選，如果這一部分出錯，接下來的努力會變得沒有意義。

3. 選擇關鍵性指標（KPI）

對于真正有效的后臺界面設計，必須為你的業務需求選擇正確的關鍵指標。一旦你清楚了你的最終目標并且考慮到了你的目標用戶，你就可以有辦法在后臺界面中選擇最好的 KPI。

KPI 將有助于塑造后臺界面的方向，因為這些指標將顯示基于特定業務領域的數據可視化。

（彩云注：幫助確立數據展示的優先級）

4. 用數據講好故事

遵循有效的后臺界面設計工作流，開始構建數據故事。

簡而言之，后臺界面講故事是一種以可視化的方式呈現數據的過程，將描繪整個數據分析過程，為了讓用戶有效地理解商業策略和目標。換句話說，高效的故事流程將幫助你盡可能的用最清晰的方式傳達信息。

有效的數據故事作為一個基本步驟，可以減少專業技術用戶與沒有數據分析能力的人之間的差距。正如《福布斯》(Forbes)在一篇文章中所言:“講故事的人用數據驅動的敘事來啟發那些無法進行數據分析、或者根本無法充分利用時間的團隊成員。”

高效講故事的一個好方法是預先設計后臺界面。根據你的受眾和目標規劃將包含哪些圖表，這將幫助你在實際開始構建后臺界面時更加專注。通過這種方式，你可以避免混合使用數據可視化，并判斷把它們放在一起是否有意義，而是根據用戶的理解程度和最終目標生成有用的報告。

（彩云注：幫助篩選應該透傳哪些數據在界面上，并根據用戶的旅程地圖把數據進行編排）

關注 HR 的工作流

5. 選擇正確類型的后臺界面

另一個最好的實踐是要基于你的分析目標來考慮后臺界面的選型。在前面的觀點中有提到，每一個不同類型的后臺界面應該是為一個特定的用戶群體，以在業務決策過程中幫助達到用戶的特定目標。

只有當信息是直接可操作的時候，它才有價值。用戶必須有能力利用這些信息用到他自己的商業策略和目標中。作為一個只使用最佳后臺界面設計原則的設計師，確保你可以辨別關鍵信息，并將它從不重要的信息中區分出來，以提升用戶的工作效率。

作為參考，以下基于業務的 5 種主要類型的后臺界面：

戰略型: 通過分析和對廣泛的關鍵趨勢信息進行標準化，專注于監控公司的長期戰略。

可操作型: 一種用于在較短的時間范圍內監視、度量和管理流程或操作的業務智能工具。

分析型: 包含大量綜合數據流，使分析師能夠深入挖掘并得出見解，以幫助公司在高管層面取得進展。

特定平臺型: 正如它的名字一樣，這種類型的數據后臺界面是用于特定平臺分析。例如，如果你想跟蹤你的社交媒體表現，你可以使用特定的指標，并生成一個只關注該渠道的管理界面。

策略型：這種信息豐富的后臺界面最適合中層管理人員，并有助于根據跨部門的趨勢、優勢和劣勢制定增長戰略。

（彩云注：可惜原文沒有太多這方面的案例，大家可以把這 5 種類型作為一種類型方向，在實際項目中看看自己的項目屬于哪種類型，以便有所側重。）

二、設計原則

1. 層次結構

一個常見的設計錯誤是想把所有的信息都告知用戶，好像它們都同樣重要。可以利用大小和位置來組織數據的層次結構。

1. 通過定義信息級別讓用戶清楚什么是最重要的
2. 把最重要的信息放在左上角。從這個位置往右下方組織，信息從最重要的級別到不太重要的級別進行排版。
3. 也可以將信息分類并顯示在不同的視圖中

2. 簡潔

后臺界面的真正目的是以易于理解和更簡單的形式呈現復雜信息。

1. 不要提供太多用戶難以理解的信息
2. 使用更少的列來顯示信息
3. 刪掉多余的信息以減少數據的雜亂無章

3. 一致性

當一個后臺界面有比較一致的排版時，它看起來是更好的。

1. 確保你的后臺界面易于閱讀，在組之間使用類似的可視化方式和布局
2. 讓相關信息彼此靠近
3. 將相關內容分組

4. 親密性

在后臺界面中把相關信息組織在一起將幫助用戶更快理解

1. 把相關信息靠的更近一些
2. 不要將相關信息分散在后臺界面上
3. 將相關內容分組

5. 對齊

后臺界面上的元素應該在視覺上對齊，讓它看起來視覺平衡。

1. 將后臺界面上的元素彼此對齊，以便更好的組織在一起
2. 利用網格規范組織好后臺界面中的小部件
3. 不對齊的界面布局不會給到用戶良好的用戶體驗

不對齊的后臺界面看起來很不舒服

6. 留白

留白在設計中就像呼吸一樣重要。當用戶在使用你的設計時，它能給用戶提供呼吸的空間。

當用戶來查看信息時，后臺界面設計中的留白會吸引用戶

減少留白會給用戶帶來混亂的視圖

使用留白將相關信息可視化分組

少或沒有留白，會直接勸退用戶

7.? 顏色

使用一個有效的顏色方案能抓住用戶的注意力，幫助他們更容易理解信息。

1. 仔細選擇合適的顏色，讓內容易讀
2. 使用較大對比度在背景上恰當地顯示視覺元素

避免使用無意義的漸變和太低的對比度

8. 字體

標準字體對后臺界面來說就是最好的字體，除非有特殊需求才考慮用其他字體。

1. 使用標準字體，用戶更容易閱讀和掃描
2. 獨特時尚的字體可能看起來效果不錯，但對用戶來說通常更難閱讀
3. 避免使用全大寫的文字，用戶還需要花時間理解大小寫然后才是看懂吸收
4. 使用一個合適的大小和風格，理解這些信息會更有效

不要使用特殊字體

9. 數字格式

展示過高的數字精度，會讓這些數字變得很難閱讀和理解。

1. 盡量使用整數，因為長數字會使用戶感到困惑
2. 刪去不必要的信息
3. 讓用戶更容易比較簡單的細節

10. 標簽

使用標簽為用戶更快更有效的傳達信息

1. 避免使用旋轉標簽，用戶很難閱讀
2. 盡可能使用標準縮寫

避免使用旋轉標簽

三、總結

關鍵因素是指“為什么”（Why）我們要做后臺界面做數據呈現，

設計原則是指“如何”（How）進行呈現，

數據可視化是指呈現“什么樣”（What），

后臺界面是為了幫助用戶節省時間，努力把復雜的數據信息通過簡潔的信息呈現出來。后臺界面的目標是將關鍵信息通過用戶能理解的方式進行傳達，確保能夠交付用戶所需要的信息。

從思考的道到執行的術，我們都需要掌握，多些思考，設計才能更好！

歡迎關注作者的微信公眾號：「彩云譯設計」