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

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

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

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

拆解目標(biāo)

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

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

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

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

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

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

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

3. 用戶人群是哪些？

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

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

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

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

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

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

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

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

確定設(shè)計方法

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

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

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

設(shè)計方案過程

1. 不同場景梳理

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

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

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

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

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

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

2. 不同角色用戶

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

后續(xù)迭代

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

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

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