合理的后臺界面設(shè)計可以讓用戶清晰、便捷地理解信息，并加快工作業(yè)務(wù)的處理效率。那么，后臺界面應(yīng)該如何設(shè)計，才可以達成更完美的呈現(xiàn)？本篇文章里，作者總結(jié)了后臺界面設(shè)計的關(guān)鍵要素和設(shè)計原則，一起來看看吧。

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

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

1. 構(gòu)建最佳UI的關(guān)鍵因素；
2. 創(chuàng)建一個后臺界面的設(shè)計原則。

所有關(guān)鍵要素都是為了讓最終用戶盡可能有效和理解數(shù)據(jù)結(jié)果。

一、關(guān)鍵因素

1. 考慮目標(biāo)用戶

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

為了保證成功，你需要把自己放在用戶的角度去思考。用戶經(jīng)常使用產(chǎn)品的某個模塊和設(shè)備將直接影響信息的顯示風(fēng)格。（數(shù)據(jù)調(diào)研）

HR 后臺界面

2. 確定目標(biāo)

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

3. 選擇關(guān)鍵性指標(biāo)（KPI）

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

KPI將有助于塑造后臺界面的方向，因為這些指標(biāo)將顯示基于特定業(yè)務(wù)領(lǐng)域的數(shù)據(jù)可視化。

（彩云注：幫助確立數(shù)據(jù)展示的優(yōu)先級）

4. 用數(shù)據(jù)講好故事

遵循有效的后臺界面設(shè)計工作流，開始構(gòu)建數(shù)據(jù)故事。

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

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

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

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

關(guān)注HR的工作流

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

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

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

作為參考，以下基于業(yè)務(wù)的 5 種主要類型的后臺界面：

1. 戰(zhàn)略型: 通過分析和對廣泛的關(guān)鍵趨勢信息進行標(biāo)準化，專注于監(jiān)控公司的長期戰(zhàn)略。
2. 可操作型: 一種用于在較短的時間范圍內(nèi)監(jiān)視、度量和管理流程或操作的業(yè)務(wù)智能工具。
3. 分析型: 包含大量綜合數(shù)據(jù)流，使分析師能夠深入挖掘并得出見解，以幫助公司在高管層面取得進展。
4. 特定平臺型: 正如它的名字一樣，這種類型的數(shù)據(jù)后臺界面是用于特定平臺分析。例如，如果你想跟蹤你的社交媒體表現(xiàn)，你可以使用特定的指標(biāo)，并生成一個只關(guān)注該渠道的管理界面。
5. 策略型：這種信息豐富的后臺界面最適合中層管理人員，并有助于根據(jù)跨部門的趨勢、優(yōu)勢和劣勢制定增長戰(zhàn)略。

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

二、設(shè)計原則

1. 層次結(jié)構(gòu)

一個常見的設(shè)計錯誤是想把所有的信息都告知用戶，好像它們都同樣重要?？梢岳么笮『臀恢脕斫M織數(shù)據(jù)的層次結(jié)構(gòu)。

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

2. 簡潔

后臺界面的真正目的是以易于理解和更簡單的形式呈現(xiàn)復(fù)雜信息。

• 不要提供太多用戶難以理解的信息。
• 使用更少的列來顯示信息。
• 刪掉多余的信息以減少數(shù)據(jù)的雜亂無章。

3. 一致性

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

• 確保你的后臺界面易于閱讀，在組之間使用類似的可視化方式和布局。
• 讓相關(guān)信息彼此靠近。
• 將相關(guān)內(nèi)容分組。

4. 親密性

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

• 把相關(guān)信息靠的更近一些。
• 不要將相關(guān)信息分散在后臺界面上。
• 將相關(guān)內(nèi)容分組。

5. 對齊

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

• 將后臺界面上的元素彼此對齊，以便更好的組織在一起。
• 利用網(wǎng)格規(guī)范組織好后臺界面中的小部件。
• 不對齊的界面布局不會給到用戶良好的用戶體驗。

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

6. 留白

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

• 當(dāng)用戶來查看信息時，后臺界面設(shè)計中的留白會吸引用戶。
• 減少留白會給用戶帶來混亂的視圖。
• 使用留白將相關(guān)信息可視化分組。

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

7. 顏色

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

• 仔細選擇合適的顏色，讓內(nèi)容易讀。
• 使用較大對比度在背景上恰當(dāng)?shù)仫@示視覺元素。

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

8. 字體

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

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

不要使用特殊字體

9. 數(shù)字格式

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

• 盡量使用整數(shù)，因為長數(shù)字會使用戶感到困惑。
• 刪去不必要的信息。
• 讓用戶更容易比較簡單的細節(jié)。

10. 標(biāo)簽

使用標(biāo)簽為用戶更快更有效的傳達信息。

• 避免使用旋轉(zhuǎn)標(biāo)簽，用戶很難閱讀。
• 盡可能使用標(biāo)準縮寫。

避免使用旋轉(zhuǎn)標(biāo)簽

三、總結(jié)

• 關(guān)鍵因素是指“為什么”（Why）我們要做后臺界面做數(shù)據(jù)呈現(xiàn)；
• 設(shè)計原則是指“如何”（How）進行呈現(xiàn)；
• 數(shù)據(jù)可視化是指呈現(xiàn)“什么樣”（What）。

后臺界面是為了幫助用戶節(jié)省時間，努力把復(fù)雜的數(shù)據(jù)信息通過簡潔的信息呈現(xiàn)出來。后臺界面的目標(biāo)是將關(guān)鍵信息通過用戶能理解的方式進行傳達，確保能夠交付用戶所需要的信息。

從思考的道到執(zhí)行的術(shù)，我們都需要掌握，多些思考，設(shè)計才能更好！