儀表盤(Dashboard)UI設(shè)計的8個實用技巧

我們今天生活在技術(shù)時代每天都在發(fā)展著人工智能(AI),商業(yè)智能和BlockChain等各種卓越技術(shù),這些技術(shù)正在成為我們?nèi)粘I钪胁豢杀苊獾囊徊糠?。這些智能技術(shù)使用復(fù)雜的算法快速分析大量數(shù)據(jù),并為用戶提供有用的信息。但是,如果用戶無法理解或涉及它,數(shù)據(jù)或信息又有什么意義呢?或者更糟糕的是,如果他們無法找到有用的東西或從中受益,該怎么辦?這就是為什么儀表盤(Dashboard)設(shè)計最近變得非常重要的原因。

在我們深入探討如何使儀表板看起來更好看之前,以下是設(shè)計得好的儀表盤(Dashboard)的基本功能:

1. 一個有效的儀表盤(Dashboard)顯示用戶可以采取行動的有用信息,并且可以直觀地表示什么是復(fù)雜的數(shù)據(jù),易于理解。

2. 一個好的儀表盤(Dashboard)能夠幫助用戶理解,分析以及呈現(xiàn)關(guān)鍵的見解。

3. 他們很容易定制,不復(fù)雜,最重要的是,非常直觀。

4. 盡管空間有限,但是好的儀表盤(Dashboard)可以為最重要的數(shù)據(jù)組件和小部件提供空間,而不會顯得過于混亂。

 

這里有幾個關(guān)于儀表盤(Dashboard)設(shè)計的視覺基礎(chǔ)建議:

1、保持一致性

對于儀表盤(Dashboard)而言,在整個視覺設(shè)計方面始終保持一致性非常重要。大多數(shù)用戶擁有具有不同屏幕尺寸的多種設(shè)備,例如智能手機(jī),平板電腦和臺式機(jī),因此,確保儀表盤(Dashboard)在每個設(shè)備上的外觀和功能方面保持一致非常重要,無論是在顏色,字體,元素的位置,導(dǎo)航,甚至圖表風(fēng)格方面。建議先從最小屏幕開始,遵循設(shè)計的黃金法則,在視覺上吸引人注意最重要的信息,并最終創(chuàng)建完美的用戶界面設(shè)計,從而增強(qiáng)用戶體驗。

 

2、傳達(dá)重要信息

內(nèi)容層次結(jié)構(gòu)是設(shè)計儀表盤(Dashboard)的核心和靈魂,但是在儀表盤(Dashboard)設(shè)計的用戶體驗階段可以實現(xiàn)。然而,只有通過視覺設(shè)計,最重要的信息才能以吸引人的和可用的方式傳達(dá)給用戶。這個階段不僅有助于凍結(jié)布局,而且有助于定義設(shè)計指南。

  • 卡片布局通常是最優(yōu)選的形式,因為它允許簡潔的數(shù)據(jù)分類以及易于定制的靈活性。
  • 中心路線是最值得推薦的,因為用戶首先會察覺到這部分信息。
  • 18像素字體是要使用的最大值(英文字體)。
  • 應(yīng)該使用獨特的顏色突出顯示信息。

 

3、容易定制

在設(shè)計儀表盤(Dashboard)時,重要的是不要采用“一刀切”的方法。這是因為首先,我們有多個用戶角色,需求和優(yōu)先級各不相同; 其次,設(shè)計應(yīng)該是可擴(kuò)展的。把重點放在為用戶提供能夠調(diào)整以適應(yīng)其個人業(yè)務(wù)需求的設(shè)計上給予用戶非常重要 - 這可以像添加或刪除列一樣簡單,或者像添加一個全新模塊一樣復(fù)雜。

基本上,無論調(diào)整的復(fù)雜程度如何,良好的儀表盤(Dashboard)設(shè)計應(yīng)該始終允許輕松定制。

  • 嘗試使用易于拖放交互的自定義儀表盤(Dashboard)
  • 允許輕松修改,如添加/刪除字段
  • 盡可能提供不同的顏色主題
  • 為查看/下載數(shù)據(jù)提供不同的選項

 

4、圖表設(shè)計,少即是多

作為設(shè)計師,我們通常會對各種呈現(xiàn)數(shù)據(jù)的想法感到興奮不已,這往往會讓我們陷入過度設(shè)計。但是,圖表是用戶的主要數(shù)據(jù)可視化工具,它們應(yīng)該很簡單 - 應(yīng)該避免使用復(fù)雜的圖表。

條形圖,餅圖和折線圖很容易識別,在緊湊的地方也能很好地工作。盡量避免使用3D圖表,并使用平面設(shè)計的圖表來代替,因為它們更容易理解,并且看起來更整齊。

 

5、使用熟悉的圖標(biāo)

通常會被忽略,但儀表盤(Dashboard)UI中非常重要的組件是圖標(biāo)。最好的儀表盤(Dashboard)設(shè)計包括熟悉的圖標(biāo)。例如,垃圾可以代表“刪除”,每個人都知道的圖標(biāo)。儀表盤(Dashboard)可能一天內(nèi)被用戶多次使用,并且可以通過快速操作或信息進(jìn)行訪問。因此,顯而易見的指示器可縮短處理時間并幫助創(chuàng)建出色的UX和UI。

 

6、使用正確的字體

在用戶體驗和用戶界面方面,字體的風(fēng)格和大小同樣重要。在設(shè)計儀表盤(Dashboard)時,建議使用不超過兩種字體樣式來實現(xiàn)更清晰的UI設(shè)計。

創(chuàng)建具有儀表盤(Dashboard)上所有書面內(nèi)容的視覺層次結(jié)構(gòu)(以倒金字塔樣式)非常重要。您可以通過將最重要的洞察力放在最大的字體中,并且可能以獨特的顏色來做到這一點,使用較小的字體代表不太重要的信息。

 

7、色彩比你想象的更重要

不同的顏色表示不同的事物。比如交通燈,紅燈要求我們停下來,綠燈意味著我們可以繼續(xù)開車?,F(xiàn)在,想象有一道綠燈需要我們停下來,還有一道紅燈表示我們可以繼續(xù)駕駛。這難道不會令人困惑嗎?這就是為什么,為了實現(xiàn)良好的儀表盤(Dashboard)UI,注意儀表盤(Dashboard)設(shè)計中使用的顏色非常重要。

除了使用正確的顏色之外,記住不要過度使用所使用的顏色是很重要的。為了正確使用儀表盤(Dashboard)顏色,利用對比度至關(guān)重要。您可以從兩種顏色匹配的顏色開始,如互補(bǔ)色。

8、最后一點——用戶偏好

前面提到的技巧肯定會有助于創(chuàng)建更好的儀表盤(Dashboard)UI設(shè)計,但如果您不了解用戶,它們就毫無價值。如果您很好地了解用戶的偏好,您將能夠確定在儀表盤(Dashboard)上需要采用哪種風(fēng)格。此外,它將有助于根據(jù)您的觀眾的特定需求精確地設(shè)計設(shè)計,這反過來會使他們找到有用的儀表盤。想象一下,為兒童設(shè)計一個面向企業(yè)的儀表盤!它肯定會讓他們對儀表盤(Dashboard)保持警惕,不是嗎?想象一下商人的儀表盤(Dashboard),它里面全都有Looney Toons - 顯示不夠嚴(yán)肅。這就是為什么,即使在視覺設(shè)計中,知道用戶是最重要的。為了深入了解應(yīng)用研究技術(shù),用戶研究。

每天更新,
全站高品質(zhì)素材免費下載!