后臺界面設計的5個關鍵要素和10點原則!
合理的后臺界面設計可以讓用戶清晰、便捷地理解信息,并加快工作業務的處理效率。那么,后臺界面應該如何設計,才可以達成更完美的呈現?本篇文章里,作者總結了后臺界面設計的關鍵要素和設計原則,一起來看看吧。
大家在平時的工作中,越來越多地會接觸到后臺界面設計,與一般的UI設計一樣,它也有它的設計要素和規范。今天這篇文章將會講到后臺界面的5個關鍵設計要素和10條設計原則,記得運用到自己的工作中吧。
幾天前,我和同事們分享了如何設計后臺界面才能把它變得更有效。講到數據可視化,在這篇文章中我將深入討論2個關鍵點:
- 構建最佳UI的關鍵因素;
- 創建一個后臺界面的設計原則。
所有關鍵要素都是為了讓最終用戶盡可能有效和理解數據結果。
一、關鍵因素
1. 考慮目標用戶
目標用戶是必須要考慮的最重要因素。你需要知道哪些人會用到你設計的界面,以期達到他們的目的。
為了保證成功,你需要把自己放在用戶的角度去思考。用戶經常使用產品的某個模塊和設備將直接影響信息的顯示風格。(數據調研)
HR 后臺界面
2. 確定目標
建立你的最終目標,將直接關系到用戶需求和產品目標。你設計的每一個圖表都應該有其用途,通過展現這些數據幫助用戶解答關鍵問題。重要的是要考慮到不是所有可用數據都對分析過程有用,根據目標進行篩選,如果這一部分出錯,接下來的努力會變得沒有意義。
3. 選擇關鍵性指標(KPI)
對于真正有效的后臺界面設計,必須為你的業務需求選擇正確的關鍵指標。一旦你清楚了你的最終目標并且考慮到了你的目標用戶,你就可以有辦法在后臺界面中選擇最好的KPI。
KPI將有助于塑造后臺界面的方向,因為這些指標將顯示基于特定業務領域的數據可視化。
(彩云注:幫助確立數據展示的優先級)
4. 用數據講好故事
遵循有效的后臺界面設計工作流,開始構建數據故事。
簡而言之,后臺界面講故事是一種以可視化的方式呈現數據的過程,將描繪整個數據分析過程,為了讓用戶有效地理解商業策略和目標。換句話說,高效的故事流程將幫助你盡可能的用最清晰的方式傳達信息。
有效的數據故事作為一個基本步驟,可以減少專業技術用戶與沒有數據分析能力的人之間的差距。正如《福布斯》(Forbes)在一篇文章中所言:“講故事的人用數據驅動的敘事來啟發那些無法進行數據分析、或者根本無法充分利用時間的團隊成員。”
高效講故事的一個好方法是預先設計后臺界面。根據你的受眾和目標規劃將包含哪些圖表,這將幫助你在實際開始構建后臺界面時更加專注。通過這種方式,你可以避免混合使用數據可視化,并判斷把它們放在一起是否有意義,而是根據用戶的理解程度和最終目標生成有用的報告。
(彩云注:幫助篩選應該透傳哪些數據在界面上,并根據用戶的旅程地圖把數據進行編排)
關注HR的工作流
5. 選擇正確類型的后臺界面
另一個最好的實踐是要基于你的分析目標來考慮后臺界面的選型。在前面的觀點中有提到,每一個不同類型的后臺界面應該是為一個特定的用戶群體,以在業務決策過程中幫助達到用戶的特定目標。
只有當信息是直接可操作的時候,它才有價值。用戶必須有能力利用這些信息用到他自己的商業策略和目標中。作為一個只使用最佳后臺界面設計原則的設計師,確保你可以辨別關鍵信息,并將它從不重要的信息中區分出來,以提升用戶的工作效率。
作為參考,以下基于業務的 5 種主要類型的后臺界面:
- 戰略型: 通過分析和對廣泛的關鍵趨勢信息進行標準化,專注于監控公司的長期戰略。
- 可操作型: 一種用于在較短的時間范圍內監視、度量和管理流程或操作的業務智能工具。
- 分析型: 包含大量綜合數據流,使分析師能夠深入挖掘并得出見解,以幫助公司在高管層面取得進展。
- 特定平臺型: 正如它的名字一樣,這種類型的數據后臺界面是用于特定平臺分析。例如,如果你想跟蹤你的社交媒體表現,你可以使用特定的指標,并生成一個只關注該渠道的管理界面。
- 策略型:這種信息豐富的后臺界面最適合中層管理人員,并有助于根據跨部門的趨勢、優勢和劣勢制定增長戰略。
(彩云注:可惜原文沒有太多這方面的案例,大家可以把這5種類型作為一種類型方向,在實際項目中看看自己的項目屬于哪種類型,以便有所側重。)
二、設計原則
1. 層次結構
一個常見的設計錯誤是想把所有的信息都告知用戶,好像它們都同樣重要??梢岳么笮『臀恢脕斫M織數據的層次結構。
- 通過定義信息級別讓用戶清楚什么是最重要的。
- 把最重要的信息放在左上角。從這個位置往右下方組織,信息從最重要的級別到不太重要的級別進行排版。
- 也可以將信息分類并顯示在不同的視圖中。
2. 簡潔
后臺界面的真正目的是以易于理解和更簡單的形式呈現復雜信息。
- 不要提供太多用戶難以理解的信息。
- 使用更少的列來顯示信息。
- 刪掉多余的信息以減少數據的雜亂無章。
3. 一致性
當一個后臺界面有比較一致的排版時,它看起來是更好的。
- 確保你的后臺界面易于閱讀,在組之間使用類似的可視化方式和布局。
- 讓相關信息彼此靠近。
- 將相關內容分組。
4. 親密性
在后臺界面中把相關信息組織在一起將幫助用戶更快理解。
- 把相關信息靠的更近一些。
- 不要將相關信息分散在后臺界面上。
- 將相關內容分組。
5. 對齊
后臺界面上的元素應該在視覺上對齊,讓它看起來視覺平衡。
- 將后臺界面上的元素彼此對齊,以便更好的組織在一起。
- 利用網格規范組織好后臺界面中的小部件。
- 不對齊的界面布局不會給到用戶良好的用戶體驗。
不對齊的后臺界面看起來很不舒服
6. 留白
留白在設計中就像呼吸一樣重要。當用戶在使用你的設計時,它能給用戶提供呼吸的空間。
- 當用戶來查看信息時,后臺界面設計中的留白會吸引用戶。
- 減少留白會給用戶帶來混亂的視圖。
- 使用留白將相關信息可視化分組。
少或沒有留白,會直接勸退用戶
7. 顏色
使用一個有效的顏色方案能抓住用戶的注意力,幫助他們更容易理解信息。
- 仔細選擇合適的顏色,讓內容易讀。
- 使用較大對比度在背景上恰當地顯示視覺元素。
避免使用無意義的漸變和太低的對比度
8. 字體
標準字體對后臺界面來說就是最好的字體,除非有特殊需求才考慮用其他字體。
- 使用標準字體,用戶更容易閱讀和掃描。
- 獨特時尚的字體可能看起來效果不錯,但對用戶來說通常更難閱讀。
- 避免使用全大寫的文字,用戶還需要花時間理解大小寫然后才是看懂吸收。
- 使用一個合適的大小和風格,理解這些信息會更有效。
不要使用特殊字體
9. 數字格式
展示過高的數字精度,會讓這些數字變得很難閱讀和理解。
- 盡量使用整數,因為長數字會使用戶感到困惑。
- 刪去不必要的信息。
- 讓用戶更容易比較簡單的細節。
10. 標簽
使用標簽為用戶更快更有效的傳達信息。
- 避免使用旋轉標簽,用戶很難閱讀。
- 盡可能使用標準縮寫。
避免使用旋轉標簽
三、總結
- 關鍵因素是指“為什么”(Why)我們要做后臺界面做數據呈現;
- 設計原則是指“如何”(How)進行呈現;
- 數據可視化是指呈現“什么樣”(What)。
后臺界面是為了幫助用戶節省時間,努力把復雜的數據信息通過簡潔的信息呈現出來。后臺界面的目標是將關鍵信息通過用戶能理解的方式進行傳達,確保能夠交付用戶所需要的信息。
從思考的道到執行的術,我們都需要掌握,多些思考,設計才能更好!
原文作者:ENTANGO(本文翻譯已獲得作者的正式授權)
原文地址:https://medium.com/@entango/dashboard-design-principles-618dfdc9a384
譯者:彩云Sky,騰訊高級視覺設計師,人人都是產品經理專欄作家;公眾號:彩云譯設計。
本文由@彩云sky 翻譯發布于人人都是產品經理,未經許可,禁止轉載
題圖來自 Unsplash,基于 CC0 協議
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
- 目前還沒評論,等你發揮!