2019-11-12 資深UI設(shè)計(jì)者
大部分交互設(shè)計(jì)師接到需求后，就開(kāi)始分析下競(jìng)品、然后結(jié)合自己產(chǎn)品和自己的想法，就著手交互原型制作了，在這樣一個(gè)設(shè)計(jì)流程中，交互設(shè)計(jì)師很難有體系化的思考。
有沒(méi)有一套體系化的設(shè)計(jì)思路，讓交互設(shè)計(jì)師做出的方案又專(zhuān)業(yè)、又全面、又經(jīng)得起挑戰(zhàn)和用戶(hù)檢驗(yàn)的設(shè)計(jì)方案呢？
本文是我梳理的一套體系化設(shè)計(jì)流程與思路，希望可以幫到大家。體系化設(shè)計(jì)思路大綱如下：
作為一個(gè)交互設(shè)計(jì)師。在我們接到需求之后，首先需要弄清楚的是產(chǎn)生需求的業(yè)務(wù)背景是什么。其次是基于業(yè)務(wù)背景了解產(chǎn)品的目標(biāo)是什么。最后弄清楚產(chǎn)品的用戶(hù)人群有哪些，用戶(hù)目標(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. 用戶(hù)人群是哪些？
用戶(hù)人群主要是通過(guò)我們對(duì)現(xiàn)有產(chǎn)品的用戶(hù)畫(huà)像得到，并推算出使用這個(gè)需求的用戶(hù)人群是哪一類(lèi)人，通過(guò)明確的用戶(hù)人群，這樣我們?cè)谧鲈O(shè)計(jì)過(guò)程中，可以很清晰知道這個(gè)需求為誰(shuí)而做。
4. 用戶(hù)目標(biāo)是什么？
用戶(hù)希望通過(guò)使用這個(gè)功能達(dá)到什么樣的好處或目的。
5. 設(shè)計(jì)目標(biāo)是什么？
通過(guò)業(yè)務(wù)背景、用戶(hù)人群、用戶(hù)目標(biāo)和產(chǎn)品目標(biāo)拆解出對(duì)應(yīng)的設(shè)計(jì)目標(biāo)。
以登錄注冊(cè)為例。業(yè)務(wù)背景是目前產(chǎn)品的登錄和注冊(cè)的效果不理想。對(duì)應(yīng)的用戶(hù)人群分為兩類(lèi)，分別為新用戶(hù)的注冊(cè)流程和老用戶(hù)的登錄流程。用戶(hù)目標(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)題等。
對(duì)于設(shè)計(jì)師來(lái)說(shuō)設(shè)計(jì)方法有很多種。例如常見(jiàn)的有：目標(biāo)導(dǎo)向、數(shù)據(jù)分析、用戶(hù)調(diào)研、設(shè)計(jì)走查、場(chǎng)景化設(shè)計(jì)、用戶(hù)體驗(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)。
1. 不同場(chǎng)景梳理
我們需要以場(chǎng)景的思維做場(chǎng)景分析，通過(guò)場(chǎng)景分析就可以清晰地描述這些場(chǎng)景，從而確定用戶(hù)的需求，并在這基礎(chǔ)上用交互方案滿(mǎn)足需求。
舉個(gè)栗子，產(chǎn)品提出一個(gè)需求：應(yīng)用添加「商品列表按照價(jià)格從低到高排序」的功能，這還是老思維，是在「定義我們的應(yīng)用」；
而如果從場(chǎng)景的角度來(lái)思考，用戶(hù)搜索某種商品，在列表頁(yè)會(huì)列出一長(zhǎng)串商品，而用戶(hù)此時(shí)只想快速找到符合他的要求的那一個(gè)；而有些用戶(hù)在挑選的時(shí)候，會(huì)需要買(mǎi)價(jià)格便宜的，此時(shí)排序功能就是用戶(hù)的需求。
這樣從場(chǎng)景來(lái)理解，會(huì)更清楚地理解需求發(fā)生的環(huán)境，便于做出好設(shè)計(jì)。
比如，順著排序的場(chǎng)景，可以進(jìn)一步想：有這樣需求的用戶(hù)在我們的應(yīng)用里多嗎？如果多，那么意味著用戶(hù)經(jīng)常需要進(jìn)行排序的操作，所以在設(shè)計(jì)的時(shí)候，可以把排序的入口放的明顯一點(diǎn)，好操作一點(diǎn)，方便用戶(hù)輕松地進(jìn)行排序。
對(duì)于使用滴滴快車(chē)的用戶(hù)，整個(gè)流程包含三個(gè)階段，分別為上車(chē)前，坐車(chē)中和下車(chē)后。每個(gè)階段都存在多種用戶(hù)使用場(chǎng)景。
2. 不同角色用戶(hù)
有時(shí)候需要考慮不同角色的用戶(hù)，例如后臺(tái)系統(tǒng)，需要同時(shí)考慮普通用戶(hù)、管理員角色和超級(jí)管理員。
三個(gè)不同角色的使用權(quán)限也是完全不同的。權(quán)限：普通用戶(hù) < 管理員角色 <超級(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 提示。用戶(hù)在其他界面點(diǎn)擊操作時(shí)，也會(huì)出現(xiàn) toast 反饋提示用戶(hù)。也有一些 app 在用戶(hù)進(jìn)入后出現(xiàn)對(duì)話(huà)框提示用戶(hù)網(wǎng)絡(luò)異常。相對(duì)于對(duì)話(huà)框，使用 tips 對(duì)用戶(hù)的干擾度更小。
操作成功：一般操作成功都是根據(jù)具體的使用場(chǎng)景出現(xiàn)對(duì)應(yīng)的提示。
操作失?。寒惓Ｇ闆r導(dǎo)致操作失敗，這時(shí)需要統(tǒng)一的提示，通常使用 toast，也有一些使用對(duì)話(huà)框強(qiáng)提示用戶(hù)。
加載：涉及到全局加載和局部加載，全局加載在設(shè)計(jì)中要統(tǒng)一說(shuō)明，例如上一個(gè)界面點(diǎn)擊進(jìn)入下一個(gè)界面，使用的全局加載就需要說(shuō)明。如果是一些小場(chǎng)景的加載，那么需要特殊說(shuō)明。例如上拉加載，下拉加載，局部小區(qū)域加載等。
空數(shù)據(jù)類(lèi)型一共有三類(lèi)：
通過(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ù)流程完成率，先查看用戶(hù)操作流失率，然后分析找出流失原因，給出對(duì)應(yīng)的優(yōu)化方案。等到優(yōu)化方案的產(chǎn)品版本上線后，對(duì)比完成率數(shù)據(jù)變化。
如果改版的最重要（核心）指標(biāo)是人均觀看次數(shù)，則要思考可通過(guò)哪些設(shè)計(jì)策略可提升產(chǎn)品的人均播放次數(shù)。
舉個(gè)例子，新浪微博，以前版本用戶(hù)看完視頻后，視頻會(huì)有重播按鈕和推薦視頻，用戶(hù)只有進(jìn)行下一步點(diǎn)擊才能播放下一個(gè)視頻。
改版后看完視頻會(huì)自動(dòng)切換到下一個(gè)視頻。這樣的設(shè)計(jì)策略雖然綁架了用戶(hù)的行為，用戶(hù)從一個(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à)值和收益，這樣的話(huà)設(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)的。
設(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è)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.wnxcall.com