交互設(shè)計(jì)師一大寶貴財(cái)富就是他的經(jīng)驗(yàn)和直覺，在大多數(shù)需要對(duì)當(dāng)前設(shè)計(jì)作出迅速判斷的情況中，交互設(shè)計(jì)師所依賴的就是他的經(jīng)驗(yàn)和直覺。在互聯(lián)網(wǎng)的世界中，最有價(jià)值的可能就是數(shù)據(jù)了。google靠數(shù)據(jù)一舉奠定江湖地位；twitter靠數(shù)據(jù)開始逐漸走向成熟；每一個(gè)交互設(shè)計(jì)師也能用數(shù)據(jù)來彌補(bǔ)依靠經(jīng)驗(yàn)和直覺來設(shè)計(jì)的不足。本篇網(wǎng)志從一個(gè)很小的設(shè)計(jì)案例來描述除了經(jīng)驗(yàn)和直覺之外，數(shù)據(jù)研究也可以驗(yàn)證、修正、甚至顛覆設(shè)計(jì)。

通過經(jīng)驗(yàn)和直覺產(chǎn)生的設(shè)計(jì)

上圖是這個(gè)設(shè)計(jì)案例的真實(shí)環(huán)境，來自于青海玉樹捐贈(zèng)頁面。這是一個(gè)很簡(jiǎn)單的捐贈(zèng)表單，用戶選擇金額，然后點(diǎn)擊確定就可提交表單。如圖所示，讓用戶有4個(gè)具體金額可以選擇，并有一個(gè)其他金額可以輸入，同時(shí)默認(rèn)選擇50元，是按照我的經(jīng)驗(yàn)和直覺來設(shè)計(jì)的。我希望大部分用戶是認(rèn)同這個(gè)默認(rèn)金額，并且直接點(diǎn)按鈕提交表單的，這樣對(duì)于大部分用戶來說只用一次點(diǎn)擊就能完成捐贈(zèng)。要選擇其它三種給定金額的用戶，需要兩次操作；而要選擇四種給定金額之外的用戶，則需要三次操作（選擇其他金額 > 填寫數(shù)字 > 點(diǎn)擊按鈕）。而50、20、10、500這樣的金額分布，是我基于對(duì)人民幣金額的理解以及常規(guī)正太分布的想法來設(shè)計(jì)的，保證中間高，兩頭小。

經(jīng)驗(yàn)和直覺可能不靠譜，設(shè)計(jì)數(shù)據(jù)監(jiān)測(cè)來驗(yàn)證
以上這些想法絕對(duì)有可能不是用戶真正操作時(shí)所想的?？赡艽蟛糠钟脩粲X得50塊太少了，或者20塊和10塊無所謂選擇哪一個(gè)。為了讓這個(gè)金額更符合用戶的期望，減少用戶在選擇金額時(shí)的操作，我在設(shè)計(jì)之初就和前端同學(xué)構(gòu)思好了在此處添加埋點(diǎn)，監(jiān)測(cè)用戶操作的路徑，統(tǒng)計(jì)出不同選擇的占比。

數(shù)據(jù)監(jiān)測(cè)設(shè)計(jì)想法是在用戶各個(gè)操作的地方埋點(diǎn)，用戶點(diǎn)擊了則會(huì)發(fā)送一次請(qǐng)求到服務(wù)器，具體的設(shè)計(jì)為：

最后點(diǎn)擊按鈕為終點(diǎn)，通過在終點(diǎn)前一次的點(diǎn)擊來判斷用戶不同的路徑
用戶進(jìn)入頁面后直接點(diǎn)擊按鈕為默認(rèn)路徑
用戶進(jìn)入頁面后操作若干次之后最終選擇50元為50路徑
用戶進(jìn)入頁面后最終選擇20元為20路徑
用戶進(jìn)入頁面后最終選擇10元為10路徑
用戶進(jìn)入頁面后最終選擇500元為500路徑
用戶進(jìn)入頁面后最終選擇其他金額為自定義路徑
看看數(shù)據(jù)顯示的實(shí)際情況

上圖是截取了一部分真實(shí)數(shù)據(jù)的結(jié)果。由圖標(biāo)可見在捐贈(zèng)筆數(shù)不斷增加的幾天內(nèi)，自定義金額一直占據(jù)很高的比重，超過40%；默認(rèn)金額只占據(jù)20%左右的比重；整體并不是完全的正太分布，選擇500元的足夠少，但是選擇10塊的人占據(jù)20%左右。

再結(jié)合這段時(shí)間內(nèi)平均捐款金額為80元，可以針對(duì)之前的設(shè)計(jì)做相應(yīng)的修正，調(diào)整金額設(shè)置以及默認(rèn)金額設(shè)置。具體的設(shè)計(jì)調(diào)整就不詳述了（捐贈(zèng)平臺(tái)二期還在開發(fā)中，暫不方便放出）。這個(gè)案例只是很小的一個(gè)點(diǎn)，可以窺見數(shù)據(jù)研究在交互設(shè)計(jì)中起到的作用，經(jīng)驗(yàn)直覺和拿數(shù)據(jù)說話應(yīng)該是兩手抓，兩手都要硬。

原文：http://www.shimuuu.com/blog/data-study-in-interaction-design