2021-3-26 資深UI設(shè)計(jì)者
設(shè)計(jì)驅(qū)動(dòng)已經(jīng)成為 vivo品牌重要的產(chǎn)品和服務(wù)理念。作為設(shè)計(jì)師，這意味著我們?cè)诔薪尤粘ＴO(shè)計(jì)需求外，還要主動(dòng)發(fā)現(xiàn)并解決產(chǎn)品中存在的問題。設(shè)計(jì)提案，就是針對(duì)某個(gè)問題或機(jī)會(huì)點(diǎn)，系統(tǒng)分析產(chǎn)品現(xiàn)狀并給出解決方案，以實(shí)現(xiàn)設(shè)計(jì)驅(qū)動(dòng)的重要途徑。
除了設(shè)計(jì)提案外，設(shè)計(jì)方法復(fù)盤、行業(yè)分析報(bào)告、流程規(guī)范建設(shè)等也可作為產(chǎn)出對(duì)象，受限于篇幅，本文所介紹的方法主要針對(duì)設(shè)計(jì)提案的選題。
過去的兩年里，UED 團(tuán)隊(duì)的同學(xué)們共輸出 40+篇設(shè)計(jì)提案，我本人也寫過幾篇，踩過一些坑，也積累了一些經(jīng)驗(yàn)?？傮w來說，一份優(yōu)秀的設(shè)計(jì)提案當(dāng)然離不開嚴(yán)謹(jǐn)?shù)姆治鲞^程、合理的模型選取和可落地性強(qiáng)的解決方案，但更前置的往往是設(shè)計(jì)提案的選題。
選題體現(xiàn)了我們是否定位了產(chǎn)品中存在的重要問題或設(shè)計(jì)機(jī)會(huì)點(diǎn)，決定了選用什么模型分析問題、產(chǎn)出什么解決方案。
△ 圖1 設(shè)計(jì)提案的執(zhí)行過程
選題不當(dāng)可能會(huì)導(dǎo)致：寫了一半才發(fā)現(xiàn)設(shè)計(jì)側(cè)根本無法解決該問題（比如解決問題主要依賴于內(nèi)容引進(jìn)），或者產(chǎn)出了方案但因問題優(yōu)先級(jí)低而無法落地。因此本文主要基于 UED 團(tuán)隊(duì)的實(shí)踐經(jīng)驗(yàn)，對(duì)目標(biāo)導(dǎo)向的選題常用方法進(jìn)行介紹，以確保我們的提案在“解決正確的問題”。
設(shè)計(jì)提案的目的是解決問題，但難點(diǎn)在于：要解決的問題并不是每次都顯而易見，且不是每個(gè)問題都適合用提案的方式去解決，產(chǎn)品有什么體驗(yàn)問題、哪些需要用提案來解決，很多時(shí)候需要我們主動(dòng)去發(fā)現(xiàn)和定義。
目標(biāo)導(dǎo)向的選題方法，就是指從不同的目標(biāo)出發(fā)，通過分析或拆解目標(biāo)，來定位問題或機(jī)會(huì)點(diǎn)的選題方法（除此之外，我們還可以通過用戶體驗(yàn)地圖分析、行業(yè)趨勢(shì)分析等來發(fā)現(xiàn)問題，這些本文暫不涉及）。
“設(shè)計(jì)是圍繞目標(biāo)的求解活動(dòng)① “L. Bruce Archer
按照雙鉆模型，確?！弊稣_的事”需要經(jīng)歷發(fā)現(xiàn)到收斂的過程，將其用于選題便是選題收集、選題評(píng)估兩個(gè)階段。在選題收集階段，我們從體驗(yàn)設(shè)計(jì)所針對(duì)的不同目標(biāo)出發(fā)，通過對(duì)目標(biāo)的分析和拆解找到待解決問題，初步確定多個(gè)選題方向。在選題評(píng)估階段，我們需要對(duì)前一階段得到的若干選題進(jìn)行價(jià)值和提升空間評(píng)估，最終定義出合理的選題方向。
△ 圖2 目標(biāo)導(dǎo)向的提案選題方法
體驗(yàn)設(shè)計(jì)是用設(shè)計(jì)的思維和方法達(dá)到某種目標(biāo)，互聯(lián)網(wǎng)產(chǎn)品的體驗(yàn)設(shè)計(jì)重點(diǎn)關(guān)心的目標(biāo)主要有商業(yè)目標(biāo)、用戶滿意度、戰(zhàn)略規(guī)劃。因此，以目標(biāo)為導(dǎo)向來收集選題，就是指通過分析影響以上 3 個(gè)目標(biāo)達(dá)成的關(guān)鍵因素，來收集多個(gè)備選選題。
通過拆解商業(yè)目標(biāo)收集選題
通過對(duì)留存率、日活數(shù)等核心數(shù)據(jù)指標(biāo)的拆解來定位關(guān)鍵影響因素、確定提案方向，能夠讓提案結(jié)果更易量化、產(chǎn)出方案更易落地。
Step 1 了解產(chǎn)品當(dāng)前階段的主要商業(yè)目標(biāo)
一般來說，產(chǎn)品側(cè)每個(gè)季度或每年都制定 OKR 或 KPI（如將 vivo 商城復(fù)購(gòu)率從 x%提升至 y%、將瀏覽器的日活從 x 萬提升至 y 萬)。設(shè)計(jì)師需要明確產(chǎn)品的核心數(shù)據(jù)指標(biāo)是什么，尤其關(guān)注其中與用戶體驗(yàn)相關(guān)度高的指標(biāo)。以信息流產(chǎn)品來說，如果其內(nèi)容主要來自于合作商，那么我們更應(yīng)該關(guān)注閱讀時(shí)長(zhǎng)和留存等指標(biāo)，而非資訊內(nèi)容豐富度指標(biāo)。
Step 2 對(duì)商業(yè)目標(biāo)按多個(gè)維度逐層拆解
明確目標(biāo)后，需要對(duì)其進(jìn)行拆解，才能將結(jié)果目標(biāo)轉(zhuǎn)化為設(shè)計(jì)可發(fā)力的過程目標(biāo)。目標(biāo)的拆解需要確保每次拆解都要符合 MECE（同一維度、不重不漏）原則，常用的拆解維度如下所示。
△ 圖3 商業(yè)目標(biāo)的常用拆解維度
以 vivo 商城為例，假設(shè)其 2021 年的目標(biāo)是：成交轉(zhuǎn)化率提升 47.6%，達(dá)到 0.26%（數(shù)據(jù)已經(jīng)過脫敏處理）。我們可以對(duì)影響目標(biāo)達(dá)成的要素按照行為路徑進(jìn)行如下拆解（本案例也可按公式法進(jìn)行拆解）：
△ 圖4 成交轉(zhuǎn)化率拆解案例
Step 3 定位影響目標(biāo)達(dá)成的關(guān)鍵因素
結(jié)構(gòu)化拆解目標(biāo)后，即可結(jié)合產(chǎn)品迭代歷史和現(xiàn)狀，對(duì)影響目標(biāo)達(dá)成的關(guān)鍵要素進(jìn)行定位，進(jìn)而初步確定提案方向。接上文案例，由于下單→支付環(huán)節(jié)（即結(jié)算頁(yè)）的體驗(yàn)優(yōu)化剛進(jìn)行不久，且通過購(gòu)物車下單的用戶占比較少，因此可將提案方向定位至商品詳頁(yè)下單轉(zhuǎn)化率提升，初步確定選題“商品詳頁(yè)下單轉(zhuǎn)化率提升設(shè)計(jì)提案”。
通過產(chǎn)品戰(zhàn)略規(guī)劃分析收集選題
如果說商業(yè)目標(biāo)是產(chǎn)品預(yù)期達(dá)到的結(jié)果，那么戰(zhàn)略規(guī)劃就是達(dá)到結(jié)果所計(jì)劃采取的路徑。從戰(zhàn)略規(guī)劃出發(fā)，構(gòu)建新功能、解決新問題，協(xié)助產(chǎn)品達(dá)成戰(zhàn)略規(guī)劃，是提案可嘗試的重要方向。
方法 1 通過構(gòu)建新功能幫助產(chǎn)品達(dá)成規(guī)劃
不同于商業(yè)目標(biāo)，戰(zhàn)略規(guī)劃往往已經(jīng)給出了接下來要重點(diǎn)發(fā)力方向、或給出了功能范圍。但一些情況下，規(guī)劃并不會(huì)具體到該方向上要做哪些功能以及做成什么樣。因此，設(shè)計(jì)師可以基于戰(zhàn)略規(guī)劃，以提案的形式對(duì)設(shè)計(jì)機(jī)會(huì)點(diǎn)和方案進(jìn)行詳細(xì)分析，以協(xié)助產(chǎn)品達(dá)成規(guī)劃。
以 vivo 的一款視頻產(chǎn)品為例，為了提升時(shí)長(zhǎng)，產(chǎn)品側(cè)計(jì)劃 Q1 季度提升視頻內(nèi)容消費(fèi)深度，但尚未給出從功能層面具體要做哪些改進(jìn)。因此我們將提升用戶消費(fèi)深度為提案目標(biāo)，深入分析了深度消費(fèi)的現(xiàn)狀和場(chǎng)景，提出了若干設(shè)計(jì)優(yōu)化建議。
方法 2 通過解決新問題幫助產(chǎn)品達(dá)成規(guī)劃
由于產(chǎn)品功能模塊之間存在耦合關(guān)系，規(guī)劃中的新增業(yè)務(wù)可能使得已有功能體驗(yàn)跟不上業(yè)務(wù)要求（比如信息流產(chǎn)品發(fā)力視頻方向，可能會(huì)對(duì)下載視頻的體驗(yàn)帶來新要求）。通過分析新增業(yè)務(wù)涉及的場(chǎng)景和使用鏈路，發(fā)現(xiàn)鏈路中可能出現(xiàn)的新問題，是從戰(zhàn)略規(guī)劃出發(fā)確定選題的方法之一。
以 vivo 帳號(hào)業(yè)務(wù)為例，有個(gè)性化頭像昵稱的帳號(hào)一直以來占比都較少，由于之前社交場(chǎng)景較少，這種現(xiàn)狀對(duì)產(chǎn)品體驗(yàn)影響不大。但隨著公司在直播、視頻等內(nèi)容產(chǎn)品投入的增加，社交場(chǎng)景逐漸變多，頭像和昵稱也逐漸成為用戶社交的阻礙因素（比如使得主播與觀眾無法正常打招呼）。因此我們對(duì)現(xiàn)狀造成的問題進(jìn)行了系統(tǒng)摸排，確定了將“提升帳號(hào)用戶信息完整度”作為提案方向。
通過用戶滿意度分析收集選題
除幫助產(chǎn)品達(dá)成商業(yè)目標(biāo)和戰(zhàn)略規(guī)劃外，提升用戶滿意度也是體驗(yàn)設(shè)計(jì)的重要目標(biāo)?；诋a(chǎn)品用戶滿意度現(xiàn)狀和目標(biāo)分析，我們有望快速定位產(chǎn)品中的低滿意度模塊，確定提案方向和范圍。
方法 1 通過滿意度調(diào)研數(shù)據(jù)定位問題
選題前期可廣泛閱讀相關(guān)調(diào)研資料和用戶反饋，對(duì)產(chǎn)品的滿意度情況有較為全面的認(rèn)識(shí)。用戶滿意度可能來自于以下渠道：
由于不同渠道（甚至同一份報(bào)告）得到的滿意度數(shù)據(jù)可能較為分散，我們需要將低滿因素按功能模塊歸類，以便更好地定位問題。以 vivo 商城為例，通過閱讀商品詳頁(yè)用戶滿意度報(bào)告，并對(duì)低滿意度反饋進(jìn)行歸類，我們發(fā)現(xiàn)低滿因素主要集中于以下兩個(gè)方面：
△ 圖5 商品詳情頁(yè)評(píng)價(jià)數(shù)據(jù)歸類
明確了低滿模塊及問題歸因，便可從問題出發(fā)得出提案主題。通過對(duì) vivo 商城商詳頁(yè)問題的歸因，可確定如下提案主題：“商品詳情頁(yè)信息展示優(yōu)化設(shè)計(jì)提案”或“評(píng)論發(fā)表率提升設(shè)計(jì)提案”。
方法 2 通過用戶情緒曲線分析定位問題
即使沒有滿意度調(diào)研數(shù)據(jù)，或有整體滿意度數(shù)據(jù)但沒有具體到功能，我們?nèi)匀豢梢酝ㄟ^繪制用戶體驗(yàn)地圖、分析用戶情緒曲線，來定位滿意度低的模塊、確定選題方向。
繪制用戶體驗(yàn)地圖的方法和傳統(tǒng)過程的區(qū)別不大：首先明確產(chǎn)品中用戶的主要任務(wù)或目標(biāo)，列舉出用戶的主要行為路徑；然后基于用戶的目標(biāo)，考慮用戶在每個(gè)環(huán)節(jié)想要的是什么，分析當(dāng)前行為路徑中可能存在的用戶痛點(diǎn)或機(jī)會(huì)點(diǎn)。需要注意的是，由于只是收集提案選題，對(duì)場(chǎng)景和問題的分析不必過于深入，只需發(fā)現(xiàn)哪個(gè)任務(wù)或模塊體驗(yàn)問題較多即可。
比如通過對(duì) vivo 視頻用戶觀影行為的興趣曲線分析，我們發(fā)現(xiàn)看劇方面的體驗(yàn)問題不大，但找?。ㄓ绕涫强磩∏暗恼覄。┐嬖诘耐袋c(diǎn)較多，因此可將找劇行為優(yōu)化作為提案方向。
△ 圖6 追劇行為用戶體驗(yàn)地圖（已簡(jiǎn)化，僅供參考）
方法 3 通過產(chǎn)品功能競(jìng)品分析定位問題
如果說情緒曲線是通過分析用戶執(zhí)行任務(wù)的流程來發(fā)現(xiàn)問題，那么競(jìng)品分析則是通過分析產(chǎn)品所滿足的用戶需求來發(fā)現(xiàn)問題。雖然功能多并不能代表體驗(yàn)好，但基礎(chǔ)功能的缺失也可能帶來體驗(yàn)問題。因此從功能范圍的維度進(jìn)行競(jìng)品分析，定位基礎(chǔ)體驗(yàn)較差、或設(shè)計(jì)機(jī)會(huì)點(diǎn)較多的模塊，也是收集提案選題的方法之一。
為了讓我們?cè)谧龈?jìng)品分析時(shí)更加聚焦，對(duì)于復(fù)雜度較高的產(chǎn)品，我們有必要先按照功能模塊拆分，復(fù)雜度越高拆分粒度越細(xì)，反之則越粗。以 vivo 瀏覽器為例，若只拆分為搜索、信息流模塊則粒度太粗，可將某個(gè)模塊繼續(xù)拆分，以便進(jìn)行競(jìng)品對(duì)比時(shí)更加聚焦。
△ 圖7 瀏覽器信息流功能模塊拆分示例
拆分功能模塊后，接下來就是選擇競(jìng)品了。需要強(qiáng)調(diào)的是，針對(duì)某個(gè)模塊做競(jìng)品分析，競(jìng)品應(yīng)優(yōu)先選取該功能模塊做的相對(duì)成熟的、有特點(diǎn)的競(jìng)品，而不是只選擇主屬性相同的產(chǎn)品。比如要分析瀏覽器信息流評(píng)論功能與競(jìng)品的差距，選取的競(jìng)品可不局限于瀏覽器類產(chǎn)品，網(wǎng)易云音樂、今日頭條等 APP 都可作為對(duì)比對(duì)象。
選取競(jìng)品后，可從結(jié)構(gòu)層、框架層等方面對(duì)本品和競(jìng)品間的體驗(yàn)進(jìn)行對(duì)比，以便發(fā)現(xiàn)存在明顯體驗(yàn)短板的功能模塊。為了方便定位問題，可通過模塊子功能對(duì)照表對(duì)完整性進(jìn)行可視化對(duì)比。當(dāng)然也可以從操作反饋、美觀度等維度對(duì)比。
△ 圖8 信息流評(píng)論與主流競(jìng)品功能對(duì)比
找出功能缺失嚴(yán)重、或使用體驗(yàn)明顯低于競(jìng)品的模塊后，可考慮將優(yōu)化該模塊的體驗(yàn)作為選題。比如通過將瀏覽器信息流評(píng)論模塊與競(jìng)品對(duì)比后發(fā)現(xiàn)，其整體體驗(yàn)均遠(yuǎn)低于競(jìng)品，因此可考慮將“信息流評(píng)論優(yōu)化設(shè)計(jì)”作為提案選題方向。
小結(jié)
以上是 3 個(gè)以目標(biāo)為導(dǎo)向發(fā)現(xiàn)問題、收集提案方向的方法，可根據(jù)產(chǎn)品現(xiàn)狀選擇部分或全部使用。發(fā)現(xiàn)問題階段一般來說需要至少得到 3 個(gè)以上待選提案主題，以便進(jìn)一步評(píng)估確定。
得到多個(gè)備選主題后，接下來我們需要對(duì)其進(jìn)行綜合評(píng)估，并最終篩選確定一個(gè)（如果是多人參與，也可以確定多個(gè)）當(dāng)前階段重點(diǎn)著手解決的問題。
規(guī)范化選題描述
僅僅一行選題題目并不能幫助我們清晰地了解其價(jià)值和背景，為了方便評(píng)估和對(duì)比，我們需要將選題的描述規(guī)范化。由于設(shè)計(jì)提案選題和研究論文選題過程類似，因此可以借用《研究是一門藝術(shù)》②中給出的論文選題三段式模板：“我打算寫_，因?yàn)槲蚁隷，這樣就能_”來清楚定義選題的題目、要解決的問題、以及期望達(dá)成的目標(biāo)。比如，我們打算以提升商城評(píng)價(jià)發(fā)表率為提案方向，可將其規(guī)范化描述如下：
△ 圖9 提案選題描述模板
對(duì)選題的價(jià)值和預(yù)期結(jié)果進(jìn)行評(píng)估
通過模板我們描述了提案要解決什么問題、以及解決該問題給業(yè)務(wù)帶來的價(jià)值。接下來需要對(duì)備選選題按業(yè)務(wù)價(jià)值和提升空間兩個(gè)維度進(jìn)行評(píng)估，目的是排除“問題存在但價(jià)值較小”或“價(jià)值大但設(shè)計(jì)側(cè)難以解決”的選題。
當(dāng)備選選題難以決策時(shí)，我們也可以繪制一個(gè)簡(jiǎn)單的二維坐標(biāo)對(duì)其進(jìn)行量化評(píng)估。比如，假設(shè)選題 1 是優(yōu)化購(gòu)物車使用體驗(yàn)，選題 2 是提升商品搜索效率，如果前期預(yù)研發(fā)現(xiàn)設(shè)計(jì)側(cè)提升空間差異不大，但優(yōu)化搜索帶來的價(jià)值相對(duì)較高，那我們就可初步確定選題 2 為提案方向。
△ 圖10 提案選題評(píng)估維度
與設(shè)計(jì) leader 或產(chǎn)品經(jīng)理溝通確認(rèn)
受限于經(jīng)驗(yàn)和視野，設(shè)計(jì)師個(gè)人對(duì)選題價(jià)值的評(píng)估和設(shè)計(jì) leader、產(chǎn)品經(jīng)理間可能有所不同。因此正式敲定選題前，最好與設(shè)計(jì) leader 及產(chǎn)品經(jīng)理進(jìn)行同步，達(dá)成一致后方可正式開始提案的撰寫。
小結(jié)
該階段的目的是對(duì)前期發(fā)散得到的選題方向進(jìn)行評(píng)估篩選，以便將個(gè)人精力聚焦在提升空間大、價(jià)值大的選題上。為此我們首先需要按模板對(duì)選題方向進(jìn)行整理，再對(duì)選題按設(shè)計(jì)側(cè)提升空間、業(yè)務(wù)價(jià)值大小兩個(gè)維度進(jìn)行評(píng)估，最后與相關(guān)方溝通確認(rèn)，最終敲定選題方向。
文章來源：優(yōu)設(shè) 作者：VMIC UED.Vector
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com