打算整理一遍完整的UED設(shè)計流程,從而讓產(chǎn)品設(shè)計,從單點(diǎn)的體驗設(shè)計,轉(zhuǎn)向全流程的服務(wù)設(shè)計。具體可以從下面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)品迭代,大部分是因為有了新的需求,才去迭代。
例如:支付寶的設(shè)計最初目標(biāo)是為了服務(wù)淘寶網(wǎng)的線上支付,實現(xiàn)商戶和用戶之間的資金中轉(zhuǎn)站的作用。
三、分析產(chǎn)品功能
分析需要哪些功能,去實現(xiàn)產(chǎn)品設(shè)計的目標(biāo)。
例如:支付寶為了實現(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)惠券/代金券/折扣券/,實付金額,支付方式
五、分析界面流程
用戶操作界面的流程,需要和用戶線下真實流程相匹配,這樣可以在線上模仿線下的流程,從而降低了用戶的認(rèn)知成本。
例如:電商的線下交易流程是:用戶在家樂福等百貨商場里找商品,然后放入購物車,接著到收銀臺結(jié)賬付款。對應(yīng)到線上的流程就是:在天貓等電商首頁展示商品,而不是店鋪。在商品詳情頁,把商品放入購物車,再去結(jié)賬付款。
六、線框圖交互設(shè)計
交互設(shè)計包括信息圖文的布局,頁面的按鈕和導(dǎo)航的位置。
例如:閱讀類的APP軟件的界面設(shè)計,在3G時代,圖文布局一般是左圖右文或右圖左文,圖片占頁面比例較;在4G時代,圖文布局一般是橫向鋪滿APP界面,圖片占頁面比例很大。
優(yōu)秀交互設(shè)計的標(biāo)準(zhǔn):開發(fā)實現(xiàn)越容易,用戶操作越簡單,信息架構(gòu)越清晰,頁面打開越流暢的交互設(shè)計,就是好設(shè)計。
七、界面視覺設(shè)計
優(yōu)秀界面視覺設(shè)計的標(biāo)準(zhǔn):產(chǎn)品上線之后的視覺效果,是否要比界面原先的設(shè)計效果更好看。大部分產(chǎn)品的界面設(shè)計,都是界面效果圖很好看,真正上線之后,就存在種種問題。
例如:布局太滿導(dǎo)致視覺疲勞,顏色太多導(dǎo)致視線分散,信息分類不清晰導(dǎo)致難以理解,文字太小導(dǎo)致難以辨認(rèn),效果太炫導(dǎo)致實現(xiàn)起來難度很大,等等。
八、跟進(jìn)開發(fā)過程
開發(fā)的過程中,會發(fā)現(xiàn)有些頁面的邏輯考慮不周,需要重新設(shè)計頁面。
例如:賬單頁面的設(shè)計,需要考慮的邊界問題有:商家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)計每一步的流量轉(zhuǎn)化情況。一般在支付頁面,流量轉(zhuǎn)化率都不高。這時候把發(fā)現(xiàn)的問題,需要整合成新的需求列表,排定優(yōu)先級,進(jìn)入下一輪的版本迭代。
上面的10個環(huán)節(jié),解釋了完整的UED流程,從而讓產(chǎn)品設(shè)計的關(guān)注點(diǎn),從單點(diǎn)的體驗設(shè)計→轉(zhuǎn)向全流程的服務(wù)設(shè)計。
|