<th id="ik4gr"><pre id="ik4gr"></pre></th>
<rp id="ik4gr"></rp>
    <dd id="ik4gr"></dd>

  1. <rp id="ik4gr"><object id="ik4gr"><blockquote id="ik4gr"></blockquote></object></rp>
      <rp id="ik4gr"></rp>
        <button id="ik4gr"><acronym id="ik4gr"></acronym></button>
      1. <rp id="ik4gr"><object id="ik4gr"><input id="ik4gr"></input></object></rp>
        1. 杭州嵌入式培訓
          達內杭州嵌入式培訓中心

          13175137725

          寫給UI設計師的10條可視化圖表避坑指南(上)

          • 時間:2020-04-07 10:29
          • 發布:轉載
          • 來源:網絡

          今天分享一位設計師Taras Bakusevych梳理出關于To B端控制面板的10條非常有用的方法,無論你是經驗豐富的設計師還是新手,應該都可以從中找到一些有用有趣的東西,這些方法非常適合我們做B端的或者數據可視化方面的朋友們。

          控制面板也稱之為儀表盤,它本身就是基于汽車和飛機儀表盤這一隱喻,是一個綜合性的中控臺,讓用戶以最便捷的方式來掌控信息并進行操縱。日常工作中一些企業總期望能夠設計出足夠一目了然的儀表盤,能夠一眼看清信息趨勢如何,風險何在,最近更新了什么!

           

          1、定義控制面板的用途

           

          操作面板

          操作面板的目的是在用戶處理時間緊迫的任務的時候,將關鍵的信息快速傳遞給他們。主要目的是為用戶快速清晰地呈現數據的變化和偏差,顯示當前的狀況。它旨在幫助用戶主動、快速和高效地掌控情況。

           

           

          分析面板

          和操作面板不同的是分析面板主要功能是為用戶提供用來分析和決策的,它對時間的敏感度低,并不專注于立刻操作。主要幫助用戶更快地了解數據、分析趨勢、并且推動決策。

           

           

          那么平時該如何選擇,這得主要看你的用戶類型來決定。當然,你的產品可能會面對多種不同類型的用戶角色,每個用戶都有著獨立控制面板。負責一線操作的經理可能需要操作面板,而公司高層的管理可能需要的是分析面板,而設計師在設計的時候,有可能會將兩者混為一談。而在普通用戶層面,可能會提供混合型的控制面板,這就要看具體需求了。

           

           

          2、選擇正確的數據表現形式

          當我們討論控制面板的時候,其實本質的問題便是圖表的數據呈現形式。而數據呈現是一個非常復雜的任務,尤其是當你希望在面板中呈現多種類型的信息的時候,它們有的是靜態的,有的則會隨著時間動態變化。這一點我們要非常注意。選擇錯誤的圖表類型可能會讓用戶迷惑,甚至導致錯誤的理解。

           

          因此在開始之前,一定要多看內部的需求說明文檔,為了避免之前坑,這里有一些常見可視化圖表設計的建議:

           

          2.1散點圖

           

          散點圖它主要用來闡述相關性和分布情況的圖表,氣泡圖有助于將第三個維度引入到二維的圖表,而散點網絡圖則可以更好地呈現元素之間的關系。

           

           

          2.2柱狀圖折線圖

           

           

           

          · 當時間作為主要的維度之一的時候,我們直接可以用橫向條狀圖在 X 軸上左右移動,因為圖表中的時間應該從左向右自由流動,用戶看起來更容易理解;


           

          · 在使用水平或者垂直的條形圖的時候,請嘗試從大到小自然順序排列,而不是隨機排序;


           

          · 注意在使用折線圖的時候,圖表中應該顯示不超過 5 個值,而條形圖當中,顯示數值不要超過7個;

           

           

           

           

          2.3餅狀圖環形圖

           

          對于餅狀圖和環形圖而言,他們的作用在于可以看清數據組成情況,其實在可視化領域并不算太受歡迎,但卻是最常用的圖表,并且是最容易被濫用的圖表。有一個致命的問題就是當參數中包含太多近似的數值的時候,它們的可讀性就非常差了,而涉及到角度和面積的時候,我們人眼其實是很難分辨的,猛的一看一大片,得仔仔細細去分便,并不能一目了然觀察數據。

           

           

          2.4分布圖

           

          數據分布圖作用就是可以幫我們查看異常狀況、正態分布以及中值分布情況,了解數據集中在那個區域。

           

           

          注意

           

          想必這種圖表大家都見過,最早出現再PPT里面,在信息化設計大規模流行的時候,什么類型的數據都圖表化,其中有不少 3D 的圖表,或者是模擬一些寫實物品的圖表,可讀性極差,所以現在早就拋棄掉了!

           

           

          3、遵循清晰一致的時間格式和命名方式

           

          雖然數據可視化主要的目標是一目了然地呈現信息,但是基礎的信息同樣非常重要。使用清晰一致的框架,最大的好處是讓整體保持良好的一致性。所以我們在做這種圖表時候最好統一這些單位樣式。

           

           

           

           

           

          4、網格系統布局

           

           

          網格系統的作用可以輕松對齊和設計一致性。還有一點就是網格系統可以讓你整個設計都在一個系統中運行,方便適配,同時還能合理地優化你的排版布局,這對于可視化設計至關重要,因為你需要無縫地組織大量的信息。

           

           

          預約申請免費試聽課

          怕錢不夠?就業掙錢后再付學費!    怕學不會?從入學起,達內定制課程!     擔心就業?達內多家實踐企業供你挑選!

          上一篇:IT程序員發展前景怎么樣?
          下一篇:寫給UI設計師的10條可視化圖表避坑指南(下)

          初學者如何能學好編程?

          B端信息錄入:輸入框基礎設計細節解析(二)

          B端信息錄入:輸入框基礎設計細節解析(一)

          B端產品全局導航樣式與分析

          • 掃碼領取資料

            回復關鍵字:視頻資料

            免費領取 達內課程視頻學習資料

          • 視頻學習QQ群

            添加QQ群:1143617948

            免費領取達內課程視頻學習資料

          Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

          選擇城市和中心
          江西省

          貴州省

          廣西省

          海南省

          香蕉视频在线一级a做爰片免费观看视频 欧美成年性色生活片 百度 好搜 搜狗
          <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>