打算整理一遍完整的UED設計流程，從而讓產品設計，從單點的體驗設計，轉向全流程的服務設計。具體可以從下面10個環節來分析。

打算整理一遍完整的UED設計流程，從而讓產品設計，從單點的體驗設計，轉向全流程的服務設計。具體可以從下面10個環節來分析。

一、分析業務流程和場景問題

在講故事的過程中，描述線下業務流程，說明用戶碰到的場景問題。根據這些問題，規劃功能，定義產品目標。

?例如：支付寶誕生的場景分析：在一手交錢一手交貨的年代，C端用戶擔心付錢了，收不到貨；B端商戶擔心商品發貨出去了，收不到錢。這時候急需解決的問題就是C端用戶和B端用戶的交易信任問題。

二、明確產品目標

優先明確產品的目標，是為了解決什么問 題?；ヂ摼W產品迭代，大部分是因為有了新的需求，才去迭代。

? 例如：支付寶的設計最初目標是為了服務淘寶網的線上支付，實現商戶和用戶之間的資金中轉站的作用。

三、分析產品功能

分析需要哪些功能，去實現產品設計的目標。

? 例如：支付寶為了實現線上支付的目標，需要具備的功能有：C端用戶需要把錢從銀行卡轉入支付寶個人賬戶。C端用戶在線上購物時把錢轉到支付寶，支付寶在C端用戶確認收貨的時候把錢轉入B端商家，在C端用戶申請退貨的時候，支付寶把錢退回C端用戶。B端商戶需要把錢從支付寶賬戶提現。這些是基礎功能，還有其它的一系列功能。

四、整理產品信息

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

?例如：美團網需要對商家進行分類：

◆一級分類是：美食，電影，酒店，休閑娛樂等等。

◆二級分類是：商家列表頁，包括商家圖片，商家名稱，商家星級，商家主營業務，商家位置，商家的優惠信息等。

◆三級分類是：商家的商品列表，套餐列表。

◆四級分類是：支付頁面的支付信息，分成消費總額，優惠券／代金券／折扣券／，實付金額，支付方式

五、分析界面流程

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

?例如：電商的線下交易流程是：用戶在家樂福等百貨商場里找商品，然后放入購物車，接著到收銀臺結賬付款。對應到線上的流程就是：在天貓等電商首頁展示商品，而不是店鋪。在商品詳情頁，把商品放入購物車，再去結賬付款。

六、線框圖交互設計

交互設計包括信息圖文的布局，頁面的按鈕和導航的位置。

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

優秀交互設計的標準：開發實現越容易，用戶操作越簡單，信息架構越清晰，頁面打開越流暢的交互設計，就是好設計。

七、界面視覺設計

優秀界面視覺設計的標準：產品上線之后的視覺效果，是否要比界面原先的設計效果更好看。大部分產品的界面設計，都是界面效果圖很好看，真正上線之后，就存在種種問題。

?例如：布局太滿導致視覺疲勞，顏色太多導致視線分散，信息分類不清晰導致難以理解，文字太小導致難以辨認，效果太炫導致實現起來難度很大，等等。

八、跟進開發過程

開發的過程中，會發現有些頁面的邏輯考慮不周，需要重新設計頁面。

?例如：賬單頁面的設計，需要考慮的邊界問題有：商家APP優惠信息的展示，第三方支付APP的優惠信息展示，B端商戶APP的賬單展示，C端用戶APP的賬單展示，第三方支付APP的賬單展示，C端APP退款時的賬單展示等等。

九、測試優化

◆測試帳號：給指定人員分配測試帳號和密碼。后臺系統的產品測試：通常開發都會設置有測試帳號。

◆集成環境：在測試的環境中，資金交易的金額，都是虛擬的數字，不會真正的從銀行卡扣款。

◆灰度測試：用1%的流量，做小范圍的灰度測試。這個方法適大公司，用戶群龐大的產品，可以采取灰度測試，來收集用戶反饋，再次版本迭代。

◆白名單測試：app首頁banner，可以給白名單用戶，推送指定的banner，從這個banner可以進入新產品的測試流程。

十、推向市場，小范圍測試，快速迭代

◆收集用戶的使用場景，以及用戶使用過程中暴露的問題，整合成新的需求列表，排定優先級。進入下一輪的版本迭代。

◆事先選擇埋點，統計每一步的流量轉化情況。一般在支付頁面，流量轉化率都不高。這時候把發現的問題，需要整合成新的需求列表，排定優先級，進入下一輪的版本迭代。

上面的10個環節，解釋了完整的UED流程，從而讓產品設計的關注點，從單點的體驗設計→轉向全流程的服務設計。