|
有感用戶(hù)體驗(yàn)規(guī)劃與系統(tǒng)實(shí)現(xiàn)
最近一直在“深山老林”中修煉“支付寶新版收銀臺(tái)”,經(jīng)歷了白板設(shè)計(jì)，視覺(jué)設(shè)計(jì)，前端開(kāi)發(fā)，前后端聯(lián)調(diào)各個(gè)階段。點(diǎn)點(diǎn)滴滴……
重點(diǎn)談?wù)剬?duì)交互設(shè)計(jì)的感受吧：個(gè)人覺(jué)得設(shè)計(jì)師應(yīng)該好好的思考一下收銀臺(tái)的設(shè)計(jì)粒度，在我們不能確定用戶(hù)是否會(huì)遇到某類(lèi)問(wèn)題時(shí)，不妨放開(kāi)懷抱，將粒度切的大一些，如果一味的把自己當(dāng)作用戶(hù)，患得患失，其結(jié)果只會(huì)把自己的產(chǎn)品綁成個(gè)大粽子，這樣很可能導(dǎo)致在不明確具體問(wèn)題的情況下，設(shè)計(jì)粒度過(guò)細(xì)。到后期再想優(yōu)化，就舉步為艱了。
個(gè)人非常反對(duì)，設(shè)計(jì)師總是以“我覺(jué)得用戶(hù)可能”，“我覺(jué)得用戶(hù)一定”的論調(diào)在設(shè)計(jì)討論中去說(shuō)服需求方，“覺(jué)得”只是一種推測(cè)，既然不能確定用戶(hù)會(huì)遇到你假設(shè)的問(wèn)題，那為什么不能先把設(shè)計(jì)粒度切大一些，等產(chǎn)品上線(xiàn)，觀察分析用戶(hù)使用的情況后，再對(duì)癥下藥呢？究其原因，是因?yàn)樵O(shè)計(jì)師太怕用戶(hù)受挫，關(guān)心則亂下失去了一些設(shè)計(jì)原則。我想，在不影響用戶(hù)正常操作的情況下，對(duì)于一些假設(shè)的受挫場(chǎng)景，不妨放手一試，用戶(hù)不犯錯(cuò)，你又怎么知道自己的產(chǎn)品問(wèn)題在哪里呢。知錯(cuò)而改之，總比一輩子都活在自己“覺(jué)得”的世界里強(qiáng)。更何況未必錯(cuò)！
說(shuō)了這么多，其實(shí)只是想引出一個(gè)話(huà)題，作為一個(gè)優(yōu)秀的設(shè)計(jì)師，必須學(xué)會(huì)“如何均衡用戶(hù)體驗(yàn)和系統(tǒng)實(shí)現(xiàn)”，要知道你設(shè)計(jì)的是一款產(chǎn)品，你必須對(duì)他的未來(lái)有一個(gè)規(guī)劃，而這個(gè)規(guī)劃，用戶(hù)體驗(yàn)和系統(tǒng)實(shí)現(xiàn)之間的關(guān)系是非常微妙的。常常聽(tīng)到很多設(shè)計(jì)師再抱怨“我想到個(gè)很好的體驗(yàn)改進(jìn)點(diǎn)子，但是開(kāi)發(fā)告訴我系統(tǒng)實(shí)現(xiàn)不了，郁悶！”有沒(méi)有想過(guò)為什么？我想很大一個(gè)原因就是因?yàn)榍捌谠O(shè)計(jì)粒度過(guò)細(xì)，到后面瓜就不好切了~~嗚呼哀哉！總之一句話(huà)：“該有的體驗(yàn)一個(gè)也不能少，該有的原則同樣不能少！”粒度要怎么切，很有學(xué)問(wèn)，需要在不斷的實(shí)踐中去體會(huì)。
說(shuō)到如何均衡體驗(yàn)和系統(tǒng)實(shí)現(xiàn)，不妨拿新老收銀臺(tái)做個(gè)比較，個(gè)人覺(jué)得非常有說(shuō)服力,我們從老收銀臺(tái)現(xiàn)有問(wèn)題著手分析一下：
如果按上圖(老版)設(shè)計(jì)方案，當(dāng)新加入一個(gè)資金渠道，并且該資金渠道又支持支付寶賬戶(hù)余額補(bǔ)支付功能，那么你的系統(tǒng)實(shí)現(xiàn)成本就略嫌尷尬了，你會(huì)發(fā)現(xiàn)，在新增的這個(gè)支付渠道TAB下和余額TAB補(bǔ)支付的情況下，你都必須重復(fù)渲染這個(gè)資金渠道的實(shí)現(xiàn)代碼（譬如：圖中codeWidget部分網(wǎng)銀支付渠道的實(shí)現(xiàn)代碼），雖然我們可以把這塊抽成一個(gè)公用的組件widget統(tǒng)一調(diào)用,但是無(wú)可避免的要設(shè)置一些參數(shù)去實(shí)現(xiàn)一些個(gè)性化的顯示。并且頁(yè)面渲染時(shí),會(huì)重復(fù)渲染,新增加一個(gè)資金渠道就等于X2的代碼渲染量,久而久之系統(tǒng)會(huì)越來(lái)越臃腫,性能也隨之下降,so bad,簡(jiǎn)直就是一個(gè)惡性循環(huán)……
看到這里其實(shí)我們可以看到，導(dǎo)致惡性循環(huán)的關(guān)鍵所在：支付寶賬戶(hù)余額付款，他存在與其他支付渠道組合支付的應(yīng)用場(chǎng)景，而他的信息層次和其他支付渠道是同級(jí)的，非常簡(jiǎn)單的一個(gè)層次組合邏輯，還不明白？想想，好好想想……
所謂對(duì)癥下藥，那么當(dāng)務(wù)之急，我們要先把收銀臺(tái)的信息結(jié)構(gòu)梳理清楚，可以將支付渠道按支付寶賬戶(hù)和非支付寶賬戶(hù)支付渠道兩個(gè)緯度來(lái)劃分，我們來(lái)看看這么做的好處：
首先，從體驗(yàn)上看，我們將支付寶賬戶(hù)余額的顯示區(qū)別于網(wǎng)銀，信用卡，比之老版，我們加強(qiáng)支付寶賬戶(hù)概念的同時(shí)，使得各類(lèi)支付渠道的層次感也更清晰了。這對(duì)于培養(yǎng)起用戶(hù)對(duì)支付寶賬戶(hù)的認(rèn)知是非常有意義的。信息結(jié)構(gòu)清晰了,直接受益的就是系統(tǒng)實(shí)現(xiàn),可以看到新的設(shè)計(jì)方案大大降低了后續(xù)資金渠道接入的復(fù)雜度(由于支付寶賬戶(hù)余額始終在用戶(hù)的視野內(nèi)，他可以很方便的與各類(lèi)支付渠道進(jìn)行組合支付，同時(shí)也解決了實(shí)現(xiàn)代碼重復(fù)渲染的尷尬局面)。可謂“雙贏”！
如上說(shuō)述，可以看出設(shè)計(jì)規(guī)劃在產(chǎn)品設(shè)計(jì)前期是非常最要的，設(shè)計(jì)師們應(yīng)該站的更高一些，看的更遠(yuǎn)一些,，這樣設(shè)計(jì)出來(lái)的產(chǎn)品才內(nèi)外兼修……
僅以此篇祝新版繳費(fèi)還款收銀臺(tái)發(fā)布順利，和一群敬業(yè)的同學(xué)們一起工作，讓我很愉快！
原文：http://ued.alipay.com/?p=1245
本文鏈接：http://www.95time.cn/design/doc/2009/7241.asp 
出處：Alipay UED
責(zé)任編輯：bluehearts
|
