關(guān)于Dashboard設(shè)計(jì)的總結(jié)

作為一個(gè)TOB產(chǎn)品的設(shè)計(jì)師,一定設(shè)計(jì)過儀表盤Dashboard)無論是哪一種數(shù)據(jù)產(chǎn)品,儀表盤(Dashboard)都是最核心的功能。他是用戶接觸數(shù)據(jù)的第一個(gè)頁面,相當(dāng)于數(shù)據(jù)產(chǎn)品的門戶,擔(dān)負(fù)著提綱挈領(lǐng),引導(dǎo)分析的重要職能,幫助用戶能夠快速判斷業(yè)務(wù)情況,支持他們做出決策并行動。概括的來說Dashboard的作用可以分為三大類,監(jiān)控、分析和概覽。

1.在監(jiān)控場景中,Dashboard主要為用戶集中提供便捷的關(guān)鍵指標(biāo)實(shí)時(shí)監(jiān)測,及時(shí)告知異常狀態(tài),并引導(dǎo)用戶定位問題。

監(jiān)控場景

2.在分析場景中,Dashboard主要通過數(shù)據(jù)圖表,配合控件進(jìn)行不同維度的數(shù)據(jù)分析。例如,用戶可以通過時(shí)間篩選控件過濾圖表上的數(shù)據(jù)范圍等。

分析場景

3.在復(fù)雜業(yè)務(wù)中,Dashboard還用于概覽場景,集中呈現(xiàn)業(yè)務(wù)分散的重點(diǎn)信息,用戶還可以通過提供的入口快速跳轉(zhuǎn)至相關(guān)模塊。

概覽場景

介紹完場景,接下來說下如何做好一個(gè)Dashboard的設(shè)計(jì),我會分為兩個(gè)部分說下,設(shè)計(jì)制作之前需要考慮的與開始設(shè)計(jì)要做的。

首先設(shè)計(jì)之前

1.劃分用戶角色

對于不同行業(yè),不同業(yè)務(wù),不同職位的人們來講,關(guān)注的內(nèi)容自然不一樣。所以首先需要清楚Dashboard的目標(biāo)用戶是誰?一般會從業(yè)務(wù)線或崗位入手。不同業(yè)務(wù)線間,關(guān)注的核心指標(biāo)自然不同,比如酒店管理系統(tǒng),酒店區(qū)域經(jīng)理關(guān)心的是區(qū)域酒店的經(jīng)營情況,酒店的店長又會關(guān)心自己酒店的營業(yè)額。管理層重在把握全局,而執(zhí)行層重在每個(gè)細(xì)節(jié)的執(zhí)行效果,關(guān)注的數(shù)據(jù)層級和指標(biāo)也會有所差異。

劃分用戶角色

2.分析使用場景

思考用戶在什么場景下使用dashboard、使用頻率如何、是否有特殊使用場景。

一般來說主要的數(shù)據(jù)分析場景包括:實(shí)時(shí)監(jiān)控場景,指定主題分析場景,移動查詢場景,周日會匯報(bào)場景和大屏顯示場景等。

比如從實(shí)時(shí)監(jiān)控場景來講,Dashboard 會被分為實(shí)時(shí)和歷史兩種,兩種略有差異。實(shí)時(shí)側(cè)重于監(jiān)控,歷史側(cè)重于了解和分析。這兩種沒有明顯的分界,實(shí)時(shí)需要?dú)v史的信息作為對比,來判斷當(dāng)前的數(shù)據(jù)是否正常。而歷史也需要準(zhǔn)實(shí)時(shí)的信息來更快地了解當(dāng)前的情況。這兩種形態(tài)的Dashboard 對于數(shù)據(jù)產(chǎn)品來講都必不可少。

在比如移動場景考慮到屏幕等硬件條件的限制,則側(cè)重于通知和展示,不深入到分析部分。到具體產(chǎn)品設(shè)計(jì)上,提供最核心的數(shù)據(jù)查看和智能挖掘,不做過多的查詢功能和復(fù)雜的交互。同時(shí),基于現(xiàn)有大部分人通過手機(jī)進(jìn)行溝通,那么頁面或數(shù)據(jù)的分析也變得重要

移動場景

3.選定內(nèi)容

在了解用戶與場景后,接下來就要選擇到底要展示哪些內(nèi)容了。

例如我在做酒店管理系統(tǒng)的時(shí)候,首先明確了有哪些角色使用,比如店長、服務(wù)大使、工程管理等,其次是分析場景。店長關(guān)注酒店的客房入住率,每天的收益,但在交付日時(shí)他們不僅是只看數(shù)據(jù),還想得到的是對數(shù)據(jù)的分析,所以我們不只是做數(shù)據(jù)展示,還要做數(shù)據(jù)分析,還要分清他們關(guān)注的是趨勢,還是關(guān)注異常。需要突出收益趨勢與客房入住率異常的提示等等。

此外我要說對于專業(yè)的領(lǐng)域內(nèi)容主要還是由客戶方提供,因?yàn)閷τ趯I(yè)的數(shù)據(jù)與角色他們要比我們更加了解。這里就需要我們有與客戶方溝通的能力了。設(shè)計(jì)師需要做的是去引導(dǎo)客戶方給出真正的需求內(nèi)容。

獲取內(nèi)容后,我們就要對內(nèi)容進(jìn)行布局

4.內(nèi)容布局

在《Information Dashboard Design》一書中指出:“Dashboard內(nèi)容必須合理組織,從而反映信息的本質(zhì)和支持有效且有意義的監(jiān)控;信息不能隨便放置,也不能只是根據(jù)剩余空間來設(shè)定大??;相互關(guān)聯(lián)的項(xiàng)目應(yīng)該放置在臨近的位置;重要的項(xiàng)目版面要大一些,這樣才能比相對次要的信息更加突出;有特定順序的項(xiàng)目,要以一種視覺上被關(guān)注的順序排列?!?/p>

以上是對需求分析的一些理論知識,

接下來第二部分開始實(shí)踐畫圖了(個(gè)人總結(jié))

1.梳理需求

我一般會將所有的需求列出來,然后對其進(jìn)行排序,我會分為三中程度梳理

1.必要的[★]系統(tǒng)可以運(yùn)行所需的最基本的功能。

2.有會很好的[-]可以增加亮點(diǎn),但是不屬于核心服務(wù)的功能

3.不是必要的[x]沒有這個(gè)功能的情況下也能很好使用產(chǎn)品,雖然沒有必要的功能,但是最好也要記錄下來。

我一般會用筆記來記錄,電子文本的話我推薦可以使用Trello。

2.對功能進(jìn)行縮減

記錄的時(shí)候可能會發(fā)現(xiàn)有很必要的功能,這是就要對必要清單進(jìn)行縮減,你可以對功能分階段,在產(chǎn)品初期更需要那些功能。對于TOB的產(chǎn)品功能固然重要,但在操作體驗(yàn)上來說越簡單越好?,F(xiàn)在不做,不代表未來不會有。在不斷迭代測試反饋中去優(yōu)化產(chǎn)品。是在設(shè)計(jì)的時(shí)候一直要堅(jiān)持的。

所以要縮小列表的范圍,并確定哪些內(nèi)容需要始終可見并且可以隨時(shí)訪問,哪些可以隱藏或不那么突出的。

3.可定制的儀表板

有時(shí),你會發(fā)現(xiàn),無論你多努力,一個(gè)Dashboard布局都不會適合每個(gè)用戶。在這些情況下,你可以讓用戶自己定制,下面有兩個(gè)例子可以參考。但是:定制并不是一個(gè)好的方案。設(shè)計(jì)出直觀的解決方案是設(shè)計(jì)師的工作,而不是用戶。

Wordpress

WordPress是定制Dashboard的一個(gè)很好的例子。可以通過拖放卡片來制定適合自己想要的儀表板。非常適合用于模塊需求優(yōu)先級不同又有多項(xiàng)任務(wù)的用戶。

WordPress

Panda

如果你可以輕松的將用戶分類,就可以參考與Panda類似的操作,將用戶分為不同的職業(yè)屬性,對內(nèi)容進(jìn)行布置。Panda還提供了很多預(yù)先設(shè)置好的模板可以切換。這種設(shè)計(jì)非常適合自定義的體驗(yàn),用戶不需要花費(fèi)時(shí)間手動更改所有內(nèi)容。如果用戶想進(jìn)一步自定義,可以提供完全自定義體驗(yàn)的選項(xiàng)。

Panda
Panda

4.開始設(shè)計(jì)頁面布局

經(jīng)過以上步驟,你已經(jīng)大致明確了自己要做的了,那就開始動手畫吧,我的習(xí)慣是現(xiàn)在紙上快速畫出布局。我會出最少3種以上的方案,不需要畫的多好,只要自己能看懂,并不斷的推翻改進(jìn)。

要記住的一點(diǎn)是,我們并不是為了做出最好看的儀表板設(shè)計(jì),而是做最有用。在設(shè)計(jì)的時(shí)候你會發(fā)現(xiàn)還有很多不了解的或是不確定的,就要去和客戶、產(chǎn)品溝通。

TOB的產(chǎn)品都會有Dashboard。花一些時(shí)間來玩這些應(yīng)用程序,思考為什么這樣做,優(yōu)點(diǎn)與缺點(diǎn),哪寫可以借鑒。

總結(jié)了一些設(shè)計(jì)Dashboard時(shí)要記住的幾點(diǎn)

1.像任何的UI工作一樣,在設(shè)計(jì)時(shí)始終假設(shè)自己是用戶去不提問推敲自己的設(shè)計(jì)。

2.不要用非必要的功能來填充儀表板。思考用戶需要知道的是什么,并確保用戶可以找到。

3.要考慮手機(jī)端的體驗(yàn)。用戶可能需要在外出時(shí)檢查儀表板。

4.收集反饋并實(shí)際觀察用戶在使用儀表板時(shí)的行為。做好可用性測試

5.不要忘記空狀態(tài)。在儀表板上沒有數(shù)據(jù)時(shí),它會是什么樣?將如何向用戶展示?

以上都是我在做Dashboard時(shí)的一些經(jīng)驗(yàn)和心得,一些也是看一些文章學(xué)到與了解的,希望對大家有所幫助。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容