起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識儀表板UI設計的7個實用技巧
一個好的儀表板能夠幫助用戶理解復雜數據、分析以及呈現關鍵的見解，對于提升用戶體驗是十分重要的；以下就是儀表板設計的7個實用技巧。
寫在前面
我們今天生活在技術時代，每天都在發展著人工智能（AI）、商業智能和BlockChain等各種卓越技術，這些技術正在成為我們日常生活中不可避免的一部分。
這些智能技術使用復雜的算法快速分析大量數據，并為用戶提供有用的信息。
但是，如果用戶無法理解或涉及它，數據或信息又有什么意義？
或者更糟糕的是，如果他們無法找到有用的東西或從中受益，該怎么辦？
這就是為什么儀表板設計最近變得非常重要的原因。
在我們以前的博客之一中，我們討論了儀表板設計的功能、AKA和UX方面。另一方面，這一塊是關于儀表板的視覺設計，因為儀表板的用戶界面同樣重要，以使其可用和有趣。
然而，在我們深入探討如何使儀表板看起來非常好之前，以下是一個偉大的儀表板的基本功能的快速回顧：
- 一個有效的儀表板顯示用戶可以采取行動的有用信息，并且可以直觀地表示什么是復雜的數據，易于理解。
- 一個好的儀表盤能夠幫助用戶理解，分析以及呈現關鍵的見解。
- 他們很容易定制，不復雜，最重要的是，非常直觀。
- 盡管空間有限，但是很棒的儀表板可以為最重要的數據組件和小部件提供空間，而不會顯得過于混亂。
這里有幾個關于儀表板設計的視覺基礎建議：
一、一致性是關鍵
對于儀表板而言，在整個視覺設計方面始終保持一致非常重要，所有設備上的不變設計就是我們正在談論的。
大多數用戶擁有具有不同屏幕尺寸的多種設備，例如智能手機、平板電腦和臺式機。因此，確保儀表板在每個設備上的外觀和功能方面保持一致非常重要，無論是在顏色、字體、元素的位置、導航、甚至圖表風格方面。
建議先從最小屏幕開始，遵循設計的黃金法則，因為這有助于首先為最重要的信息創建視覺上吸引人的空間，并導致創建完美的用戶界面設計，從而增強卓越用戶體驗的能力。
二、首先傳達重要信息
內容層次結構是設計儀表板的核心和靈魂，但是在儀表板設計的用戶體驗階段可以實現。
然而，只有通過視覺設計，最重要的信息才能以吸引人的和可用的方式傳達給用戶。這個階段不僅有助于凍結布局，而且有助于定義設計指南。
- 卡片布局通常是最優選的形式，因為它允許簡潔的數據分類以及易于定制的靈活性。
- 中心路線是最值得推薦的，因為用戶首先會察覺到這部分信息。
- 18像素字體是要使用的最大值。
- 應該使用獨特的顏色突出顯示信息。
三、輕松制定儀表板
在設計儀表板時，重要的是不要采用“一刀切”的方法。
這是因為：
首先：我們有多個用戶角色，需求和優先級各不相同。
其次：設計應該是可擴展的。把重點放在為用戶提供能夠調整以適應其個人業務需求的設計上給予用戶非常重要——這可以像添加或刪除列一樣簡單，或者像添加一個全新模塊一樣復雜。
基本上，無論調整的復雜程度如何，良好的儀表板設計應該始終允許輕松定制。
- 嘗試使用易于拖放交互的自定義儀表板
- 允許輕松修改，如添加/刪除字段
- 盡可能提供不同的顏色主題
- 為查看/下載數據提供不同的選項
四、圖表更少
作為設計師，我們通常會對各種呈現數據的想法感到興奮不已，這往往會讓我們陷入過度。
但是，圖表是用戶的主要數據可視化工具，它們應該很簡單——應該避免使用復雜的圖表。
條形圖、餅圖和折線圖在眼睛上很容易觀看，在緊湊的地方也能很好地工作。應盡量避免使用3D圖表，并使用平面設計的圖表來代替，因為它們更容易理解，并且看起來更整齊。
五、注意儀表板中的圖標
這點通常會被忽略，但儀表板UI中非常重要的組件是圖標。最好的儀表板設計包括熟悉的圖標。
例如：
垃圾可以代表“刪除”，每個人都可以輕松識別其功能。
儀表板可能一天內被用戶多次使用，并且可以通過快速操作或信息進行訪問。因此顯而易見的指示器可縮短處理時間并幫助創建出色的UX和UI。
六、請記住使用正確的字體
在用戶體驗和用戶界面方面，字體的風格和大小同樣重要。
在設計儀表板時，建議使用不超過兩種字體樣式來實現更清晰的UI設計。
創建具有儀表板上所有書面內容的視覺層次結構（以倒金字塔樣式）也非常重要。您可以通過將最重要的洞察力放在最大的字體中，并且可能以獨特的顏色來做到這一點，并將不太重要的信息放在較小的字體中。
七、色彩心理學比你想象的更重要
不同的顏色表示不同的事物。
想想交通燈，紅燈要求我們停下來，綠燈意味著我們可以繼續開車?，F在，想象有一道綠燈需要我們停下來，還有一道紅燈表示我們可以繼續駕駛。這難道不會令人困惑嗎？
這就是為什么為了實現良好的儀表板UI，注意儀表板設計中使用的顏色非常重要。
除了使用正確的顏色之外，記住不要過度使用所使用的顏色是很重要的。為了正確使用儀表板顏色，利用對比度至關重要。您可以從兩種顏色匹配的顏色開始，如互補色。
寫在最后
前面提到的技巧肯定會有助于您創建更好的儀表板UI設計，但如果您不了解用戶，它們就毫無價值。
如果您很好地了解用戶的偏好，您將能夠確定在儀表板上需要采用哪種風格。
此外，它將有助于根據您的觀眾的特定需求精確地設計設計，這反過來會使他們找到有用的儀表盤。想象一下，為兒童設計一個面向企業的儀表盤！它肯定會讓他們對儀表板保持警惕，不是嗎？
想象一下商人的儀表板，它里面全都有Looney Toons——它顯然會失去它應該擁有的每一分嚴肅。這就是為什么即使在視覺設計中，知道用戶是最重要的——為了深入了解應用研究技術，用戶研究。
畢竟，正如Frank Chimero正確地說過的，“人們忽視忽視人的設計”。
作者：Lollypop Design Studio
地址：https://medium.muz.li/8-tips-for-a-great-dashboard-ui-252fb5597b34
譯者：Tzw_n，公眾號：小阿田的設計筆記
本文由 @Tzw_n 翻譯整理發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自Unsplash，基于CC0協議。
一直在關注您的公眾號，哈哈，很贊。
謝謝支持??