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

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

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

• 拆解目標(biāo)
• 確定設(shè)計(jì)方法
• 設(shè)計(jì)方案過(guò)程
• 方案細(xì)化和走查
• 數(shù)據(jù)跟蹤
• 后續(xù)迭代

拆解目標(biāo)

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

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

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

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

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

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

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

3. 用戶人群是哪些？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

這樣從場(chǎng)景來(lái)理解，會(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ì)于使用滴滴快車(chē)的用戶，整個(gè)流程包含三個(gè)階段，分別為上車(chē)前，坐車(chē)中和下車(chē)后。每個(gè)階段都存在多種用戶使用場(chǎng)景。

2. 不同角色用戶

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

通過(guò)核心指標(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ò)程中，要關(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ù)，則要思考可通過(guò)哪些設(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)帶來(lái)的價(jià)值/收益

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

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

后續(xù)迭代

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

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

文章來(lái)源：優(yōu)設(shè)