美女免费黄网站-美女免费精品高清毛片在线视-美女免费精品视频在线观看-美女免费毛片-成人在激情在线视频-成人在免费观看视频国产

  • 如何設計內容精確、體驗友好的DASHBOARD?(上篇)

    /2017-06-22 15:52:07/

  • \


    在企業類應用服務(SaaS)、檢測工具(手機安全助手)、量化自我工具(智能手環)等后臺管理系統中,使用Dashboard可以幫助用戶監控和分析數據,快速獲取重要信息。但如果對Dashboard設計缺乏認知,就很可能會造成Dashboard呈現的信息雜亂,充斥著無關緊要的指標、文本信息及各種半成品的圖表等,讓用戶抓不到重點。

    那么,設計師該如何設計內容精確、體驗友好的Dashboard以滿足用戶需求呢?文章將從以下幾個方面思考:

    • Dashboard是什么?
    • 主要場景是什么?能為用戶帶來什么價值?
    • 目標用戶分析
    • 選定Dashboard內容
    • Dashboard內容結構
    • 功能特性
    • 信息設計

    一. Dashboard是什么?

    在了解Dashboard之前,可以先了解下汽車儀表盤和報表。

    Dashboard的中文翻譯是“儀表盤”,與汽車的儀表盤相同——一種反映車輛各系統工作狀況的裝置,有車速里程表、轉速表、燃油表等。同時,還會有各式各樣的指示燈或警報燈,例如冷卻液液面警報燈、燃油量指示燈、充電指示燈等。司機可以很方便地從汽車儀表盤中獲得汽車整體狀況。而對于報表,簡單的說就是用表格、圖表等格式來顯示匯總數據。同時,因為常用于定期匯報場景(如每月賬本匯總),報表也要考慮紙質打印的限制。

    \

    △  汽車儀表盤(左)和報表(右)

    而Dashboard沿襲了汽車儀表盤理念,在一個屏幕上有預設性地顯示對用戶關鍵的信息,并實時告知用戶正在發生的情況。同時,Dashboard進一步結合計算機互動的功能顯示和傳輸信息,突破了報表要考慮紙面打印輸出的限制。在Dashboard頁面中,用戶不僅可以直接對數據和圖表進行分析,還可以通過控件來控制數據的顯示、計算、過濾和分組等等。

    在Stephen Few的《Information Dashboard Design》一書中指出:Dashboard對重要信息做視覺呈現,這些重要信息是為了達成一個或者多個目標而被統一組織在一屏內,以便能夠一眼就得到監控。

    二. 主要場景是什么?能為用戶帶來什么價值?

    Dashboard一般通過重要內容和核心數據來告知用戶:“業務整體狀況如何?有哪些關鍵指標?各指標的運行情況分別如何?哪些指標出現異常?需要用戶做些什么?”。由此可知,Dashboard主要應用于監控、分析和概覽三大場景。

    \

    △  Dashboard三大主要使用場景

    首先,在監控場景中,Dashboard主要為用戶集中提供便捷的關鍵指標實時監測,及時告知異常狀態,并引導用戶定位問題。

    \

    △  Dashboard監控場景

    其次,在分析場景中,Dashboard主要通過數據圖表,配合控件進行不同維度的數據分析。例如,用戶可以通過時間篩選控件過濾圖表上的數據范圍等。

    \

    △  Dashboard分析場景

    最后,在復雜業務中,Dashboard還用于概覽場景,集中呈現業務分散的重點信息,用戶還可以通過提供的入口快速跳轉至相關模塊。

    \

    △  Dashboard概覽場景

    通常,Dashboard三大主要使用場景是相互配合使用的。例如,用戶通常先通過概覽Dashboard了解業務整體信息,觀察監控數據的情況,如需要進一步分析,用戶可以對數據進行多維度分析已獲取更多信息。

    在監控、分析和概覽主要場景中,總結提煉了Dashboard能為用戶帶來的直接價值主要如下幾點:

    • 監控告警,并引導用戶定位問題
    • 深入分析數據,獲知細節信息
    • 快速獲取業務整體重點信息,管理資源

    三. 目標用戶分析

    在對Dashboard有基礎了解后并開始設計Dashboard,首先需要清楚:Dashboard的目標用戶是誰?他們在什么環境中會使用到Dashboard?做什么事情等?考慮這些問題,有助于確定Dashboard的大致輪廓。例如,在分析用戶時獲知運維人員在工作時間需要監視機器健康狀況,設計時可考慮在Dashboard中呈現正常、異常機器數,并引導用戶定位到出現異常的機器,排查問題。
    在做目標用戶分析時,可以從用戶、場景和任務這三方面考慮,以了解用戶特點和目標等相關信息。

    \

    △   用戶、場景和任務

    如上圖,了解用戶對數據和行業的熟悉程度等,可以輔助判斷提供與用戶水平相匹配的數據分析能力。同時,也可以從中判斷是否需要嵌入內容注釋和輔助信息等,幫助用戶理解。而在場景和任務中,用戶行為本身就受場景影響,設計Dashboard時要考慮不同場景下具體任務的合理性和重要程度,在后續處理內容時輔助判斷優先級。

    四. 選定Dashboard內容

    對目標用戶、場景和任務進行分析后,接著需要考慮在Dashboard中呈現什么內容幫助用戶完成不同場景下的任務。在選定內容前,首先需要明確Dashboard的主題是什么?然后,再圍繞主題,考慮該呈現哪些內容?

    1. 明確主題

    Dashboard的主題是什么?即通過Dashboard,要幫助用戶完成什么事情。

    明確Dashboard的主題時,需要充分考慮目標用戶的需求。例如,運維人員需要Dashboard能夠幫助他“高效、精確地發現、定位問題,確保業務正常運行”,而財務人員則需要在Dashboard了解到“賬戶各個季度收支情況”等。明確主題后,選定內容時就可以緊緊圍繞主題,考慮呈現能夠幫助用戶的信息,規避雜亂、無效的數據。

    \

    △  電腦管家Dashboard小浮窗

    如上圖所示,騰訊電腦管家Dashboard小浮窗的主題——幫助用戶實時監控機器使用情況。為此,在小浮窗中呈現CPU、內存和流量關鍵指標實時數據。同時,也提供了各指標資源占用較高應用的實時數值監測,讓用戶獲知更多詳細數據。

    2. 選定和編輯內容

    • 選定內容

    內容選定時需要很好地區分真實、可付諸行動的信息和無效信息,這可以從以下三個方面進行考慮:

    • 緊扣主題

    內容緊扣主題,要很清楚Dashboard呈現的內容能幫助用戶完成什么事情。避免呈現的內容太多太雜,反而讓用戶不容易理解。當然,無可避免會呈現一些輔助內容,一種有效的處理方法就是將這些內容放在頁面底部,確保關鍵、有用的信息放在首屏。

    • 引導行動

    在考慮所呈現的內容時,不應該只片面考慮“用戶想要知道什么?”,而應該進一步考慮“如果用戶知道了這個信息,會用它來做什么?”。這能讓呈現的內容更為聚焦、實用,讓用戶抓住重點并采取行動。例如,在Dashboard實時監控資源健康狀態,用標紅的數字表示發生異常資源數,強烈引起用戶注意,并通過該數字跳轉至資源列表,篩選出異常機器。

    • 統一認知

    內容應符合用戶認知,易獲取且真實可信。如指標命名、數據統計規則等,要與行業標準保持一致。避免使用不易理解的標簽、定義或內容。

    \

    △  選定內容判斷條件

    需要注意的是,選定Dashboard內容時,不一定需要全部滿足上述提到的三個方面。但精確、符合用戶需求的內容,應該都是緊扣主題,又能引導用戶行動和符合用戶認知。

    • 編輯內容

    選定內容后,還需要從用戶角度做恰當的編輯處理,更直觀、精確地呈現符合用戶需求的內容。例如,財務人員制作每季度的報表,那么提供按“季度”呈現內容會更符合用戶需求,方便且高效。
    在編輯內容時,可以從內容的覆蓋范圍、時間跨度、粒度和個性定制等這些方面考慮,讓Dashboard的內容更為符合用戶需求。

    \

    △  內容編輯思考細則

    五. Dashboard內容結構

    在《Information Dashboard Design》一書中指出:“Dashboard內容必須合理組織,從而反映信息的本質和支持有效且有意義的監控;信息不能隨便放置,也不能只是根據剩余空間來設定大小;相互關聯的項目應該放置在臨近的位置;重要的項目版面要大一些,這樣才能比相對次要的信息更加突出;有特定順序的項目,要以一種視覺上被關注的順序排列。”

    合理的信息結構能夠幫助用戶高效閱讀,理解內容。所以,當Dashboard的內容選定后,就需要考慮如何將信息碎片有邏輯地組合在一起,合理呈現和布局,引導用戶理解全局。從更實用的角度來說,內容結構能夠成為用戶的導航機制,用戶知道該從哪里開始,接著該看什么。

    選擇使用什么結構視內容而定。依據經驗,Dashboard內容結構主要有三種類型:分類型、關聯型和流程型。

    分類型

    即將有相關聯的內容進行分組呈現,讓Dashboard內容歸類而不雜亂無章。如 Google Cloud Platform 的Dashboard頁面,將內容按卡片分為Project info、Billing、Documentation等。同時,卡片與卡片之間也進行了分組,左邊是資源信息,中間是指標監控,右邊是文檔幫助。

    \

    △ Google Platform Dashboard

    關聯型

    內容相互之間具有一定的邏輯關系,如地理位置關系、數字包含關系、對象父子關系等,這種結構可以讓對象之間的邏輯關系十分直觀。如騰訊云VPC網絡拓撲,將資源對象的位置和關系抽象表示,很直觀的呈現了資源對象之間的相互關系。

    \

    △ 騰訊云VPC網絡拓撲

    流程型

    流程型結構的內容一般會出現多個環節,每個環節之間都會有相應的內容,按照一定的流程逐步細化,深入引導用戶閱讀。符合這種結構,如市場銷售各環節流程,像這種垂直的流程型內容結構,很容易讓用戶清楚每個環節的數據變動,定位哪個環節出了問題。這種結構有個較為典型的統計模型是:漏斗。

    \

    △ UV轉化率分析(圖片來源:Echarts)

    六. 功能特性

    適當考慮為Dashboard提供一些常用功能特性,能夠讓整個頁面擁有較為出色的用戶控制和友好的體驗。

    鉆取

    鉆取是改變維的層次,變換分析粒度,提供用戶駕馭Dashboard內不同層次的內容。它包括向上鉆取(roll up)和向下鉆取(drill down)。roll up是在某一維上將低層次的細節數據概括到高層次的匯總數據,或者減少維數。而drill down則相反,它從匯總數據深入到細節數據進行觀察或增加新維。

    篩選

    允講用戶根據需要篩選Dashboard數據的范圍,可以是全局性的 (在整個概覽頁范圍內選擇),也可以是局部的(在特定圖表或是規定范圍內選擇)。特別涉及到時間的篩選,可以從記錄歷史(回溯過往數據趨勢)、快照(顯示單點數據)、實時(監控新進活動)和預測(預估未來走向)等這些更細粒度角度考慮數值呈現,讓用戶獲取精確數據。

    比較

    指標數值的對比,能夠并列比較兩個或多個數據集。例如折線圖、面積圖等能提供數據集對比功能。

    警報

    根據預設的條件高亮顯示,當指標超出特定界限時就觸發報警。

    可定制

    允許用戶根據需求定制不同的內容。

    導出

    為用戶提供Dashboard中導出數據的功能。

    保存

    當用戶定制的情況越來越多時, 提供保存定制的功能就越發顯得重要。

    總結

    本文開篇先陳述什么是Dashboard,其主要應用場景和用戶價值是什么。然后,再從用戶分析、內容、結構和功能等闡述設計Dashboard過程中需要著重考慮的。在《Dashboard設計思考》的下一篇,將分析如何設計清晰、簡潔的頁面,將前期分析整理的內容和功能更好的呈現給用戶。控。即Dashboard集中呈現重要信息,便于用戶快速瀏覽獲知全局。

    貴陽網站建設,貴陽APP開發,宏思銳達


<
上一篇: 用超多案例,幫你避免交互設計中的「刻板印象 」 下一篇: iOS和Android規范解析——按鈕

Hi,互相認識一下

很高興遇見你,友誼往往從第一次握手開始, 微信聯系: 13765801787

成码无人AV片在线电影网站| FREESEX欧美喷水| 14表妺好紧没带套18分钟| ASS年轻少妇BBWPIC精品| 波多野结衣的AV电影| 国产成人精品一区二区三区无码| 国产精品一区二区久久| 精品一卡2卡3卡4卡新区在线| 久久久久亚洲精品无码网址| 欧美变态口味重另类在线视频| 人妻少妇HEYZO无码专区| 四虎永久在线精品免费无码| 亚洲AV无码一区二区三区人区| 伊人久久大香线蕉午夜| 狂躁美女BBBBBB视频| 欧美夫妻免费拍拍片| 熟交XXXXⅩ欧美老妇妇牲| 亚洲爆乳AAA无码专区| 中文字幕大香视频蕉免费| 大桥未久亚洲无AV码在线| 国内精品视频一区二区三区八戒| 老熟女露脸内射正在播放| 日产精品99久久久久久| 亚洲AV无码乱码在线观看性色扶 | 95W乳液78WYW永久| 成人日韩熟女高清视频一区| 国内情侣作爱视频网站| 妺妺窝人体色WWW在线下载| 色婷婷粉嫩AV精品综合在线| 亚洲国模私拍人体GOGO| CHINA中国人妻VIDEO| 国产精品国产三级国产AV′| 久久婷婷成人综合色| 日韩视频一区二区三区| 亚洲六月丁香色婷婷综合久久| av色欲无码人妻中文字幕| 国产精品自产Av一区二区三区| 久久夜色精品国产亚洲| 首页 综合国产 亚洲 丝袜日本| 亚洲欧美日韩另类| 超碰CAOPORON入口| 精品国产污污免费网站AⅤ| 人人人妻人人澡人人爽欧美一区| 亚洲AV永久无码精品国产精品| AV无码免费一区二区三区| 国产精品无码久久久久久久久久 | 国产精品久久一区二区三区| 老师扒开粉嫩粉嫩的泬| 少妇MM被擦出白浆液视频| 夜夜夜夜猛噜噜噜噜噜试看| 东北老熟女对白XXXⅩHD| 久久久久免费看成人影片| 双方夫妻一起互动交流做| 余生请多指教在线观看免费全集| 隔着超薄肉丝袜做AV在线| 久久精品一区二区三区AV| 视频二区 爆乳 丰满 熟女| 永久免费AV无码网站性色AV| 国产成人精品久久一区二区三区| 麻花传媒CEO免费观看| 无遮挡无码H纯肉动漫在线观看| 99精品人妻无码专区在线视频区 | 精品国产精品久久一区免费式| 人妻精品久久久久中文字幕69| 亚洲精品永久在线观看| 国产96色在线 | 国| 男女啪啪进出阳道猛进| 小鲜肉洗澡时自慰网站XNXX| 乱精品一区字幕二区| 特黄三级又爽又粗又大| 中国人妻被两个老外三P| 国产日产欧美最新| 日本强伦姧人妻完视频正版| 一本丁香综合久久久久不卡网站| 国产丰满老熟女重口对白| 欧美A级情欲片在线观看免费| 亚洲国产精品18久久久久久 | 丰满爆乳无码一区二区三区| 麻豆E奶女教师国产精品| 亚洲AV无码不卡在线观看下载| 成年丰满熟妇午夜免费视频| 麻豆AV天堂一区二区香蕉| 新妺妺窝人体色7777太粗| 差差漫画在线观看登录页面弹窗| 久久精品中文字幕有码| 亚洲AV片不卡无码一| 丰满的少妇愉情HD高清果冻传媒| 欧美成人精品高清在线播放| 亚洲中文字幕无码超碰| 国语偷拍人妻露脸| 推拿完整版中文字幕| 餐桌下他深深顶撞H| 女人被爽到呻吟GIF动态图 | 少妇太爽丰满一区二区| JZZIJZZIJ亚洲成熟少妇| 里番ACG ※里番_ACG工口| 亚洲精品成人网站在线| 国产男女猛烈无遮挡免费网站| 日韩精品无码一本二本三本| 99国产精品久久久久久久成人| 久久青草精品38国产| 亚洲精品无码aⅴ中文字幕蜜桃| 国产九九久久99精品影院| 少妇搡BBBB搡| 敌伦交换第十一部分| 全免费A级毛片免费看| 1000部拍拍拍18勿入免费视频下载| 精品厕所偷拍各类美女TP嘘嘘| 香港三日本三级少妇三级视频 | 欧美最猛黑人XXXⅩ猛男无码| 玉蒲团之玉女心经| 久久久久久久精品成人热小说| 亚洲AV综合AV一区二区综合| 国产欧美一区二区三区在线看| 铜铜铜铜铜铜铜铜好大好深色| 大量潮喷潮喷极限高H| 人妻少妇中文字幕在线一区| AA丁香综合激情| 女色窝人体色777777九色| 中文字幕日韩一区二区三区不卡| 久久月本道色综合久久| 野花日本HD免费高清版视频| 久久久久成人片免费观看R| 亚洲熟伦熟妇AV无码春| 久久成人国产精品免费软件| 内地性生生活影视大全| 在线中文新版最新版在线| 麻豆文化传媒精品| 在我们寝室当寄吧套子怎么样| 九九九精品成人免费视频| 亚洲婷婷五月综合狠狠| 久久九九精品99国产精品| 亚洲欧美日韩另类| 久久精品无码中文字幕| 野花视频在线观看免费高清版| 久久蜜桃86人妻arvi| 中国CHINESE老熟女| 久青草无码视频在线观看| 亚洲熟妇无码八AⅤ在线播放| 精品无码人妻被多人侵犯AV| 亚洲无人区码一码二码三码的特点| 忍着娇喘在公面前被夜袭| AV人摸人人人澡人人超碰手机版| 女厕脱裤撒尿大全视频| JAPANESE日本熟妇伦| 人妻少妇无码专视频在线| 成年片色大黄全免费网站久久| 色综合久久久久综合体桃花网| 国产超碰人人做人人爽AV大片| 无码熟妇人妻AV影片在线| 国模少妇一区二区三区| 亚洲精品无码你懂的| 老熟女@TUBEUMTV| 99热门精品一区二区三区无码| 人妻洗澡被强公日日澡| 公交车上拨开丁字裤进入| 无码人妻精品一区二区三区下载| 国产精品污WWW在线观看 | 成人精品动漫一区二区| 熟妇高潮喷沈阳45熟妇高潮喷| 国产精品另类激情久久久免费| 亚洲AV无码专区色爱天堂老鸭| 久久99精品久久久久久9蜜桃| 伊人久久大香线蕉AV不卡| ALEXAGRACE大战黑人| 欧美性猛交XXXXX按摩欧美| 被窝里的翁憩二十六| 偷窥 间谍 隐 TUBE| 国语对白做受XXXXX在| 一区二区三区精品偷拍| 欧美日韩人妻精品| 公天天吃我奶躁我的B| 亚洲AV中文AⅤ无码AV接吻| 久久亚洲AV无码西西人体| Y1111111少妇影院无码| 天天摸天天碰成人免费视频| 饥渴少妇高清VIDEOS| 在线精品动漫一区二区无码| 人妻系列无码专区69影院| 国产精品久久自在自线| 亚洲中国最大AV网站| 琪琪777午夜理论片在线观看播| 国产成人无码精品一区在线观看 | 暗交小拗女一区二区三| 无码αv人妻一区二区三区| 久久99精品国产麻豆不卡| ASSFREE疯狂老妇熟女| 无码99久热只有精品视频在线观| 精品国产国语对白久久免费| AV天堂午夜精品一区| 无码国产精品一区二区免费式影视 | 欧美顶级PPT免费模板网站| 国产50岁老熟女网站| 亚洲日韩AV一区二区三区四区| 欧美无MATE30PRO巨| 国产乱子经典视频在线观看| 又粗又大又硬毛片免费看| 色五月丁香五月综合五月亚洲| 精品人妻系列无码人妻不卡| XXXX性XX另类Ⅹ中国HD|