本文作者從工作實(shí)踐出發(fā)，結(jié)合案例分享了關(guān)于體系化設(shè)計(jì)流程相關(guān)的思考與建議，與大家分享。

大部分交互設(shè)計(jì)師接到需求后，就開始分析下競品、然后結(jié)合自己產(chǎn)品和自己的想法，就著手交互原型制作了，在這樣一個(gè)設(shè)計(jì)流程中，交互設(shè)計(jì)師很難有體系化的思考。

有沒有一套體系化的設(shè)計(jì)思路，讓交互設(shè)計(jì)師做出的方案又專業(yè)、又全面、又經(jīng)得起挑戰(zhàn)和用戶的檢驗(yàn)的設(shè)計(jì)方案呢？

本文是我梳理的一套體系化設(shè)計(jì)流程與思路，希望可以幫到大家。體系化設(shè)計(jì)思路大綱如下：

1. 拆解目標(biāo)
2. 確定設(shè)計(jì)方法
3. 設(shè)計(jì)方案過程
4. 方案細(xì)化和走查
5. 數(shù)據(jù)跟蹤
6. 后續(xù)迭代

01 拆解目標(biāo)

作為一個(gè)交互設(shè)計(jì)師。在我們接到需求之后，首先需要弄清楚的是產(chǎn)生需求的業(yè)務(wù)背景是什么。其次是基于業(yè)務(wù)背景了解產(chǎn)品的目標(biāo)是什么。最后弄清楚產(chǎn)品的用戶人群有哪些，用戶目標(biāo)是哪些。

交互設(shè)計(jì)師通過從產(chǎn)品經(jīng)理或者其他需求發(fā)起方那里了解需求生產(chǎn)的業(yè)務(wù)背景，了解為什么要做這個(gè)需求。在了解清楚之后，追溯需求最原始本質(zhì)。

在我們實(shí)際工作的大部分情況下，大部分產(chǎn)品經(jīng)理不會(huì)在需求文檔中將業(yè)務(wù)背景寫清晰，這時(shí)候我們交互設(shè)計(jì)師就可以將業(yè)務(wù)背景在交互文檔中輸出，并清晰的展示出來。

業(yè)務(wù)背景是什么？

業(yè)務(wù)背景通常是我們?yōu)槭裁匆鲞@個(gè)功能。通過做這個(gè)功能，對(duì)業(yè)務(wù)有什么幫助。通過業(yè)務(wù)背景，我們可以推演出業(yè)務(wù)訴求，并得到對(duì)應(yīng)的產(chǎn)品目標(biāo)。

產(chǎn)品目標(biāo)是什么？

產(chǎn)品目標(biāo)是產(chǎn)品能得到什么樣的結(jié)果，對(duì)產(chǎn)品來說可以獲得什么樣的好處。所以在交互文檔的設(shè)計(jì)中要重點(diǎn)體現(xiàn)出產(chǎn)品目標(biāo)。通過明確產(chǎn)品目標(biāo)，可以清晰的指導(dǎo)我們做交互方案。

用戶人群是哪些？

用戶人群主要是通過我們對(duì)現(xiàn)有產(chǎn)品的用戶畫像得到，并推算出使用這個(gè)需求的用戶人群是哪一類人，通過明確的用戶人群，這樣我們?cè)谧鲈O(shè)計(jì)過程中，可以很清晰知道這個(gè)需求為誰而做。

用戶目標(biāo)是什么？

用戶希望通過使用這個(gè)功能達(dá)到什么樣的好處或目的。

設(shè)計(jì)目標(biāo)是什么？

通過業(yè)務(wù)背景、用戶人群、用戶目標(biāo)和產(chǎn)品目標(biāo)拆解出對(duì)應(yīng)的設(shè)計(jì)目標(biāo)。

以登錄注冊(cè)為例。業(yè)務(wù)背景是目前產(chǎn)品的登錄和注冊(cè)的效果不理想。對(duì)應(yīng)的用戶人群分為兩類，分別為新用戶的注冊(cè)流程和老用戶的登錄流程。用戶目標(biāo)是方便快速的完成登錄注冊(cè)流程，越簡單越快越好。產(chǎn)品目標(biāo)是提升登錄注冊(cè)的完成率。

設(shè)計(jì)目標(biāo)是拆解，如何能提高登錄注冊(cè)的完成率。那么設(shè)計(jì)師可以拿到登錄注冊(cè)的完成流程，看看登錄注冊(cè)過程中，哪些步驟轉(zhuǎn)化率低，那么對(duì)轉(zhuǎn)化率低的地方進(jìn)行設(shè)計(jì)優(yōu)化。

目標(biāo)拆解就是對(duì)頁面進(jìn)行數(shù)據(jù)提升具體優(yōu)化方案，例如文案問題、視覺布局問題、交互路徑問題等。

02 確定設(shè)計(jì)方法

對(duì)于設(shè)計(jì)師來說設(shè)計(jì)方法有很多種。例如常見的有：目標(biāo)導(dǎo)向、數(shù)據(jù)分析、用戶調(diào)研、設(shè)計(jì)走查、場(chǎng)景化設(shè)計(jì)、用戶體驗(yàn)地圖、競品分析等。

在做設(shè)計(jì)方案過程中，一般不會(huì)將上述的方法全部用到，更多的是使用其中的一種或者幾種混合使用。

根據(jù)具體的需求選擇適合的方法。例如在做登錄注冊(cè)這個(gè)優(yōu)化流程方案過程中，可以通過數(shù)據(jù)分析找到轉(zhuǎn)化率低和設(shè)計(jì)走查思考如何提升數(shù)據(jù)，就可以完成設(shè)計(jì)目標(biāo)。

03 設(shè)計(jì)方案過程

1. 不同場(chǎng)景梳理

我們需要以場(chǎng)景的思維做場(chǎng)景分析，通過場(chǎng)景分析就可以清晰地描述這些場(chǎng)景，從而確定用戶的需求，并在這基礎(chǔ)上用交互方案滿足需求。

舉個(gè)栗子，產(chǎn)品提出一個(gè)需求：應(yīng)用添加“商品列表按照價(jià)格從低到高排序”的功能，這還是老思維，是在“定義我們的應(yīng)用”；

而如果從場(chǎng)景的角度來思考，用戶搜索某種商品，在列表頁會(huì)列出一長串商品，而用戶此時(shí)只想快速找到符合他的要求的那一個(gè)；而有些用戶在挑選的時(shí)候，會(huì)需要買價(jià)格便宜的，此時(shí)排序功能就是用戶的需求。

這樣從場(chǎng)景來理解，會(huì)更清楚地理解需求發(fā)生的環(huán)境，便于做出好設(shè)計(jì)。

比如，順著排序的場(chǎng)景，可以進(jìn)一步想：有這樣需求的用戶在我們的應(yīng)用里多嗎？如果多，那么意味著用戶經(jīng)常需要進(jìn)行排序的操作，所以在設(shè)計(jì)的時(shí)候，可以把排序的入口放的明顯一點(diǎn)，好操作一點(diǎn)，方便用戶輕松地進(jìn)行排序。

對(duì)于使用滴滴快車的用戶，整個(gè)流程包含三個(gè)階段，分別為上車前，坐車中和下車后。每個(gè)階段都存在多種用戶使用場(chǎng)景。

2. 不同角色用戶

有時(shí)候需要考慮不同角色的用戶，例如后臺(tái)系統(tǒng)，需要同時(shí)考慮普通用戶、管理員角色和超級(jí)管理員。

三個(gè)不同角色的使用權(quán)限也是完全不同的。權(quán)限：普通用戶 < 管理員角色<超級(jí)管理員。三種角色的主操作流程也是不一樣，在設(shè)計(jì)過程中需要差異化設(shè)計(jì)。

3. 設(shè)計(jì)不同流程

明確設(shè)計(jì)目標(biāo)、設(shè)計(jì)方法確定、弄清楚不同場(chǎng)景。接下來就是設(shè)計(jì)不同的流程。

一般先設(shè)計(jì)功能入口流程，接下來就是主流程和支線流程。最后才設(shè)計(jì)異常流程。

4. 方案細(xì)化和走查

在涉及到異常場(chǎng)景，且可以全局性復(fù)用的情況，則只需要全局性組件說明即可，不用每個(gè)流程都展示其異常場(chǎng)景組件或者頁面。

全局組件指的是整個(gè)產(chǎn)品通用的組件，例如全局?jǐn)嗑W(wǎng)，操作成功、操作失敗、加載、空數(shù)據(jù)界面，404等

全局?jǐn)嗑W(wǎng)：一般是在首頁使用tips提示。用戶在其他界面點(diǎn)擊操作時(shí)，也會(huì)出現(xiàn)toast反饋提示用戶。也有一些app在用戶進(jìn)入出現(xiàn)對(duì)話框提示用戶網(wǎng)絡(luò)異常。相對(duì)于對(duì)話框，使用tips對(duì)用戶的干擾更小。

操作成功：一般操作成功都是根據(jù)具體的使用場(chǎng)景對(duì)出對(duì)應(yīng)的提示。

操作失敗：異常情況導(dǎo)致操作失敗，這時(shí)需要統(tǒng)一的提示，通常使用toast，也有一些使用對(duì)話框強(qiáng)提示用戶。

加載：涉及到全局加載和局部加載，全局加載在設(shè)計(jì)中要統(tǒng)一說明，例如上一個(gè)界面點(diǎn)擊進(jìn)入下一個(gè)界面，使用的全局加載就需要說明。如果是一些小場(chǎng)景的加載，那么需要特殊說明。例如上拉加載，下拉加載，局部小區(qū)域加載等。

空數(shù)據(jù)類型一共有三類：

1. 初始狀態(tài)的定義：初始化狀態(tài)，沒有任何內(nèi)容，需要用戶進(jìn)行某種操作才能產(chǎn)生內(nèi)容的界面。
2. 清空狀態(tài)的定義：通過刪除或其他用戶操作，清空當(dāng)前的頁面內(nèi)容，產(chǎn)生了空界面，這時(shí)候需要有明確的提示，且告知用戶該如何處理。
3. 出錯(cuò)狀態(tài)的定義：由于網(wǎng)絡(luò)、服務(wù)器或者沒有找他其他結(jié)果等原因?qū)е聼o法加載內(nèi)容，產(chǎn)生了空界面，這時(shí)候需要有明確的提示，且告知用戶該如何處理。用戶操作反饋的無結(jié)果界面也可以用這樣的思路來設(shè)計(jì)。

05 數(shù)據(jù)跟蹤

通過核心指標(biāo)判斷設(shè)計(jì)方案是否符合預(yù)期，以此驗(yàn)證設(shè)計(jì)方案是否成功，并為后續(xù)產(chǎn)品的迭代優(yōu)化做依據(jù)。

1. 關(guān)注設(shè)計(jì)的核心指標(biāo)

設(shè)計(jì)過程中，要關(guān)注設(shè)計(jì)的核心指標(biāo)，針對(duì)于核心指標(biāo)，進(jìn)行針對(duì)性的設(shè)計(jì)。

如果改版的最重要（核心）的指標(biāo)是任務(wù)流程完成率，先查看用戶操作流失率，然后分析找出流失原因，給出對(duì)應(yīng)的優(yōu)化方案。等到優(yōu)化方案的產(chǎn)品版本上線后，對(duì)比完成率數(shù)據(jù)變化。

如果改版的最重要（核心）指標(biāo)是人均觀看次數(shù)，則要思考可通過哪些設(shè)計(jì)策略可提升產(chǎn)品的人均播放次數(shù)。

舉個(gè)例子，新浪微博，以前版本用戶看完視頻后，視頻會(huì)有重播按鈕和推薦視頻，用戶只有進(jìn)行下一步點(diǎn)擊才能播放下一個(gè)視頻。

改版后看完視頻會(huì)自動(dòng)切換到下一個(gè)視頻。這樣的設(shè)計(jì)策略雖然綁架了用戶的行為，用戶從一個(gè)主動(dòng)接受者，變成了一個(gè)被動(dòng)接受者，但是這種策略能有效的提升人均播放次數(shù)。

2. 核心指標(biāo)帶來的價(jià)值/收益

當(dāng)驗(yàn)證了核心指標(biāo)往好的方向發(fā)展，這時(shí)候，就需要總結(jié)核心指標(biāo)帶來的價(jià)值和收益，這樣的話設(shè)計(jì)價(jià)值才可以直接被量化。

舉個(gè)例子：一個(gè)banner的點(diǎn)擊率達(dá)到3%的時(shí)候，每天GMV約200萬，當(dāng)重新設(shè)計(jì)了這個(gè)banner，同時(shí)其他條件保持不變，點(diǎn)擊率提升到了6%，這時(shí)候通過數(shù)據(jù)查看每天的GMV是多少，如果達(dá)到了400萬，那么這增加的200萬的GMV則是通過設(shè)計(jì)優(yōu)化所帶來的。

06 后續(xù)迭代

設(shè)計(jì)師在交付稿件后，容易松懈，以為項(xiàng)目告一段落，就疏于后續(xù)的跟進(jìn)工作。其實(shí)后續(xù)的跟進(jìn)也很重要。產(chǎn)品測(cè)試版上線后，交互設(shè)計(jì)師應(yīng)該跟進(jìn)后續(xù)的走查和設(shè)計(jì)問題的反饋。

通過數(shù)據(jù)分析，確定上線的方案有哪些問題需要優(yōu)化，建立需求池方便后續(xù)跟進(jìn)優(yōu)化，不斷完善產(chǎn)品設(shè)計(jì)。

后記

以上設(shè)計(jì)的流程和思路不僅僅適用于交互設(shè)計(jì)師，ui設(shè)計(jì)師也可以使用，只是在具體的設(shè)計(jì)方法中，需要更多的使用ui層面的設(shè)計(jì)方法。

希望以上的簡單思路可以給你啟發(fā)，將文章思路進(jìn)行擴(kuò)展深化發(fā)揚(yáng)光大，變成屬于自己的設(shè)計(jì)方法論。

#專欄作家#

UX，微信公眾號(hào)：Echo的設(shè)計(jì)筆記，人人都是產(chǎn)品經(jīng)理專欄作家。前美團(tuán)點(diǎn)評(píng)高級(jí)交互設(shè)計(jì)師。

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

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