儀表盤(pán)(Dashboard)UI設(shè)計(jì)的8個(gè)實(shí)用技巧

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

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

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

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

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

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

 

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

1、保持一致性

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

 

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

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

  • 卡片布局通常是最優(yōu)選的形式,因?yàn)樗试S簡(jiǎn)潔的數(shù)據(jù)分類以及易于定制的靈活性。
  • 中心路線是最值得推薦的,因?yàn)橛脩羰紫葧?huì)察覺(jué)到這部分信息。
  • 18像素字體是要使用的最大值(英文字體)。
  • 應(yīng)該使用獨(dú)特的顏色突出顯示信息。

 

3、容易定制

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

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

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

 

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

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

條形圖,餅圖和折線圖很容易識(shí)別,在緊湊的地方也能很好地工作。盡量避免使用3D圖表,并使用平面設(shè)計(jì)的圖表來(lái)代替,因?yàn)樗鼈兏菀桌斫?,并且看起?lái)更整齊。

 

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

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

 

6、使用正確的字體

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

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

 

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

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

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

8、最后一點(diǎn)——用戶偏好

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

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