有感用戶體驗(yàn)規(guī)劃與系統(tǒng)實(shí)現(xiàn)

最近一直在“深山老林”中修煉“支付寶新版收銀臺(tái)”,經(jīng)歷了白板設(shè)計(jì)，視覺設(shè)計(jì)，前端開發(fā)，前后端聯(lián)調(diào)各個(gè)階段。點(diǎn)點(diǎn)滴滴……

重點(diǎn)談?wù)剬?duì)交互設(shè)計(jì)的感受吧：個(gè)人覺得設(shè)計(jì)師應(yīng)該好好的思考一下收銀臺(tái)的設(shè)計(jì)粒度，在我們不能確定用戶是否會(huì)遇到某類問題時(shí)，不妨放開懷抱，將粒度切的大一些，如果一味的把自己當(dāng)作用戶，患得患失，其結(jié)果只會(huì)把自己的產(chǎn)品綁成個(gè)大粽子，這樣很可能導(dǎo)致在不明確具體問題的情況下，設(shè)計(jì)粒度過細(xì)。到后期再想優(yōu)化，就舉步為艱了。

個(gè)人非常反對(duì)，設(shè)計(jì)師總是以“我覺得用戶可能”，“我覺得用戶一定”的論調(diào)在設(shè)計(jì)討論中去說服需求方，“覺得”只是一種推測，既然不能確定用戶會(huì)遇到你假設(shè)的問題，那為什么不能先把設(shè)計(jì)粒度切大一些，等產(chǎn)品上線，觀察分析用戶使用的情況后，再對(duì)癥下藥呢？究其原因，是因?yàn)樵O(shè)計(jì)師太怕用戶受挫，關(guān)心則亂下失去了一些設(shè)計(jì)原則。我想，在不影響用戶正常操作的情況下，對(duì)于一些假設(shè)的受挫場景，不妨放手一試，用戶不犯錯(cuò)，你又怎么知道自己的產(chǎn)品問題在哪里呢。知錯(cuò)而改之，總比一輩子都活在自己“覺得”的世界里強(qiáng)。更何況未必錯(cuò)！

說了這么多，其實(shí)只是想引出一個(gè)話題，作為一個(gè)優(yōu)秀的設(shè)計(jì)師，必須學(xué)會(huì)“如何均衡用戶體驗(yàn)和系統(tǒng)實(shí)現(xiàn)”，要知道你設(shè)計(jì)的是一款產(chǎn)品，你必須對(duì)他的未來有一個(gè)規(guī)劃，而這個(gè)規(guī)劃，用戶體驗(yàn)和系統(tǒng)實(shí)現(xiàn)之間的關(guān)系是非常微妙的。常常聽到很多設(shè)計(jì)師再抱怨“我想到個(gè)很好的體驗(yàn)改進(jìn)點(diǎn)子，但是開發(fā)告訴我系統(tǒng)實(shí)現(xiàn)不了，郁悶！”有沒有想過為什么？我想很大一個(gè)原因就是因?yàn)榍捌谠O(shè)計(jì)粒度過細(xì)，到后面瓜就不好切了~~嗚呼哀哉！總之一句話：“該有的體驗(yàn)一個(gè)也不能少，該有的原則同樣不能少！”粒度要怎么切，很有學(xué)問，需要在不斷的實(shí)踐中去體會(huì)。

說到如何均衡體驗(yàn)和系統(tǒng)實(shí)現(xiàn)，不妨拿新老收銀臺(tái)做個(gè)比較，個(gè)人覺得非常有說服力,我們從老收銀臺(tái)現(xiàn)有問題著手分析一下：

如果按上圖(老版)設(shè)計(jì)方案，當(dāng)新加入一個(gè)資金渠道，并且該資金渠道又支持支付寶賬戶余額補(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)用,但是無可避免的要設(shè)置一些參數(shù)去實(shí)現(xiàn)一些個(gè)性化的顯示。并且頁面渲染時(shí),會(huì)重復(fù)渲染,新增加一個(gè)資金渠道就等于X2的代碼渲染量,久而久之系統(tǒng)會(huì)越來越臃腫,性能也隨之下降,so bad,簡直就是一個(gè)惡性循環(huán)……

看到這里其實(shí)我們可以看到，導(dǎo)致惡性循環(huán)的關(guān)鍵所在：支付寶賬戶余額付款，他存在與其他支付渠道組合支付的應(yīng)用場景，而他的信息層次和其他支付渠道是同級(jí)的，非常簡單的一個(gè)層次組合邏輯，還不明白？想想，好好想想……

所謂對(duì)癥下藥，那么當(dāng)務(wù)之急，我們要先把收銀臺(tái)的信息結(jié)構(gòu)梳理清楚，可以將支付渠道按支付寶賬戶和非支付寶賬戶支付渠道兩個(gè)緯度來劃分，我們來看看這么做的好處：

首先，從體驗(yàn)上看，我們將支付寶賬戶余額的顯示區(qū)別于網(wǎng)銀，信用卡，比之老版，我們加強(qiáng)支付寶賬戶概念的同時(shí)，使得各類支付渠道的層次感也更清晰了。這對(duì)于培養(yǎng)起用戶對(duì)支付寶賬戶的認(rèn)知是非常有意義的。信息結(jié)構(gòu)清晰了,直接受益的就是系統(tǒng)實(shí)現(xiàn),可以看到新的設(shè)計(jì)方案大大降低了后續(xù)資金渠道接入的復(fù)雜度(由于支付寶賬戶余額始終在用戶的視野內(nèi)，他可以很方便的與各類支付渠道進(jìn)行組合支付，同時(shí)也解決了實(shí)現(xiàn)代碼重復(fù)渲染的尷尬局面)?？芍^“雙贏”！

如上說述，可以看出設(shè)計(jì)規(guī)劃在產(chǎn)品設(shè)計(jì)前期是非常最要的，設(shè)計(jì)師們應(yīng)該站的更高一些，看的更遠(yuǎn)一些,，這樣設(shè)計(jì)出來的產(chǎn)品才內(nèi)外兼修……

僅以此篇祝新版繳費(fèi)還款收銀臺(tái)發(fā)布順利，和一群敬業(yè)的同學(xué)們一起工作，讓我很愉快！

原文：http://ued.alipay.com/?p=1245