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