儀表盤必須牢記的3個心理學(xué)要點

2020-12-10    資深UI設(shè)計者

開篇我們先說一下什么是儀表盤?

這個開頭CC還是有點慌張的,畢竟用腳趾頭想大家也應(yīng)該都知道什么是儀表盤了,但是照顧新入行的小朋友以及走個過場CC還是要簡單說一下。

史蒂芬·弗里(Stephen Few)在他的書中(《Information Dashboard Design》文末提供下載)說得最好:
“儀表板是實現(xiàn)一個或多個目標(biāo)所需的最重要信息的可視化顯示。整合并排列在單個屏幕上,因此可以一目了然地監(jiān)控信息。”

| 圖片源自Dribble  @Bhavna Kashyap



當(dāng)下我們都感受到了信息化社會的巨大沖擊,大多數(shù)行業(yè)都避免不了接觸到信息可視化,儀表盤(dashboard)作為數(shù)據(jù)可視化的重要載體,已經(jīng)成為了一個用來  呈現(xiàn)數(shù)據(jù)情報、處理關(guān)鍵情報 非常有用的展示方法。


CC作為一個混跡大廠多年的B端設(shè)計師,對于儀表盤的設(shè)計接觸的是非常多的,B端設(shè)計中會有非常多的關(guān)于儀表盤的涉及,比如管理系統(tǒng),數(shù)據(jù)分析系統(tǒng),用來顯示相關(guān)的可操作數(shù)據(jù)以及跟蹤統(tǒng)計信息和關(guān)鍵績效指標(biāo)(KPI)等等。


| 圖片源自Dribble  @Omer Erdogan



C端也越來越多的囊括到了數(shù)據(jù)可視化,比如健身軟件中的數(shù)據(jù)變化展示,還有我們最常用的支付寶消費賬單,年底被一年一度的消費王刷屏的時候想必大家都感受到數(shù)據(jù)可視化的魅力了。

CC在這兩天對儀表盤進行了深刻的復(fù)盤,總結(jié)出了在設(shè)計當(dāng)中會考慮到的幾點需要我們牢記的用戶心理學(xué)知識。



繼續(xù)閱讀吧~


|  用戶渴望復(fù)雜性簡化的信息顯示


設(shè)計者在設(shè)計數(shù)據(jù)可視化過程中的,目的是創(chuàng)建一個有效的內(nèi)容展示,這個內(nèi)容如果會被讀者很好地接受,那就能更好的利于用戶理解。

那什么叫有效的內(nèi)容展示呢?如果老師發(fā)了一沓書,說明天要考試,那你一定恨不得課代表發(fā)揮超強的學(xué)習(xí)能力把重點都劃出來,明天就可以高枕無憂了。這就跟我們通常說的“干貨”是一個意思, 實際的,有用的,智慧的結(jié)晶

用戶的心理說白了就是我們的心理,討厭繁瑣的信息,喜歡務(wù)實的內(nèi)容。

那是不是只要提煉重要的信息展示出來,就可以了呢?還是剛剛的例子,課代表幫我們把重點勾畫出來很開心了,那如果課代表還給我們寫了大綱,告訴我們明天老師可能會怎樣出題,CC明天就給他買奶茶,這可真是個優(yōu)秀的課代表。

同理,優(yōu)秀的儀表盤除了一目了然地顯示可操作信息和有用的信息、幫助涉眾了解,還會為用戶 展示總結(jié)信息,給出分析數(shù)據(jù),提出關(guān)鍵見解。

注意不僅僅展示信息數(shù)據(jù),更要展示如何處理這些數(shù)據(jù)!
內(nèi)容幫助用戶思考:發(fā)生了什么變化?為什么會這樣?將帶來怎樣的影響?


針對以上用戶心理CC總結(jié)了關(guān)鍵要點:


1)增強對情況的認識-關(guān)鍵信息的重點顯示

通過字體大小,層級變化,突出表現(xiàn)用戶最為關(guān)注的重點內(nèi)容,幫助用戶提煉重點信息,淡化不必要的次要信息。
這是有效信息的第一步。



2)講清楚一個故事

在基于展示當(dāng)前基線信息的同時提供數(shù)據(jù)信息的 上下文,通過連接數(shù)據(jù)和業(yè)務(wù)去解決用戶的疑問,最終用于為用戶預(yù)測和規(guī)劃未來。



以一個會員制網(wǎng)站后臺管理為例,如果儀表盤上僅僅顯示當(dāng)日新增用戶100人,用戶會覺得不同尋常嗎?
那如果采用趨勢顯示本月每日新增都在20-40人區(qū)間,今日突然激增100人,這就成功引起注意了,后續(xù)用戶會思考當(dāng)日進行了哪些操作引起了數(shù)據(jù)量的變化,后續(xù)的動作又要如何進行。迅速為用戶提供促進產(chǎn)品優(yōu)化的根據(jù)點。

這里印證了CC剛說的優(yōu)秀內(nèi)容幫助用戶對三個問題的思考。
也是用戶非常需要的有效信息。

3)減少短時記憶對用戶的影響

短時記憶又稱感覺記憶,保存時間短暫,如果信息得不到及時復(fù)述,大概只能保持15-20秒鐘,對用戶而言反復(fù)復(fù)述數(shù)據(jù)是很痛苦的一件事,所以對比表單和折線圖,用戶從折線圖中記住起起落落比記住確切的數(shù)字要容易的多。


盡可能利用可視化圖表信息代替表格信息,利用圖標(biāo)代替標(biāo)簽和標(biāo)題。


|  過多信息會導(dǎo)致用戶“分析癱瘓”-席克定律


儀表盤的作用并不是要提前顯示所有內(nèi)容。信息太多會導(dǎo)致頁面臃腫,甚至?xí)斐伤^的 “分 析癱瘓”,即過度分析的狀態(tài)發(fā)生,用戶將會非常難進行重點的聚焦,也很難抉擇下一步操作,這點選擇恐懼癥的朋友們估計一說就懂了。

席克定律指出,人在面臨選擇越多的時候,所要消耗的時間成本就越高。

如果說這世界上出了第一款智能手機,那我們只需要思考買智能手機還是不買智能手機,但當(dāng)市面上有了蘋果,華為,Oppo一堆各式各樣的智能機以后,我們需要花費很大的精力去思考買哪一款智能機。

同時認知心理學(xué)告訴我們, 人腦只能一次理解7+-2個圖像,所以我們在設(shè)計的時候可以采用雅各布的 “漸進式公開原則”,逐步披露信息。預(yù)先顯示最重要的數(shù)據(jù)點片段,并允許用戶在需要的情況下進一步向下鉆取。


針對以上用戶心理CC總結(jié)了關(guān)鍵要點:


1)隱藏不必要的信息,提高選擇效率

使用下拉菜單,折疊菜單,彈出窗口,滑出菜單等。




2)跨選項卡拆分數(shù)據(jù),并將所有相關(guān)數(shù)據(jù)放在一個選項卡下

通過將信息分解為不同類別的區(qū)塊,來減少用戶的認知負擔(dān)。當(dāng)相關(guān)數(shù)據(jù)放在同一個選項卡下時,用戶就很容易進行數(shù)據(jù)分析比對了。




3)鉆取式信息披露

儀表盤提供了關(guān)鍵數(shù)據(jù)的概覽信息,這樣可以直觀展示數(shù)據(jù),減少信息短時記憶的負載。如果用戶需要有關(guān)特定數(shù)據(jù)集的詳細信息,可以選擇向下鉆取,得到更多的關(guān)聯(lián)信息。




|  用戶渴求對系統(tǒng)和信息的把控感


可控感是安全感的來源,想象一下如果我們身處于一個不可控的環(huán)境中比如陌生的城市,我們會感到不安,因為從物種進化的角度來看,不可控的環(huán)境無法給我們的潛意識帶來做好應(yīng)對危險的準備,只有在足夠把控周圍環(huán)境后,我們才會創(chuàng)造更好的生存機會。

儀表盤中的掌控感也是這樣,沒有儀表盤我們很難在某處看到匯總的系統(tǒng)分析數(shù)據(jù),所以儀表盤也被很多人叫做控制臺,作用在于通過一個主中臺來幫助用戶進行有效的信息跟蹤和處理,提高對于系統(tǒng)整體了解情況的認知,對有可能發(fā)生的應(yīng)急情況做出判斷。

通過控制臺,用戶希望能獲得更好的把控感。


針對以上用戶心理CC總結(jié)了關(guān)鍵要點:


1)對于關(guān)鍵任務(wù)的及時預(yù)警通知,避免事到臨頭的手忙腳亂

比如管理系統(tǒng)中的內(nèi)存管理,除了簡單的展示剩余空間外我們還可以對使用量進行預(yù)警,通過高中低劃分內(nèi)存的使用率情況,起到提前預(yù)設(shè)應(yīng)急計劃的作用。




2)根據(jù)不同用戶的不同需求制定細節(jié)規(guī)劃

每個用戶都有屬于自己的掌控計劃,有些用戶可能需要能夠看到更精細的數(shù)據(jù)視圖,而有的用戶只需進行概覽即可。

場景也相同,針對不同場景制定不同的控制計劃,有的用戶場景下更關(guān)注具體數(shù)據(jù)有的則需要更關(guān)注趨勢走向,貼合用戶的使用心向更能迎合用戶的把控欲望。

3)對界面的操作響應(yīng)(信息)&(交互)

作為一個數(shù)據(jù)中臺,儀 表盤上的所有數(shù)據(jù)都應(yīng)該是可以交互的數(shù)據(jù), 不要過多的干預(yù)用戶的操作,讓用戶自由選擇例如關(guān)注類型,時間范圍,甚至圖表展示形式,這點可以結(jié)合上一心理知識的“鉆取”,用戶在獨立的自我意識中控制儀表盤的信息呈現(xiàn)能獲得更自由的控制體驗。


文章來源:站酷   作者:CC本人

藍藍設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.bouu.cn

存檔