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