設(shè)計(jì)驗(yàn)證不僅能夠讓設(shè)計(jì)流程變得更加圓滿，也能讓設(shè)計(jì)方案更有說服力。本文將對(duì)設(shè)計(jì)驗(yàn)證中定量分析的用途與用法進(jìn)行詳細(xì)介紹。

本文以蘇寧集團(tuán)大數(shù)據(jù)中心“慧眼”項(xiàng)目的改版為例，圍繞設(shè)計(jì)驗(yàn)證淺談定量分析的用途與用法：設(shè)計(jì)驗(yàn)證、定性與定量的概念與關(guān)系，以及為什么選擇定量分析。

• 以項(xiàng)目為例，簡(jiǎn)述改版經(jīng)過，并引出設(shè)計(jì)驗(yàn)證的分析源頭（可能存在的問題）；
• 以項(xiàng)目中的頁(yè)面為例，簡(jiǎn)述定量分析的做法與流程（GSM模型）；
• 以頁(yè)面中的任務(wù)為例，簡(jiǎn)述衡量指標(biāo)的用法；
• 一些需要考慮的問題。

▲本文內(nèi)容大綱

一、源起

每一個(gè)項(xiàng)目都離不開“需求-設(shè)計(jì)-開發(fā)-上線-再需求-再設(shè)計(jì)……”這樣的衍進(jìn)路徑。

在這樣的無限循環(huán)中，大量工作都有賴于產(chǎn)品、設(shè)計(jì)、開發(fā)、測(cè)試等崗位成員的項(xiàng)目經(jīng)驗(yàn)，只要任一環(huán)節(jié)出現(xiàn)問題都會(huì)導(dǎo)致嚴(yán)重的后果。

如何優(yōu)化這樣的流程呢？對(duì)于設(shè)計(jì)師而言，增加設(shè)計(jì)驗(yàn)證是其中一種行之有效的辦法。（死亡螺旋模型與部分優(yōu)化方法如下圖所示）

▲死亡螺旋

1.1 什么是設(shè)計(jì)驗(yàn)證

設(shè)計(jì)是藝術(shù)與技術(shù)的結(jié)合?！浪?/p>

當(dāng)設(shè)計(jì)稿交付之后，設(shè)計(jì)師的工作看似已經(jīng)結(jié)束，但在一個(gè)完整的項(xiàng)目流程中，還遠(yuǎn)沒有完成。

除了落地后的視覺走查，設(shè)計(jì)師也可以關(guān)注下設(shè)計(jì)方案在上線后是否達(dá)到了項(xiàng)目初期所設(shè)定的各項(xiàng)指標(biāo)，如PV、UV、IP等。

達(dá)到預(yù)期的，設(shè)計(jì)師可以總結(jié)設(shè)計(jì)經(jīng)驗(yàn)用以提升未來的設(shè)計(jì)準(zhǔn)確率；發(fā)現(xiàn)問題的，也可以分析方案的缺陷，在下次改版當(dāng)中進(jìn)行優(yōu)化。而這樣的一個(gè)環(huán)節(jié)就是設(shè)計(jì)驗(yàn)證。

▲設(shè)計(jì)驗(yàn)證改善流程

1.2 什么是定量分析

設(shè)計(jì)驗(yàn)證可以分為定性分析與定量分析。

定性分析是源于社會(huì)科學(xué)的一種研究方法，通過“是什么”、“怎么樣”、“為什么”等主觀性問題進(jìn)行分析。

定性分析憑借分析者的直覺和經(jīng)驗(yàn)，通過分析過去、現(xiàn)在的延續(xù)狀況及最新的信息資料，對(duì)分析對(duì)象的性質(zhì)、特點(diǎn)、發(fā)展變化規(guī)律作出判斷的一種方法。

定量分析則是源于數(shù)學(xué)的一種研究方法，通過“做了什么”、“做了多少次”、“花了多長(zhǎng)時(shí)間”等客觀性問題進(jìn)行分析。定量分析既重視觀察實(shí)驗(yàn)、收集經(jīng)驗(yàn)資料，又重視邏輯思維演繹推理，應(yīng)用假說使得觀察實(shí)驗(yàn)方法和數(shù)學(xué)演繹形式結(jié)合起來。

常用的分析方法如下圖所示：

▲用戶研究方法

定性分析與定量分析應(yīng)該是統(tǒng)一的，相互補(bǔ)充的；定性分析是定量分析的基本前提，沒有定性的定量是一種盲目的、毫無價(jià)值的定量；定量分析使定性分析更加科學(xué)、準(zhǔn)確，它可以促使定性分析得出廣泛而深入的結(jié)論。

本文主要談一談定量分析的做法與用法。為什么選擇定量而非定性進(jìn)行研究呢？是因?yàn)樘K寧擁有大量的操作信息能夠有效的提高數(shù)據(jù)可信度，同時(shí)定量分析也可以通過項(xiàng)目初期所設(shè)定的各項(xiàng)指標(biāo)快速完成。

二、慧眼項(xiàng)目的界面衍進(jìn)

2.1 慧眼項(xiàng)目介紹與用戶訴求的衍進(jìn)

以前蘇寧有著多個(gè)數(shù)據(jù)分析產(chǎn)品，數(shù)據(jù)分析師們需要打開多個(gè)產(chǎn)品頁(yè)面才能完成日常的工作，而慧眼就是為了解決這一問題的。

慧眼以蘇寧唯一的數(shù)據(jù)門戶為目標(biāo)，以整合集團(tuán)所有數(shù)據(jù)分析產(chǎn)品的資源為途徑，力求將所有數(shù)據(jù)集合展示在一起，以此大大提高業(yè)務(wù)用戶的工作效率。

上線一段時(shí)間后發(fā)現(xiàn)，作為數(shù)據(jù)門戶，慧眼在主要用以展示數(shù)據(jù)的模塊里，大量的空間被導(dǎo)航所占用，而數(shù)據(jù)展示的區(qū)域則相對(duì)較小，影響了觀看體驗(yàn)。因此在此次改版中，擴(kuò)大各模塊中的數(shù)據(jù)看板面積就成了最主要的需求。

2.2 界面樣式的衍進(jìn)

以“我的必看”為例，初版慧眼頁(yè)面中數(shù)據(jù)看板僅占整體頁(yè)面的46.3%面積。

▲慧眼頁(yè)面初版

為了完成此次改版的主要需求，擴(kuò)大數(shù)據(jù)看板的最直接方法其實(shí)就是隱藏，即將看板以外的其他模塊盡可能的隱藏起來，這就是方案一的設(shè)計(jì)思路：

1. 用戶進(jìn)入我的必看時(shí)自動(dòng)隱藏左側(cè)的二級(jí)導(dǎo)航；
2. 為報(bào)表列表區(qū)域增加隱藏/展開功能，用戶點(diǎn)擊隱藏收起列表區(qū)域；點(diǎn)擊展開頁(yè)面回到布局的初始狀態(tài)。

方案一

通過釋放二級(jí)導(dǎo)航和隱藏報(bào)表列表增加展示面積，好處在于頁(yè)面整體框架沒有大的變動(dòng)，改版成本較低。

經(jīng)過計(jì)算可知，方案一將數(shù)據(jù)看板的面積從原有的46.3%提升到了58.4%和69.4%的占比。具體改動(dòng)后的示意圖如下所示：

▲慧眼頁(yè)面優(yōu)化方案一

但方案一仍然沒有最大化數(shù)據(jù)看板的可用面積，為了進(jìn)一步探索擴(kuò)大的方案，在方案二中首先從慧眼的結(jié)構(gòu)梳理入手。

如下圖所示，在“我的必看”中，根據(jù)功能不同頁(yè)面可以分為導(dǎo)航區(qū)域（綠色）與查看報(bào)表區(qū)域（橘色）：導(dǎo)航區(qū)域由一級(jí)導(dǎo)航、二級(jí)導(dǎo)航、面包屑組成；查看報(bào)表區(qū)域由篩選分析主題一、篩選分析主題二、報(bào)表查詢、報(bào)表列表、數(shù)據(jù)看板、輔助功能區(qū)組成。

▲慧眼頁(yè)面優(yōu)化方案二

慧眼的設(shè)計(jì)定位是數(shù)據(jù)門戶，在衡量了產(chǎn)品整體框架、用戶操作習(xí)慣、并橫向?qū)Ρ攘似渌T戶網(wǎng)站，對(duì)導(dǎo)航區(qū)域作出3步調(diào)整：

1. 將頁(yè)面導(dǎo)航區(qū)域中的二級(jí)導(dǎo)航整合到頂部的一級(jí)導(dǎo)航中；
2. 去掉面包屑導(dǎo)航：因?yàn)閳?bào)表名稱在該頁(yè)面中重復(fù)出現(xiàn)有三次，分別位于面包屑、報(bào)表列表、報(bào)表三處，所以保留親密性最強(qiáng)的報(bào)表處名稱；
3. 在頂部菜單Logo處右側(cè)增加定位：因?yàn)槊姘既サ艉?，用戶可能?huì)當(dāng)前頁(yè)面的位置產(chǎn)生困惑，所以在一級(jí)導(dǎo)航上增加定位信息。

▲ 慧眼導(dǎo)航區(qū)域新版

除了導(dǎo)航區(qū)域的調(diào)整，針對(duì)查看報(bào)表區(qū)域的結(jié)構(gòu)梳理則主要根據(jù)功能重要性、使用人數(shù)、使用頻次這三個(gè)維度進(jìn)行，此區(qū)域下的功能被分出了三重優(yōu)先級(jí)：

▲慧眼報(bào)表區(qū)域優(yōu)先級(jí)

根據(jù)此優(yōu)先級(jí)，在方案二中將二級(jí)優(yōu)先級(jí)中的內(nèi)容整合在一起，并以懸浮窗的形式固定在頁(yè)面左側(cè)。用戶進(jìn)入我的必看后，頁(yè)面初始樣式如下所示。

▲慧眼頁(yè)面方案二——頁(yè)面初始樣式

當(dāng)用戶需要打開報(bào)表時(shí)，將鼠標(biāo)移入篩選主題區(qū)域，二級(jí)優(yōu)先級(jí)內(nèi)容展開顯示；鼠標(biāo)移出，再次回到初始布局樣式。按照此方案調(diào)整，數(shù)據(jù)看板的面積將達(dá)到90.9%的占比。

▲方案二 慧眼頁(yè)面方案二—— 鼠標(biāo)移入篩選主題區(qū)域樣式

2.3 可能存在的問題

方案二的面積占比已經(jīng)大大滿足了本次改版的主要需求，但相應(yīng)的調(diào)整也會(huì)產(chǎn)生一定的影響。

比如報(bào)表列表被折疊后，當(dāng)用戶想要打開一張新報(bào)表時(shí)就會(huì)產(chǎn)生“怎么打開”“去哪打開”的疑惑，這種疑惑是否會(huì)影響任務(wù)的完成度或完成效率？這種變化具體會(huì)產(chǎn)生怎樣的影響？變化的程度是否可以接受？

這一系列問題都可以在設(shè)計(jì)驗(yàn)證環(huán)節(jié)通過定量分析的方式落實(shí)到具體指標(biāo)進(jìn)行衡量。

三、設(shè)計(jì)驗(yàn)證的應(yīng)用

3.1 慧眼的用戶體驗(yàn)?zāi)繕?biāo)

慧眼的整體目標(biāo)是作為蘇寧集團(tuán)內(nèi)部唯一的數(shù)據(jù)門戶，為用戶提供統(tǒng)一的看數(shù)平臺(tái)，不斷提升業(yè)務(wù)用戶日常數(shù)據(jù)分析效率。而此次改版的顯性需求是解決報(bào)表顯示區(qū)域不夠大的問題，但隱性需求則是在此前提下盡量不降低其他區(qū)域的使用體驗(yàn)。在設(shè)計(jì)與設(shè)計(jì)驗(yàn)證時(shí)，都需要圍繞這些目標(biāo)進(jìn)行。

用戶體驗(yàn)?zāi)繕?biāo)能夠在設(shè)計(jì)與設(shè)計(jì)驗(yàn)證環(huán)節(jié)提出指導(dǎo)意見，同時(shí)也能在定量分析的推導(dǎo)方向上產(chǎn)生定性作用。

3.2 定量分析的指標(biāo)推導(dǎo)

掌握了產(chǎn)品的用戶體驗(yàn)?zāi)繕?biāo)，就可以通過一些方法模型推導(dǎo)出定量分析所需要的衡量指標(biāo)，而GSM就是被廣泛使用的一種模型。

什么是GSM呢？GSM是Google的用戶體驗(yàn)團(tuán)隊(duì)提出的一種量化用戶體驗(yàn)的分析模型。GSM是目標(biāo)（Goal）、信號(hào)（Signal）、指標(biāo)（Metric）三者的英文首字母。目標(biāo)，即設(shè)計(jì)目標(biāo)，是需要通過設(shè)計(jì)手段解決的問題；信號(hào)，即現(xiàn)象信號(hào)，是用戶會(huì)出現(xiàn)的行為方式；指標(biāo)，即衡量指標(biāo)，是基于設(shè)計(jì)目標(biāo)，將用戶行為量化為可衡量的指標(biāo)。

因此GSM就是一種通過目標(biāo)（Goal）→信號(hào)（Signal）→指標(biāo)（Metric）的推導(dǎo)路徑將本身抽象的目標(biāo)轉(zhuǎn)化為具象的指標(biāo)的分析模型。

▲方案二 GSM模型

如何運(yùn)用GSM分析模型呢？我們可以圍繞產(chǎn)品的用戶體驗(yàn)?zāi)繕?biāo)，假定用戶能夠完成這些目標(biāo)，在此情況下用戶行為會(huì)出現(xiàn)什么表現(xiàn)與信號(hào)，列舉并選出價(jià)值高且能夠收集的部分，將信號(hào)轉(zhuǎn)化為數(shù)據(jù)項(xiàng)，也就得到了相應(yīng)的衡量指標(biāo)。

當(dāng)然如果假定用戶無法完成目標(biāo)，也可以分析得出相應(yīng)的指標(biāo)。在做設(shè)計(jì)驗(yàn)證時(shí)我們可以優(yōu)先從任務(wù)成功、任務(wù)時(shí)間、錯(cuò)誤、效率、易學(xué)性這5個(gè)方向進(jìn)行分析：

▲5個(gè)常見的用戶體驗(yàn)指標(biāo)

當(dāng)然除了這種以具體任務(wù)為目標(biāo)通過模型推導(dǎo)的指標(biāo)，改版對(duì)訪問數(shù)、獨(dú)立訪客、獨(dú)立IP、網(wǎng)站訪問量等指標(biāo)的影響也是定量分析中重要的組成部分。

3.3 指標(biāo)的用途與用法

以方案二中“打開新報(bào)表”這一任務(wù)為例，運(yùn)用GSM模型可以推導(dǎo)出的相應(yīng)現(xiàn)象信號(hào)與衡量指標(biāo)，如下所示：

▲指標(biāo)的操作定義

以其中一項(xiàng)“任務(wù)時(shí)間→用戶在哪個(gè)環(huán)節(jié)花費(fèi)時(shí)間最久”為例，這一任務(wù)可以拆分為下圖所示的操作節(jié)點(diǎn)與流程。

▲任務(wù)操作流程拆分

那么任務(wù)時(shí)間在節(jié)點(diǎn)與流程中起到什么樣的分析用途呢？首先用戶進(jìn)入此頁(yè)面后，會(huì)打開默認(rèn)主題下的默認(rèn)報(bào)表，所以完美狀態(tài)下用戶進(jìn)入此模塊默認(rèn)打開的報(bào)表就是用戶最需要查看和分析的報(bào)表。

因此當(dāng)用戶在下圖所示的環(huán)節(jié)中的停留時(shí)間較短，即進(jìn)入頁(yè)面后馬上準(zhǔn)備打開新報(bào)表或切換新主題，就可以考慮是否默認(rèn)主題或主題下的默認(rèn)報(bào)表不夠準(zhǔn)確。

其次如果下圖所示的幾個(gè)環(huán)節(jié)停留時(shí)間較長(zhǎng)，則需要考慮用戶在查找對(duì)應(yīng)報(bào)表時(shí)是否存在困惑。

例如，是否當(dāng)前主題下報(bào)表較多，不好找到對(duì)應(yīng)報(bào)表；是否不知道報(bào)表在具體哪一個(gè)分析主題下。

當(dāng)然如下圖所示的幾個(gè)環(huán)節(jié)雖然在上一流程中已經(jīng)存在，但這種操作通常意味著錯(cuò)誤的存在。雖然記錄“任務(wù)時(shí)間”同樣有助于定量分析，但在此情況下記錄“點(diǎn)擊次數(shù)”的成本會(huì)遠(yuǎn)小于任務(wù)時(shí)間，所以建議下圖的流程放在“錯(cuò)誤”模型中進(jìn)行分析。

當(dāng)通過設(shè)計(jì)驗(yàn)證發(fā)現(xiàn)問題后就可以在改版中進(jìn)行設(shè)計(jì)優(yōu)化。

舉例來說，如果默認(rèn)的推薦報(bào)表并不準(zhǔn)確時(shí)，可以通過設(shè)定告警的方式提醒報(bào)表配置人員提前調(diào)整默認(rèn)報(bào)表；或者在離開頁(yè)面時(shí)保留瀏覽記錄并在下次進(jìn)入時(shí)自動(dòng)打開。

如果用戶在查找對(duì)應(yīng)報(bào)表時(shí)存在困惑，可以減少當(dāng)前主題下報(bào)表數(shù)量或者對(duì)報(bào)表增加自定義排序功能等?？梢园l(fā)現(xiàn)設(shè)計(jì)驗(yàn)證在衡量設(shè)計(jì)方案的優(yōu)劣與指導(dǎo)體驗(yàn)設(shè)計(jì)優(yōu)化上都有著重要的作用。

3.4 指標(biāo)數(shù)據(jù)的可信程度

在分析獲得的指標(biāo)數(shù)據(jù)后，常會(huì)出現(xiàn)一個(gè)疑惑，即如果用戶操作到一半時(shí)突然被其他事中斷了，這種情況就會(huì)出現(xiàn)一個(gè)異常指標(biāo)（即離群值，如下圖所示）。

如果將這種異常指標(biāo)也同樣摻雜起來進(jìn)行分析，得出的結(jié)果就會(huì)出現(xiàn)偏差，在這種情況下可以引入置信區(qū)間的概念。

▲置信區(qū)間

置信區(qū)間是指由樣本統(tǒng)計(jì)量所構(gòu)造的總體參數(shù)的估計(jì)區(qū)間。一個(gè)概率樣本的置信區(qū)間是對(duì)這個(gè)樣本的某個(gè)總體參數(shù)的區(qū)間估計(jì)。

置信區(qū)間展現(xiàn)的是這個(gè)參數(shù)的真實(shí)值在一定概率上的可信程度，但對(duì)此本文就不再展開了。

總結(jié)

本文通過對(duì)設(shè)計(jì)思路衍進(jìn)過程的描述引出設(shè)計(jì)驗(yàn)證中定量分析的用途與用法。

設(shè)計(jì)驗(yàn)證作為設(shè)計(jì)中不可缺少的一塊拼圖，能夠讓設(shè)計(jì)流程變得更加圓滿，同時(shí)也能讓設(shè)計(jì)方案更有說服力。而定量分析通過對(duì)具體指標(biāo)數(shù)據(jù)的對(duì)比和分析，能夠幫助設(shè)計(jì)師判斷或預(yù)測(cè)設(shè)計(jì)方案的合理性，也能夠?yàn)榉桨傅恼f服力提供堅(jiān)定的后盾。

篇幅所限，本文也有部分內(nèi)容闡述的較為概括。例如界面的衍進(jìn)并沒有給出完整的設(shè)計(jì)背景；分析模型推導(dǎo)出的指標(biāo)價(jià)值與效率是不同的；指標(biāo)在開發(fā)過程中產(chǎn)生的成本也大不相同，這些問題希望能夠通過接下來的文章分別予以闡述。

希望通過本文能夠讓更多相關(guān)領(lǐng)域的朋友對(duì)設(shè)計(jì)驗(yàn)證環(huán)節(jié)與定量分析的用途用法產(chǎn)生興趣并引起重視。

作者：董一男，IT總部大數(shù)據(jù)中心 設(shè)計(jì)經(jīng)理，「特長(zhǎng)」不會(huì)用戶研究的數(shù)據(jù)分析專家不是好攝影師，「屬性」能抗能打的“小金剛”，「愛好」玩跨界

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

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