本文以一個(gè)內(nèi)容產(chǎn)品網(wǎng)站要推廣另一個(gè)產(chǎn)品形態(tài)——插件為例，詳細(xì)講解了如何通過(guò)GSM模型對(duì)產(chǎn)品進(jìn)行分析，找到改進(jìn)機(jī)會(huì)點(diǎn)，并在上線后驗(yàn)證設(shè)計(jì)的完整流程。

交互設(shè)計(jì)師作為連接產(chǎn)品、用戶(hù)、設(shè)計(jì)的中間一環(huán)，不斷的在業(yè)務(wù)和體驗(yàn)之間博弈，尋找平衡點(diǎn)。

在產(chǎn)品推出新的功能或者模塊時(shí)，需要在主流量頁(yè)面增加導(dǎo)流入口，尤其對(duì)于滿(mǎn)足用戶(hù)第一需求的頁(yè)面，在達(dá)成用戶(hù)目標(biāo)的前提下，合理的平衡布局，提高用戶(hù)路徑關(guān)鍵節(jié)點(diǎn)上的轉(zhuǎn)化，是設(shè)計(jì)的主要分析思路。

01 案例介紹

本案例所用網(wǎng)站是一個(gè)提供內(nèi)容的網(wǎng)站，該產(chǎn)品的網(wǎng)站端主要為滿(mǎn)足用戶(hù)的第一類(lèi)需求：“準(zhǔn)確的找到所需內(nèi)容”，網(wǎng)站最初的設(shè)計(jì)也是提供內(nèi)容，獲取用戶(hù)為主。

隨著產(chǎn)品的發(fā)展，為提升用戶(hù)的有效轉(zhuǎn)化和粘性，產(chǎn)品為該行業(yè)用戶(hù)開(kāi)發(fā)了一個(gè)適用常用軟件的插件，這個(gè)插件可以安裝在該行業(yè)用戶(hù)常用的軟件上，幫助用戶(hù)快速找到所需內(nèi)容，為了讓用戶(hù)認(rèn)識(shí)這個(gè)插件，最開(kāi)始在網(wǎng)站上提供了一個(gè)插件介紹頁(yè)，但點(diǎn)擊量低下，產(chǎn)品經(jīng)理提出要優(yōu)化網(wǎng)站設(shè)計(jì)，提高新用戶(hù)的插件裝機(jī)量。

02 什么是GSM模型

GSM模型是Google的用戶(hù)體驗(yàn)團(tuán)隊(duì)提出的一種指標(biāo)體系。

它們之間是承接關(guān)系，可以一次做分解，即一個(gè)目標(biāo)可以分解為多個(gè)信號(hào)，一個(gè)信號(hào)可以用多個(gè)指標(biāo)進(jìn)行衡量。

此產(chǎn)品，對(duì)于用戶(hù)，第一需求是快速準(zhǔn)確的找到內(nèi)容，第二需求是長(zhǎng)久準(zhǔn)確找到內(nèi)容；對(duì)于產(chǎn)品，業(yè)務(wù)目標(biāo)是提高新用戶(hù)的插件裝機(jī)量，提高用戶(hù)粘性。

首先，目標(biāo)分析

用戶(hù)的第一需求，目前的網(wǎng)站就可以滿(mǎn)足，用戶(hù)的第二需求，是在滿(mǎn)足用戶(hù)第一需求上，讓用戶(hù)對(duì)產(chǎn)品形成信賴(lài)，提高用戶(hù)粘性后達(dá)到，這與產(chǎn)品產(chǎn)生插件這個(gè)形態(tài)的業(yè)務(wù)目的一致。

在本次改版中，設(shè)計(jì)師要考慮的是縮小第一需求和業(yè)務(wù)目標(biāo)之間的目的偏差，在滿(mǎn)足用戶(hù)第一需求的情況下，尋找提供插件下載的機(jī)會(huì)點(diǎn)，引導(dǎo)用戶(hù)下載插件。

其次，產(chǎn)品現(xiàn)象分析

用戶(hù)在產(chǎn)品中的使用行為是：進(jìn)入、發(fā)現(xiàn)、辨別、行動(dòng)

對(duì)應(yīng)到本產(chǎn)品，第一需求用戶(hù)的關(guān)鍵流程為：進(jìn)入-搜索-瀏覽-查看詳情-下載所需內(nèi)容；

第二需求的用戶(hù)：進(jìn)入-了解插件-下載插件

要將第二需求融入到第一需求中，設(shè)計(jì)師需要思考如何在行為路徑的關(guān)鍵節(jié)點(diǎn)加強(qiáng)“插件”這一概念的的吸引力，快速讓用戶(hù)了解插件的價(jià)值，低用戶(hù)的決策成本。

最后，量化指標(biāo)

依照關(guān)鍵路徑對(duì)可量化的用戶(hù)行為進(jìn)行篩選，得到每個(gè)階段需要采集到的數(shù)據(jù)和可度量的指標(biāo)。

03 交互設(shè)計(jì)

通過(guò)對(duì)埋點(diǎn)數(shù)據(jù)進(jìn)行分析

發(fā)現(xiàn)：

1. 著陸頁(yè)面占比最高的是門(mén)戶(hù)首頁(yè)，
2. 用戶(hù)瀏覽時(shí)間最長(zhǎng)的是內(nèi)容瀑布流頁(yè)
3. 在著陸頁(yè)、瀑布流頁(yè)面中，用戶(hù)的主要交互行為在搜索框附近。

問(wèn)題：

1. 當(dāng)前的設(shè)計(jì)在首頁(yè)放置有插件介紹模塊，但在第三屏的位置，用戶(hù)不容易注意到，
2. 在瀏覽時(shí)間最長(zhǎng)的內(nèi)容瀑布流頁(yè)面，沒(méi)有提供任何關(guān)于插件的介紹或下載入口，作為用戶(hù)的關(guān)鍵行為發(fā)生地，這里是設(shè)計(jì)師找到的機(jī)會(huì)點(diǎn)。

改進(jìn)：

1. 搜索框作為用戶(hù)的主交互區(qū)，在此區(qū)域加入插件下載的小廣告，用戶(hù)hover可以看到插件的簡(jiǎn)單介紹，點(diǎn)擊可提供用戶(hù)直接下載，縮短用戶(hù)辨別的時(shí)間，提高按鈕的轉(zhuǎn)化率；
2. 在用戶(hù)在內(nèi)容瀑布流頁(yè)面下載內(nèi)容時(shí)設(shè)定“當(dāng)下載內(nèi)容達(dá)n次時(shí)，彈出插件推薦對(duì)話框“，窗體的排版和視覺(jué)，主要介紹插件的優(yōu)勢(shì)、插件下載按鈕，弱化其他功能，將已經(jīng)認(rèn)識(shí)到產(chǎn)品價(jià)值的用戶(hù)高效導(dǎo)流到插件端；
3. 在常駐區(qū)域增加插件下載入口，鼠標(biāo)劃過(guò)用微動(dòng)效的方式加強(qiáng)用戶(hù)的注意（在此不做詳細(xì)介紹）；
4. 豐富插件介紹頁(yè)面內(nèi)容，讓用戶(hù)更好的了解插件（在此不做詳細(xì)介紹）。

04 數(shù)據(jù)驗(yàn)證

將衡量指標(biāo)使用數(shù)據(jù)分析工具提供的事件定義出來(lái)，布在網(wǎng)站中。時(shí)間和用戶(hù)會(huì)告訴我們答案，我們要做的就是定期查看和分析數(shù)據(jù)。

對(duì)于WEB產(chǎn)品，市場(chǎng)上很有數(shù)據(jù)分析工具都很使用，免費(fèi)的有GA、百度統(tǒng)計(jì)，付費(fèi)的有諸葛IO、Growing IO，此次本文主介紹使用GA和百度統(tǒng)計(jì)進(jìn)行關(guān)鍵指標(biāo)采集和追蹤的方法（案例中涉及的真實(shí)數(shù)據(jù)只截取了一部分，且已打碼）。

方法1：基于GA的數(shù)據(jù)分析

在用GA進(jìn)行數(shù)據(jù)分析之前，需要利用trackEvent函數(shù)定義事件，有組織、有結(jié)構(gòu)、有秩序的事件可以使行為分析事半功倍，在GA 的Behavior-Event中，可以看到所步事件的發(fā)生情況：

進(jìn)入到插件細(xì)分，可以看到對(duì)應(yīng)事件的點(diǎn)擊比例：

也可以在Event Flow中查看不同的著陸頁(yè)、上下游頁(yè)面的事件發(fā)生情況及比例：

方法2：基于百度統(tǒng)計(jì)的數(shù)據(jù)分析

百度統(tǒng)計(jì)的事件布置和GA不同，百度統(tǒng)計(jì)支持使用者通過(guò)UI事件直接在分析網(wǎng)站中布置事件點(diǎn)位，GA需要按照函數(shù)設(shè)定好參數(shù)由前端開(kāi)發(fā)人員布置在頁(yè)面中，因此操作上百度統(tǒng)計(jì)要簡(jiǎn)單很多，不過(guò)使用起來(lái)GA會(huì)更加體系化。

在百度統(tǒng)計(jì)的轉(zhuǎn)化分析-轉(zhuǎn)化概況中可以查看已添加事件的轉(zhuǎn)化次數(shù)、轉(zhuǎn)化率及環(huán)比變化。

百度統(tǒng)計(jì)還提供頁(yè)面點(diǎn)擊圖，GA也有提供，但因?yàn)镚A是根據(jù)下一個(gè)頁(yè)面的到達(dá)率計(jì)算的，同一個(gè)頁(yè)面中相同功能按鈕的點(diǎn)擊率會(huì)顯示為一樣的數(shù)字，不具有參考價(jià)值，對(duì)于要看每個(gè)按鈕點(diǎn)擊情況的建議使用百度統(tǒng)計(jì)，如下圖：

百度統(tǒng)計(jì)可以統(tǒng)計(jì)到用戶(hù)到達(dá)網(wǎng)站的搜索關(guān)鍵詞，因此也可以看到每個(gè)關(guān)鍵詞對(duì)于關(guān)鍵事件的轉(zhuǎn)化貢獻(xiàn)，此功能對(duì)運(yùn)營(yíng)同學(xué)的幫助相對(duì)較大，在此不做多說(shuō)。

歷時(shí)一個(gè)月，插件的裝機(jī)量得到顯著提升，12月插件下載量出現(xiàn)全年單月最高。

以上就是整個(gè)設(shè)計(jì)從需求分析到設(shè)計(jì)最后到數(shù)據(jù)驗(yàn)證的全過(guò)程，雖然是一個(gè)小小的變動(dòng)，但設(shè)計(jì)無(wú)小事。

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

題圖來(lái)自Unsplash，基于CC0協(xié)議。