打算整理一遍完整的UED設(shè)計(jì)流程，從而讓產(chǎn)品設(shè)計(jì)，從單點(diǎn)的體驗(yàn)設(shè)計(jì)，轉(zhuǎn)向全流程的服務(wù)設(shè)計(jì)。具體可以從下面10個環(huán)節(jié)來分析。
一、分析業(yè)務(wù)流程和場景問題
在講故事的過程中，描述線下業(yè)務(wù)流程，說明用戶碰到的場景問題。根據(jù)這些問題，規(guī)劃功能，定義產(chǎn)品目標(biāo)。
例如：支付寶誕生的場景分析：在一手交錢一手交貨的年代，C端用戶擔(dān)心付錢了，收不到貨；B端商戶擔(dān)心商品發(fā)貨出去了，收不到錢。這時候急需解決的問題就是C端用戶和B端用戶的交易信任問題。
二、明確產(chǎn)品目標(biāo)
優(yōu)先明確產(chǎn)品的目標(biāo)，是為了解決什么問 題�；ヂ�(lián)網(wǎng)產(chǎn)品迭代，大部分是因?yàn)橛辛诵碌男枨�，才去迭代�?br />
例如：支付寶的設(shè)計(jì)最初目標(biāo)是為了服務(wù)淘寶網(wǎng)的線上支付，實(shí)現(xiàn)商戶和用戶之間的資金中轉(zhuǎn)站的作用。
三、分析產(chǎn)品功能
分析需要哪些功能，去實(shí)現(xiàn)產(chǎn)品設(shè)計(jì)的目標(biāo)。
例如：支付寶為了實(shí)現(xiàn)線上支付的目標(biāo)，需要具備的功能有：C端用戶需要把錢從銀行卡轉(zhuǎn)入支付寶個人賬戶。C端用戶在線上購物時把錢轉(zhuǎn)到支付寶，支付寶在C端用戶確認(rèn)收貨的時候把錢轉(zhuǎn)入B端商家，在C端用戶申請退貨的時候，支付寶把錢退回C端用戶。B端商戶需要把錢從支付寶賬戶提現(xiàn)。這些是基礎(chǔ)功能，還有其它的一系列功能。
四、整理產(chǎn)品信息
明確信息的分類方式，把信息歸類。
例如：美團(tuán)網(wǎng)需要對商家進(jìn)行分類：
◆一級分類是：美食，電影，酒店，休閑娛樂等等。
◆二級分類是：商家列表頁，包括商家圖片，商家名稱，商家星級，商家主營業(yè)務(wù)，商家位置，商家的優(yōu)惠信息等。
◆三級分類是：商家的商品列表，套餐列表。
◆四級分類是：支付頁面的支付信息，分成消費(fèi)總額，優(yōu)惠券／代金券／折扣券／，實(shí)付金額，支付方式
五、分析界面流程
用戶操作界面的流程，需要和用戶線下真實(shí)流程相匹配，這樣可以在線上模仿線下的流程，從而降低了用戶的認(rèn)知成本。
例如：電商的線下交易流程是：用戶在家樂福等百貨商場里找商品，然后放入購物車，接著到收銀臺結(jié)賬付款。對應(yīng)到線上的流程就是：在天貓等電商首頁展示商品，而不是店鋪。在商品詳情頁，把商品放入購物車，再去結(jié)賬付款。
六、線框圖交互設(shè)計(jì)
交互設(shè)計(jì)包括信息圖文的布局，頁面的按鈕和導(dǎo)航的位置。
例如：閱讀類的APP軟件的界面設(shè)計(jì)，在3G時代，圖文布局一般是左圖右文或右圖左文，圖片占頁面比例較��；在4G時代，圖文布局一般是橫向鋪滿APP界面，圖片占頁面比例很大。
優(yōu)秀交互設(shè)計(jì)的標(biāo)準(zhǔn)：開發(fā)實(shí)現(xiàn)越容易，用戶操作越簡單，信息架構(gòu)越清晰，頁面打開越流暢的交互設(shè)計(jì)，就是好設(shè)計(jì)。
七、界面視覺設(shè)計(jì)
優(yōu)秀界面視覺設(shè)計(jì)的標(biāo)準(zhǔn)：產(chǎn)品上線之后的視覺效果，是否要比界面原先的設(shè)計(jì)效果更好看。大部分產(chǎn)品的界面設(shè)計(jì)，都是界面效果圖很好看，真正上線之后，就存在種種問題。
例如：布局太滿導(dǎo)致視覺疲勞，顏色太多導(dǎo)致視線分散，信息分類不清晰導(dǎo)致難以理解，文字太小導(dǎo)致難以辨認(rèn)，效果太炫導(dǎo)致實(shí)現(xiàn)起來難度很大，等等。
八、跟進(jìn)開發(fā)過程
開發(fā)的過程中，會發(fā)現(xiàn)有些頁面的邏輯考慮不周，需要重新設(shè)計(jì)頁面。
例如：賬單頁面的設(shè)計(jì)，需要考慮的邊界問題有：商家APP優(yōu)惠信息的展示，第三方支付APP的優(yōu)惠信息展示，B端商戶APP的賬單展示，C端用戶APP的賬單展示，第三方支付APP的賬單展示，C端APP退款時的賬單展示等等。
九、測試優(yōu)化
◆測試帳號：給指定人員分配測試帳號和密碼。后臺系統(tǒng)的產(chǎn)品測試：通常開發(fā)都會設(shè)置有測試帳號。
◆集成環(huán)境：在測試的環(huán)境中，資金交易的金額，都是虛擬的數(shù)字，不會真正的從銀行卡扣款。
◆灰度測試：用1%的流量，做小范圍的灰度測試。這個方法適大公司，用戶群龐大的產(chǎn)品，可以采取灰度測試，來收集用戶反饋，再次版本迭代。
◆白名單測試：app首頁banner，可以給白名單用戶，推送指定的banner，從這個banner可以進(jìn)入新產(chǎn)品的測試流程。
十、推向市場，小范圍測試，快速迭代
◆收集用戶的使用場景，以及用戶使用過程中暴露的問題，整合成新的需求列表，排定優(yōu)先級。進(jìn)入下一輪的版本迭代。
◆事先選擇埋點(diǎn)，統(tǒng)計(jì)每一步的流量轉(zhuǎn)化情況。一般在支付頁面，流量轉(zhuǎn)化率都不高。這時候把發(fā)現(xiàn)的問題，需要整合成新的需求列表，排定優(yōu)先級，進(jìn)入下一輪的版本迭代。
上面的10個環(huán)節(jié)，解釋了完整的UED流程，從而讓產(chǎn)品設(shè)計(jì)的關(guān)注點(diǎn)，從單點(diǎn)的體驗(yàn)設(shè)計(jì)→轉(zhuǎn)向全流程的服務(wù)設(shè)計(jì)。
|
