儀表盤必須牢記的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）跨選項卡拆分?jǐn)?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)對危險的準(zhǔn)備，只有在足夠把控周圍環(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è)計( m.820esy.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

分享本文至：

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.820esy.cn

存檔