一套完整的UED設(shè)計(jì)流程，可以讓產(chǎn)品設(shè)計(jì)的關(guān)注點(diǎn)，從單點(diǎn)的體驗(yàn)設(shè)計(jì)→轉(zhuǎn)向全流程的服務(wù)設(shè)計(jì)。

一套完整的UED流程，可以從下面10個(gè)環(huán)節(jié)來(lái)分析。

1、分析業(yè)務(wù)流程和場(chǎng)景問(wèn)題

在講故事的過(guò)程中，描述線下業(yè)務(wù)流程，說(shuō)明用戶碰到的場(chǎng)景問(wèn)題。根據(jù)這些問(wèn)題，規(guī)劃功能，定義產(chǎn)品目標(biāo)。

比如：支付寶誕生的場(chǎng)景分析：在一手交錢一手交貨的年代，C 端用戶擔(dān)心付錢了，收不到貨；B端商戶擔(dān)心商品發(fā)貨出去了，收不到錢。這時(shí)候急需解決的問(wèn)題就是：C端用戶和B端用戶的交易信任問(wèn)題。

2、明確產(chǎn)品目標(biāo)

優(yōu)先明確產(chǎn)品的目標(biāo)，是為了解決什么問(wèn) 題。互聯(lián)網(wǎng)產(chǎn)品迭代，大部分是因?yàn)橛辛诵碌男枨?，才去迭代?/p>

比如：支付寶的設(shè)計(jì)最初目標(biāo)是為了服務(wù)淘寶網(wǎng)的線上支付，實(shí)現(xiàn)商戶和用戶之間的資金中轉(zhuǎn)站的作用。

3、分析產(chǎn)品功能

分析需要哪些功能，去實(shí)現(xiàn)產(chǎn)品設(shè)計(jì)的目標(biāo)。

比如：支付寶為了實(shí)現(xiàn)線上支付的目標(biāo)，需要具備的功能有：C 端用戶需要把錢從銀行卡轉(zhuǎn)入支付寶個(gè)人賬戶。C 端用戶在線上購(gòu)物時(shí)把錢轉(zhuǎn)到支付寶，支付寶在C 端用戶確認(rèn)收貨的時(shí)候把錢轉(zhuǎn)入B 端商家，在C 端用戶申請(qǐng)退貨的時(shí)候，支付寶把錢退回C 端用戶。B端商戶需要把錢從支付寶賬戶提現(xiàn)。這些是基礎(chǔ)功能，還有其它的一系列功能。

4、整理產(chǎn)品信息

明確信息的分類方式，把信息歸類。

比如：美團(tuán)網(wǎng)需要對(duì)商家進(jìn)行分類：

• 一級(jí)分類是：美食，電影，酒店，休閑娛樂(lè)等等。
• 二級(jí)分類是：商家列表頁(yè)，包括商家圖片，商家名稱，商家星級(jí)，商家主營(yíng)業(yè)務(wù)，商家位置，商家的優(yōu)惠信息等。
• 三級(jí)分類是：商家的商品列表，套餐列表。
• 四級(jí)分類是：支付頁(yè)面的支付信息，分成消費(fèi)總額，優(yōu)惠券／代金券／折扣券／，實(shí)付金額，支付方式

5、分析界面流程

用戶操作界面的流程，需要和用戶線下真實(shí)流程相匹配，這樣可以在線上模仿線下的流程，從而降低了用戶的認(rèn)知成本。

比如：電商的線下交易流程是：用戶在家樂(lè)福等百貨商場(chǎng)里找商品，然后放入購(gòu)物車，接著到收銀臺(tái)結(jié)賬付款。對(duì)應(yīng)到線上的流程就是：在天貓等電商首頁(yè)展示商品，而不是店鋪。在商品詳情頁(yè)，把商品放入購(gòu)物車，再去結(jié)賬付款。

6、線框圖的交互設(shè)計(jì)

交互設(shè)計(jì)包括信息圖文的布局，頁(yè)面的按鈕和導(dǎo)航的位置。

比如：閱讀類的APP軟件的界面設(shè)計(jì)，在3G時(shí)代，圖文布局一般是左圖右文或右圖左文，圖片占頁(yè)面比例較小；在4G時(shí)代，圖文布局一般是橫向鋪滿APP界面，圖片占頁(yè)面比例很大。

優(yōu)秀交互設(shè)計(jì)的標(biāo)準(zhǔn)：開(kāi)發(fā)實(shí)現(xiàn)越容易，用戶操作越簡(jiǎn)單，信息架構(gòu)越清晰，頁(yè)面打開(kāi)越流暢的交互設(shè)計(jì)，就是好設(shè)計(jì)。

7、界面的視覺(jué)設(shè)計(jì)

優(yōu)秀界面視覺(jué)設(shè)計(jì)的標(biāo)準(zhǔn)：產(chǎn)品上線之后的視覺(jué)效果，是否要比界面原先的設(shè)計(jì)效果更好看。大部分產(chǎn)品的界面設(shè)計(jì)，都是界面效果圖很好看，真正上線之后，就存在種種問(wèn)題。

比如：布局太滿導(dǎo)致視覺(jué)疲勞，顏色太多導(dǎo)致視線分散，信息分類不清晰導(dǎo)致難以理解，文字太小導(dǎo)致難以辨認(rèn)，效果太炫導(dǎo)致實(shí)現(xiàn)起來(lái)難度很大，等等。

8、跟進(jìn)開(kāi)發(fā)過(guò)程

開(kāi)發(fā)的過(guò)程中，會(huì)發(fā)現(xiàn)有些頁(yè)面的邏輯考慮不周，需要重新設(shè)計(jì)頁(yè)面。

比如：賬單頁(yè)面的設(shè)計(jì)，需要考慮的邊界問(wèn)題有：商家優(yōu)惠信息的展示，第三方支付的優(yōu)惠信息展示，B端商戶的賬單展示，C端商戶的賬單展示，第三方支付的賬單展示，退款時(shí)的賬單展示等等。

9、測(cè)試優(yōu)化

• 測(cè)試帳號(hào)：給指定人員分配測(cè)試帳號(hào)和密碼。后臺(tái)系統(tǒng)的產(chǎn)品測(cè)試：通常開(kāi)發(fā)都會(huì)設(shè)置有測(cè)試帳號(hào)。
• 集成環(huán)境：在測(cè)試的環(huán)境中，資金交易的金額，都是虛擬的數(shù)字，不會(huì)真正的從銀行卡扣款。
• 灰度測(cè)試：用1%的流量，做小范圍的灰度測(cè)試。這個(gè)方法適大公司，用戶群龐大的產(chǎn)品，可以采取灰度測(cè)試，來(lái)收集用戶反饋，再次版本迭代。
• 白名單測(cè)試：app首頁(yè)banner，可以給白名單用戶，推送指定的banner，從這個(gè)banner可以進(jìn)入新產(chǎn)品的測(cè)試流程。
• 功能流程的測(cè)試：測(cè)試工程師，負(fù)責(zé)測(cè)試功能和流程，流程是否能走得通，是否滿足所有邏輯上的邊界情況。
• UED測(cè)試：UED設(shè)計(jì)師，負(fù)責(zé)測(cè)試界面的體驗(yàn)還原度，以及對(duì)交互稿和視覺(jué)稿的微小調(diào)整等收尾工作。
• UAT測(cè)試：尋找公司同事，或真實(shí)用戶，觀察用戶使用產(chǎn)品時(shí)的表情，收集用戶反饋的疑問(wèn)。這些需要項(xiàng)目經(jīng)理，在測(cè)試階段，適當(dāng)分配設(shè)計(jì)資源和研發(fā)資源，從而進(jìn)一步提升產(chǎn)品的用戶體驗(yàn)。

10、推向市場(chǎng)，小范圍測(cè)試，快速迭代。

• 收集用戶的使用場(chǎng)景，以及用戶使用過(guò)程中暴露的問(wèn)題，整合成新的需求列表，排定優(yōu)先級(jí)。進(jìn)入下一輪的版本迭代。
• 收集界面流程上，統(tǒng)計(jì)每一步的流量轉(zhuǎn)化情況。一般在支付頁(yè)面，流量轉(zhuǎn)化率都不高。這時(shí)候把發(fā)現(xiàn)的問(wèn)題，需要整合成新的需求列表，排定優(yōu)先級(jí)，進(jìn)入下一輪的版本迭代。

上面的10個(gè)環(huán)節(jié)，描繪了一套完整的UED流程，從而讓產(chǎn)品設(shè)計(jì)的關(guān)注點(diǎn)，從單點(diǎn)的體驗(yàn)設(shè)計(jì)→轉(zhuǎn)向全流程的服務(wù)設(shè)計(jì)。

#專欄作家#

張?jiān)棋X，公眾號(hào)：泡一杯茶，人人都是產(chǎn)品經(jīng)理專欄作家，百度簽約作者，Ui中國(guó)認(rèn)證設(shè)計(jì)師；喜歡分析不同崗位的思維方式和溝通思路，偶爾網(wǎng)上冒泡，寫(xiě)篇文章。

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