激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

儀表板UI設(shè)計的7個實用技巧

發(fā)布時間：2024-02-22 14:00:55 瀏覽量：195次

一個好的儀表板能夠幫助用戶理解復(fù)雜數(shù)據(jù)、分析以及呈現(xiàn)關(guān)鍵的見解，對于提升用戶體驗是十分重要的；以下就是儀表板設(shè)計的7個實用技巧。

寫在前面

我們今天生活在技術(shù)時代，每天都在發(fā)展著人工智能（AI）、商業(yè)智能和BlockChain等各種卓越技術(shù)，這些技術(shù)正在成為我們?nèi)粘Ｉ钪胁豢杀苊獾囊徊糠帧?/p>

這些智能技術(shù)使用復(fù)雜的算法快速分析大量數(shù)據(jù)，并為用戶提供有用的信息。

但是，如果用戶無法理解或涉及它，數(shù)據(jù)或信息又有什么意義？

或者更糟糕的是，如果他們無法找到有用的東西或從中受益，該怎么辦？

這就是為什么儀表板設(shè)計最近變得非常重要的原因。

在我們以前的博客之一中，我們討論了儀表板設(shè)計的功能、AKA和UX方面。另一方面，這一塊是關(guān)于儀表板的視覺設(shè)計，因為儀表板的用戶界面同樣重要，以使其可用和有趣。

然而，在我們深入探討如何使儀表板看起來非常好之前，以下是一個偉大的儀表板的基本功能的快速回顧：

  • 一個有效的儀表板顯示用戶可以采取行動的有用信息，并且可以直觀地表示什么是復(fù)雜的數(shù)據(jù)，易于理解。
  • 一個好的儀表盤能夠幫助用戶理解，分析以及呈現(xiàn)關(guān)鍵的見解。
  • 他們很容易定制，不復(fù)雜，最重要的是，非常直觀。
  • 盡管空間有限，但是很棒的儀表板可以為最重要的數(shù)據(jù)組件和小部件提供空間，而不會顯得過于混亂。

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

一、一致性是關(guān)鍵

對于儀表板而言，在整個視覺設(shè)計方面始終保持一致非常重要，所有設(shè)備上的不變設(shè)計就是我們正在談?wù)摰摹?/p>

大多數(shù)用戶擁有具有不同屏幕尺寸的多種設(shè)備，例如智能手機、平板電腦和臺式機。因此，確保儀表板在每個設(shè)備上的外觀和功能方面保持一致非常重要，無論是在顏色、字體、元素的位置、導(dǎo)航、甚至圖表風(fēng)格方面。

建議先從最小屏幕開始，遵循設(shè)計的黃金法則，因為這有助于首先為最重要的信息創(chuàng)建視覺上吸引人的空間，并導(dǎo)致創(chuàng)建完美的用戶界面設(shè)計，從而增強卓越用戶體驗的能力。

二、首先傳達(dá)重要信息

內(nèi)容層次結(jié)構(gòu)是設(shè)計儀表板的核心和靈魂，但是在儀表板設(shè)計的用戶體驗階段可以實現(xiàn)。

然而，只有通過視覺設(shè)計，最重要的信息才能以吸引人的和可用的方式傳達(dá)給用戶。這個階段不僅有助于凍結(jié)布局，而且有助于定義設(shè)計指南。

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

三、輕松制定儀表板

在設(shè)計儀表板時，重要的是不要采用“一刀切”的方法。

這是因為：

首先：我們有多個用戶角色，需求和優(yōu)先級各不相同。

其次：設(shè)計應(yīng)該是可擴展的。把重點放在為用戶提供能夠調(diào)整以適應(yīng)其個人業(yè)務(wù)需求的設(shè)計上給予用戶非常重要——這可以像添加或刪除列一樣簡單，或者像添加一個全新模塊一樣復(fù)雜。

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

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

四、圖表更少

作為設(shè)計師，我們通常會對各種呈現(xiàn)數(shù)據(jù)的想法感到興奮不已，這往往會讓我們陷入過度。

但是，圖表是用戶的主要數(shù)據(jù)可視化工具，它們應(yīng)該很簡單——應(yīng)該避免使用復(fù)雜的圖表。

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

五、注意儀表板中的圖標(biāo)

這點通常會被忽略，但儀表板UI中非常重要的組件是圖標(biāo)。最好的儀表板設(shè)計包括熟悉的圖標(biāo)。

例如：

垃圾可以代表“刪除”，每個人都可以輕松識別其功能。

儀表板可能一天內(nèi)被用戶多次使用，并且可以通過快速操作或信息進(jìn)行訪問。因此顯而易見的指示器可縮短處理時間并幫助創(chuàng)建出色的UX和UI。

六、請記住使用正確的字體

在用戶體驗和用戶界面方面，字體的風(fēng)格和大小同樣重要。

在設(shè)計儀表板時，建議使用不超過兩種字體樣式來實現(xiàn)更清晰的UI設(shè)計。

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

七、色彩心理學(xué)比你想象的更重要

不同的顏色表示不同的事物。

想想交通燈，紅燈要求我們停下來，綠燈意味著我們可以繼續(xù)開車?，F(xiàn)在，想象有一道綠燈需要我們停下來，還有一道紅燈表示我們可以繼續(xù)駕駛。這難道不會令人困惑嗎？

這就是為什么為了實現(xiàn)良好的儀表板UI，注意儀表板設(shè)計中使用的顏色非常重要。

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

寫在最后

前面提到的技巧肯定會有助于您創(chuàng)建更好的儀表板UI設(shè)計，但如果您不了解用戶，它們就毫無價值。

如果您很好地了解用戶的偏好，您將能夠確定在儀表板上需要采用哪種風(fēng)格。

此外，它將有助于根據(jù)您的觀眾的特定需求精確地設(shè)計設(shè)計，這反過來會使他們找到有用的儀表盤。想象一下，為兒童設(shè)計一個面向企業(yè)的儀表盤！它肯定會讓他們對儀表板保持警惕，不是嗎？

想象一下商人的儀表板，它里面全都有Looney Toons——它顯然會失去它應(yīng)該擁有的每一分嚴(yán)肅。這就是為什么即使在視覺設(shè)計中，知道用戶是最重要的——為了深入了解應(yīng)用研究技術(shù)，用戶研究。

畢竟，正如Frank Chimero正確地說過的，“人們忽視忽視人的設(shè)計”。

作者：Lollypop Design Studio

地址：
https://medium.muz.li/8-tips-for-a-great-dashboard-ui-252fb5597b34

譯者：Tzw_n，公眾號：小阿田的設(shè)計筆記

本文由 @Tzw_n 翻譯整理發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學(xué)您好！

您已成功報名0元試學(xué)活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定