后臺界面設(shè)計的5個關(guān)鍵要素和10點原則!

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

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

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

構(gòu)建最佳UI的關(guān)鍵因素;

創(chuàng)建一個后臺界面的設(shè)計原則。

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

一、關(guān)鍵因素

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

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

為了保證成功，你需要把自己放在用戶的角度去思考。用戶經(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)進(jìn)行篩選，如果這一部分出錯，接下來的努力會變得沒有意義。

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)。換句話說，高效的故事流程將幫助你盡可能的用最清晰的方式傳達(dá)信息。

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

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

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

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

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

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

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

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

戰(zhàn)略型: 通過分析和對廣泛的關(guān)鍵趨勢信息進(jìn)行標(biāo)準(zhǔn)化，專注于監(jiān)控公司的長期戰(zhàn)略。

可操作型: 一種用于在較短的時間范圍內(nèi)監(jiān)視、度量和管理流程或操作的業(yè)務(wù)智能工具。

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

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

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

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

二、設(shè)計原則

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

一個常見的設(shè)計錯誤是想把所有的信息都告知用戶，好像它們都同樣重要�？梢岳�用大小和位置來組織數(shù)據(jù)的層次結(jié)構(gòu)。

通過定義信息級別讓用戶清楚什么是最重要的。

把最重要的信息放在左上角。從這個位置往右下方組織，信息從最重要的級別到不太重要的級別進(jìn)行排版。

也可以將信息分類并顯示在不同的視圖中。

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. 顏色

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

仔細(xì)選擇合適的顏色，讓內(nèi)容易讀。

使用較大對比度在背景上恰當(dāng)?shù)仫@示視覺元素。

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

8. 字體

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

使用標(biāo)準(zhǔn)字體，用戶更容易閱讀和掃描。

獨特時尚的字體可能看起來效果不錯，但對用戶來說通常更難閱讀。

避免使用全大寫的文字，用戶還需要花時間理解大小寫然后才是看懂吸收。

使用一個合適的大小和風(fēng)格，理解這些信息會更有效。

不要使用特殊字體

9. 數(shù)字格式

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

盡量使用整數(shù)，因為長數(shù)字會使用戶感到困惑。

刪去不必要的信息。

讓用戶更容易比較簡單的細(xì)節(jié)。

10. 標(biāo)簽

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

避免使用旋轉(zhuǎn)標(biāo)簽，用戶很難閱讀。

盡可能使用標(biāo)準(zhǔn)縮寫。

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

三、總結(jié)

關(guān)鍵因素是指“為什么”(Why)我們要做后臺界面做數(shù)據(jù)呈現(xiàn);

設(shè)計原則是指“如何”(How)進(jìn)行呈現(xiàn);

數(shù)據(jù)可視化是指呈現(xiàn)“什么樣”(What)。

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

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

來源：人人都是產(chǎn)品經(jīng)理

以上是關(guān)于用戶增長師的相關(guān)信息，以供大家查看了解。想要了解更多用戶增長師信息，第一時間了解用戶增長師相關(guān)資訊，敬請關(guān)注唯學(xué)網(wǎng)用戶增長師欄目，如有任何疑問也可在線留言，小編會為您在第一時間解答!