編輯導(dǎo)讀：在開車的時候，輕輕轉(zhuǎn)動方向盤就能讓汽車走向正確的道路。這種“指哪打哪”是人對車的輸入控制以及車對人的輸出反饋，是一個互相修正的過程。在數(shù)據(jù)可視化設(shè)計中，操作“聽從驅(qū)使”的可視化作品又是一種什么樣的體驗?zāi)兀恳黄饋砜匆幌掳伞?/p>

一、老司機開車

開車的同學(xué)知道，一般我們用“指哪打哪”來形容汽車轉(zhuǎn)向精準、沒有虛位。“指哪打哪”是指汽車的操控體驗，更是駕駛樂趣的一部分。駕駛員輕撥動方向盤，輪胎轉(zhuǎn)向帶來的阻力以及路面反饋傳至車身，動力的線性輸入與制動的時實響應(yīng)讓駕駛員能控制自如。

“指哪打哪”形容車聽從驅(qū)使，是人對車的輸入控制以及車對人的輸出反饋，是一個互相修正的過程。在數(shù)據(jù)可視化設(shè)計中，操作“聽從驅(qū)使”的可視化作品又是一種什么樣的體驗?zāi)兀?/p>

二、聽從驅(qū)使示例

示例一

某公司運營同學(xué)需要找出品類銷量下滑的原因。在圖表上，運營同學(xué)的思路是找出癥結(jié)、定位問題、關(guān)聯(lián)分析、驗證設(shè)想、得出結(jié)論并給出運營策略調(diào)整方案。

示例二

某同學(xué)向公安報案稱賬戶被盜大額資金，公安案件科分析專員從受害人的資金流向追溯至相關(guān)木馬團伙，通過關(guān)系擴散查驗可疑人員，順藤摸瓜最終找到嫌疑人并抓捕。

上面兩個示例提供足夠便捷的過濾篩選組件，配合鼠標懸停、點擊、框選等操作，方便用戶查看更多視圖空間，快速定位感興趣的數(shù)據(jù)空間，這種操作體驗?zāi)軒椭脩羰掳牍Ρ丁?/p>

三、何謂聽從驅(qū)使

聽從驅(qū)使本質(zhì)上是用戶對可視化的控制能力，是一種主觀感知與信念。聽從驅(qū)使包括兩部分，“驅(qū)動 Drive”與“使能 Enable”，這兩步正向不斷迭代，引導(dǎo)用戶一步步剝開數(shù)據(jù)的面紗。

1. 驅(qū)動 Drive

數(shù)據(jù)可視化聽從差遣，用戶可根據(jù)前饋信息預(yù)示、驅(qū)動可視化，用戶對可視化作品享有控制權(quán)，數(shù)據(jù)可視化符合用戶的顯性需求。

2. 使能 Enable

數(shù)據(jù)可視化遂用戶心愿，用戶根據(jù)反饋引導(dǎo)進行下一步操作，幫助探索數(shù)據(jù)規(guī)律或者發(fā)現(xiàn)更多數(shù)據(jù)奧秘，數(shù)據(jù)可視化符合用戶的隱性需求。

四、為什么要聽從驅(qū)使

1. 增加探索意愿

用戶處在海量、無序、異構(gòu)數(shù)據(jù)的海洋中時，需要隨時面對有限屏幕空間與無限數(shù)據(jù)空間帶來的沖突?？梢暬瘧?yīng)當給予用戶適當?shù)倪x擇權(quán)，讓其可對信息進行控制，具備信息聚焦、下探的能力。這些可視化能力能提升用戶的參與度和探索意愿，不讓其迷失在數(shù)據(jù)的海洋中。

不聽從驅(qū)使：數(shù)據(jù)過載時不給用戶數(shù)據(jù)聚焦的能力（如下圖）

聽從驅(qū)使：用戶通過篩選器可以選擇感興趣的數(shù)據(jù)序列（如下圖）

2. 減少焦慮感

移動端長按滑動（Touch & Hold）更新激活點數(shù)據(jù)、左右輕掃（Swipe）平移視圖是用戶的既定認知。左圖長按滑動后的反饋為平移視圖，此時用戶心里咯噔一下，又繼續(xù)操作了一遍，操作的預(yù)期與結(jié)果確實不一致，有些“不聽使喚”。右圖符合用戶心智模型，預(yù)期與輸出結(jié)果一致。

不聽從驅(qū)使：視圖平移，不符合預(yù)期-長按滑動時數(shù)據(jù)點不更新（如下圖）

聽從驅(qū)使：視圖不動，符合預(yù)期：長按滑動時數(shù)據(jù)點更新（如下圖）

由此可以看出，如果可視化作品操作時不符合用戶的既定認知，可視化則變得不受控，用戶心里會緊張、導(dǎo)致重復(fù)范錯，甚至責(zé)怪自己。

如果賦予用戶較高的驅(qū)使感且得到正向的反饋指引，引導(dǎo)用戶操作下一步，那么用戶心態(tài)會更積極，更愿意接受挫折及試錯，這種聽從驅(qū)使可以消除未知、不確定性所帶來的緊張與焦慮。

五、怎么做到聽從驅(qū)使

前面講過，可視化聽從用戶驅(qū)使需具備兩點能力：

• 驅(qū)動 Drive：通過前饋預(yù)示讓用戶知道可視化能做何互動；
• 使能 Enable：通過反饋引導(dǎo)用戶進一步讓用戶與可視化互動；

可視化交互時，驅(qū)動用戶完成一期探索，探索后反饋引導(dǎo)發(fā)出的信號成為下一步操作的前饋提示，再次驅(qū)動用戶操作可視化后，如此反反復(fù)復(fù)直到幫助用戶找到數(shù)據(jù)的潛在規(guī)律或者找出數(shù)據(jù)真相。

從心理學(xué)的四個概念進一步解釋：

• 示能：可視化特性與預(yù)設(shè)交互的關(guān)系，是否可被操作；
• 意符：即信號，告訴用戶可采取什么操作，如何行動；
• 映射：事物之間的關(guān)連關(guān)系，是怎么聯(lián)系的；
• 反饋：操作之后的回應(yīng)，是否及時、有效；

1. 示能

示能 Affordance 指可視化作品可能的潛在行動，只有當它們都是可以被感知的用戶才容易地發(fā)現(xiàn)它們，它揭示了用戶與可視化互動的可能性。

例如我們默認認為屏幕上的可視化都可以進行交互，PC 可視化作品可以 Hover 交互，移動端可以點點按按。示能存在但可能不可見，可視化設(shè)計師的一部分職責(zé)就是實現(xiàn)示能的可見性。

2. 意符

意符 Signifiers 是可視化作品傳遞的信號，暗示可能的潛在行動，讓用戶該知道該如何去控制可視化。無論是示能還是交互方式，都應(yīng)照顧用戶已有習(xí)慣，需符合用戶心智模型。

在 PC 可視化上，可視化設(shè)計師很容易忽略鼠標指針樣式設(shè)計，經(jīng)常默認一個鼠標樣式進行到底，可視化如何驅(qū)動用戶以及如何讓用戶具備可視化的能力全靠猜。

3. 映射

映射 mapping 表示可視化元素間關(guān)系，應(yīng)用于控制-反饋模式的設(shè)計或布局；比如方向盤可控制汽車轉(zhuǎn)向，下拉篩選器出來的選擇框。以空間布局對應(yīng)關(guān)系的自然映射為例（如下圖）

4. 反饋

反饋 feedback 是用戶操作之后的回應(yīng)，反饋應(yīng)當是即時、有效的。在可視化設(shè)計時，如果需要，我們建議給出用戶深層次的反饋以便指引其進行下一步的操作。

六、小結(jié)

要做到聽從驅(qū)使，需給用戶控制感，讓用戶享有對可視化的控制能力。例如提供足夠便捷的過濾篩選組件，配合鼠標懸停、點擊、框選等操作，方便用戶查看更多視圖空間，快速定位感興趣的數(shù)據(jù)空間，亦或根據(jù)特定變量對數(shù)據(jù)進行排序、突出、降維處理等。當我們將這些組件與交互動作進行結(jié)合，用一些習(xí)以為常的交互去操縱可視化時，用戶將會很清晰、并且有信心控制好當前視圖。

數(shù)據(jù)可視化不僅僅只是一張好看的圖，它構(gòu)建的是一個系統(tǒng)，這個系統(tǒng)隨時在解決有限屏幕空間與無限數(shù)據(jù)空間帶來的沖突。這個系統(tǒng)可以驅(qū)動用戶完成一系列操作后引導(dǎo)用戶有能力進一步拿到結(jié)果，如此反復(fù)交替迭代，幫助用戶完成一些平時看來不可思議的任務(wù)。只有這樣，用戶才能操縱聽從驅(qū)使的可視化，就像文章開頭所述，如老司機開車一樣絲般潤滑。

作者：完白，螞蟻集團設(shè)計師

本文由 @Ant Design 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于 CC0 協(xié)議