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