<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 后臺數據可視化界面設計的10條經驗法則

    2022-12-5    seo達人

    寫在前面:本文的英文原標題是“10 Rules of Dashboard Design”,其中Dashboard如果翻譯成儀表盤的話,總覺得不大容易理解,所以我在這里把它翻譯為數據可視化。數據展示方面的設計,相信大家會經常用到,這篇文章有很多簡單直接,立馬就能用上的干貨,一起來學習吧!

     

    為什么數據可視化設計非常重要?

    數據可視化的目的是以一種用戶更容易理解的形式呈現復雜信息。
    一個優秀的數據可視化界面包含以下幾個關鍵要素:
    清晰: 一個好的數據可視化界面一定是能夠清晰的展現用戶所需要的信息。當用戶看到界面內容時,應該能在5秒內了解到它的用途,而不是花費至少幾分鐘才能理解各個數據的含義。
    有意義: 一個有用的數據可視化界面上的每一條信息都應該是有意義的。這些有意義的信息能準確傳達設計師想要表達的內容。每一條數據的背后,用戶應該都是可以讀懂的。
    一致性:優秀的數據可視化界面,會有一套非常嚴謹一致的版面。這里的一致性需要考慮到布局,結構和內容。
    簡單: 復雜的界面違背了數據可視化設計的初衷。如果一個信息呈現不夠簡單直接,那么肯定是在設計上出現了問題。

     

    如何設計一個數據可視化界面?

    數據可視化界面設計最重要的步驟是需要了解目標用戶是誰,能為他們提供什么價值。了解目標受眾的知識背景和理解水平能幫助你做出對他們有價值的設計。
    在了解目標用戶時,有必要了解受眾感興趣的數據類型。
    “專注于用戶的需求,更容易產生他們喜歡使用的結果。”
    目標用戶級別可能會在一級和另一級之間變化,這是一個挑戰性的點。與其他任何設計項目一樣,可以細分受眾并將信息相應地分為基本內容和高級內容。
    在界面中表示一組信息有多種方法,選擇正確的數據指標是設計數據可視化的另一個關鍵元素。這也與目標用戶的偏好有關,即他們希望看到什么樣的信息。
    “根據需要設計數據可視化界面,為不同的業務使用不同類型的展示方式。”
    下面是為目標用戶設計數據可視化界面時需要考慮的一些重要規則。

     

    1. 區分層級

    一個非常常見的錯誤就是設計師沒有對信息區分層級,所有的內容看起來都一樣重要。
    可以嘗試使用組件的大小和位置來區分數據的層次結構。
    • 通過定義信息層級,讓用戶清楚什么是最重要的
    • 在左上角顯示更重要的信息,沿著對角線方向,信息的重要程度應該依次減弱,右下角的信息重要性最弱
    • 還可以將信息劃分為不同類別,并在不同的視圖中顯示它們

     

    2.簡單易懂

    數據可視化的真正目的是用一種更方便理解,更簡單的形式來傳達復雜信息。
    • 不要放一些大多數用戶都難以理解的信息
    • 使用更少的列來顯示信息
    • 刪除冗余內容來減少混亂

     

    3. 一致性

    使用一致性布局設計的數據可視化界面看起來更好。
    • 為了使界面更容易閱讀,可以在信息組之間使用類似的可視化效果。
    • 把相關的信息放的更近一些
    • 對相關內容進行可視化分組

     

    4. 臨近原則

    在界面中把相近的信息放在一起可以幫助用戶快速理解。
    • 把相關的信息放的更近一些
    • 不要將相關信息分散在界面上
    • 對相關內容進行可視化分組

     

    5. 對齊

    可視化組件元素需要在視覺上對齊,并保持視覺平衡。
    • 將可視化組件元素在視覺上進行對齊,可以將界面組織的更好
    • 嘗試將組件元素進行網格布局設計
    • 不對齊的界面會給用戶帶來糟糕的體驗

     

    6. 留白

    留白是為了讓界面有呼吸感,它使得用戶在使用你的界面時能夠有出喘息的空間。
    • 當用戶查看需要的信息時,界面中的留白能夠吸引用戶的目光,提升用戶體驗。
    • 減少留白會使用戶的界面變得混亂
    • 使用留白能對信息進行可視化分組
    留白太少簡直就是在鼓勵你的用戶盡快離開

     

    7. 顏色

    使用有效的配色方案來吸引用戶的注意力,幫助他們輕松地瀏覽信息。
    • 仔細選擇顏色,目標是使內容易于閱讀。
    • 使用大對比度來顯示背景上的視覺元素。
    避免使用低對比度和低效的漸變

     

    8. 字體

    標準字體是可視化界面中的最佳字體,除非有特別的理由,一般不要用其他字體。
    • 使用標準字體,因為它們更容易閱讀和掃描。
    • 特別和美術字體可能看起來不錯,但很難理解
    • 避免所有的大寫字母文字,因為它很難閱讀,人類的大腦需要時間來消化它。
    • 使用合適的字體大小和風格,有效地傳達信息。
    不要使用影響可讀性的字體

     

    9. 數字排版

    顯示精度超過要求的數字使它們難以閱讀和理解。
    • 必要時使用整數,因為長數字會使用戶混淆
    • 省去不必要的信息
    • 讓用戶能夠容易地比較簡單的差異細節

     

    10. 標簽

    使用能夠快速有效地向用戶傳達所需信息的標簽。
    • 避免使用帶旋轉的標簽,因為很難閱讀
    • 盡可能的使用標準的縮寫
    避免旋轉標簽

     

    總結

    數據可視化旨在節省時間和精力,將復雜和抽象的數據以更簡單的形式表示,目的是以用戶能夠理解的方式將關鍵信息傳達給他們,確保自己理解用戶所需,并給他們需要的信息。

     


    作者:Saadia Minhas

    譯者:彩云sky

    轉載請注明:學UI網》后臺數據可視化界面設計的10條經驗法則

    藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


    分享此文一切功德,皆悉回向給文章原作者及眾讀者.
    免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


    藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司




    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 亚洲欧美日韩久久精品第一区| 熟妇人妻VA精品中文字幕| 国内精品久久久久久久久| 久久精品亚洲中文字幕无码麻豆| 国产精品一区二区三区99| 999久久久无码国产精品| 无码精品第一页| 亚洲国产成人精品不卡青青草原| 熟妇无码乱子成人精品| 久久人人爽人人精品视频| 999久久久国产精品| 无码精品久久一区二区三区| 无码日韩精品一区二区三区免费| 亚洲精品成人片在线播放| 国产精品无码一区二区在线观一| jizz国产精品网站| 亚洲精品国精品久久99热一| 久久久久久亚洲精品不卡 | 国产高清精品一区| 2020国产精品| 精品国产一区二区三区色欲| 亚洲精品成人无码中文毛片不卡| 香蕉依依精品视频在线播放 | 少妇人妻偷人精品无码视频新浪| 欧美午夜精品一区二区三区91| 国产精品无码久久四虎| 国产成人精品久久| 国产成人AV无码精品| 国产精品 视频一区 二区三区| 一本大道久久a久久精品综合| 韩国精品欧美一区二区三区| 久久久久久国产精品无码下载| 亚洲第一精品福利| 成人免费精品网站在线观看影片 | 中文字幕久精品免费视频| 四库影院永久四虎精品国产| 欧美精品VIDEOSEX极品| 日本五区在线不卡精品| 亚洲国产精品一区二区九九| 亚洲国产精品成人一区| 蜜臀av无码人妻精品|