產(chǎn)品設計體系思考（體系化設計流程與思路）

產(chǎn)品設計體系(╯‵□′)╯思考（體系化設計流程與思路）

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

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

有沒(méi)有一套體系化的計流設計思路??，讓交互設計師做出的產(chǎn)品程思方案又專(zhuān)業(yè)、又全面、設計思考又經(jīng)得起挑戰和用戶(hù)的體系體系檢驗的設計方案呢？

本文是我梳理的一套體系化(hua)設計流程與思路，希望可以(yi)幫到大家?；O體系化設計思路大綱如下：

01 拆解目標

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

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

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

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

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

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

用戶(hù)人群是哪些？

用戶(hù)人群主要是通過(guò)我們對現有產(chǎn)品的用戶(hù)畫(huà)像得到，并推算出使用這個(gè)(°ロ°) !需求的用戶(hù)人群是哪一類(lèi)人，通過(guò)明確的用戶(hù)人群，這樣我們在做ヾ(′▽?zhuān)??設計過(guò)程中，可以很清晰知道這個(gè)需求為誰(shuí)而做。

用戶(hù)目標是什么？

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

設計目標是什么？

通過(guò)業(yè)務(wù)背景、用戶(hù)人群、用戶(hù)目標和產(chǎn)品目標拆解出對應的(╯‵□′)╯設計目標。

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

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

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

02 確定設計方法

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

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

03 設計方案過(guò)程

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

我們需要以場(chǎng)景的思維做場(chǎng)景分析，通過(guò)場(chǎng)景分析就可以清晰地描述這些場(chǎng)景，從而確定用戶(hù)ヽ(′ー｀)ノ的需求，并在這基礎??上用(′?ω?`)交互方案滿(mǎn)足需求。

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

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

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

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

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

2. 不同角色用戶(hù)

有時(shí)候需要考慮不同角色ヽ(′▽?zhuān)?ノ的用(yong)戶(hù)，例如后臺系統，需要同時(shí)考慮普通用戶(hù)、管理員角色和超級管理員。

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

3. 設計不同流程

明確(′-ι_-｀)設計目標、設計(′?｀*)方法確定、弄清楚不同場(chǎng)景。接下來(lái)就是設計不同的流程。

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

4. 方案細化和走查

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

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

全局斷網(wǎng)：一般是在首頁(yè)使用tips提示。用戶(hù)在其他界面點(diǎn)(dian)擊操作時(shí)，也會(huì )出現toast反饋提示用戶(hù)。也有一些app在用戶(hù)進(jìn)入出現對話(huà)框提??示用戶(hù)網(wǎng)絡(luò )異常。相對于對話(huà)框，使用tip??s對┐(′д｀)┌用戶(hù)的干擾更小。

操??作成功：一般操作成功都是根據具體(ti)的使用場(chǎng)景對出對應的提示。

操作失?。寒惓Ｇ闆r導致操作失敗，這時(shí)需要??(yao)統一的提示，通常使用toast，也有一些使用對話(huà)框強提示用戶(hù)。

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

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

05 數據跟蹤

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

1. 關(guān)注設計的核心指標??

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

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

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

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

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

2. 核心指標帶來(lái)的價(jià)值/收益

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

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

06 后續迭代

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

通過(guò)數據分析，確定上線(xiàn)的方案有哪些問(wèn)題需要優(yōu)化，建立需??求池方便(′▽?zhuān)?后續跟進(jìn)優(yōu)化，不斷完ˉ\_(ツ)_/ˉ善產(chǎn)品設計。

后記

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

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