如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

編者按：建議剛學(xué)UI的同學(xué)多看這類(lèi)改版經(jīng)驗(yàn)總結(jié)，提前學(xué)習(xí)交互設(shè)計(jì)的知識(shí)，在求職時(shí)能加不少分。習(xí)慣靠經(jīng)驗(yàn)/感覺(jué)做設(shè)計(jì)的新人也別放過(guò)，這種實(shí)戰(zhàn)的案例結(jié)合書(shū)本看，能幫你更透徹地理解那些設(shè)計(jì)原則。不多說(shuō)了，直接看文！

講交互設(shè)計(jì)的書(shū)里有一本很有名的《簡(jiǎn)約設(shè)計(jì)》（《Simple and UsableWeb, Mobliel, and Interaction Design》），相信很多設(shè)計(jì)師都看過(guò)，里面教了一個(gè)如何簡(jiǎn)約四策略。為自己的設(shè)計(jì)做減法，做一個(gè)簡(jiǎn)單的設(shè)計(jì)，基本成為一個(gè)設(shè)計(jì)師自我修養(yǎng)的重要信條。但是簡(jiǎn)單這件事啊，沒(méi)那么簡(jiǎn)單（唱），民主社會(huì)的規(guī)則并不是一句少數(shù)服從多數(shù)。

閑魚(yú)APP發(fā)布流程的第一次改版，也是從淘寶二手變身閑魚(yú)的第一次發(fā)布交互結(jié)構(gòu)上的大改變。下圖是老版二手APP發(fā)布從入口到發(fā)布界面的樣式，當(dāng)時(shí)二手的APP還是采用抽屜式導(dǎo)航，而發(fā)布入口就藏在導(dǎo)航中的一項(xiàng)。

發(fā)布主體界面在縱向空間上分了兩層，基本上就是一個(gè)很長(zhǎng)的表單，列出各項(xiàng)希望賣(mài)家可以盡量填入的信息。意圖上其實(shí)很明顯，就是希望收集到盡量多的格式化信息，用于商品頁(yè)面的信息展示，幫助買(mǎi)家決策購(gòu)買(mǎi)，促成交易。當(dāng)然不同項(xiàng)信息的優(yōu)先級(jí)是經(jīng)過(guò)考慮過(guò)的，重要的信息，如圖片、標(biāo)題和價(jià)格等項(xiàng)目排在了第一層，其它放到了第二層。不過(guò)第二層的信息項(xiàng)，需要發(fā)布用戶(hù)主動(dòng)去觸發(fā)（向上撥動(dòng)）才會(huì)出現(xiàn)。

對(duì)老版的淘寶二手發(fā)布設(shè)計(jì)改版很快就定了兩個(gè)目標(biāo)：

1. 要讓用戶(hù)能更簡(jiǎn)單清晰的完成發(fā)布操作；
2. 成為閑置（二手）商品發(fā)布的行業(yè)標(biāo)準(zhǔn)。

目標(biāo)似乎沒(méi)有任何問(wèn)題，設(shè)計(jì)方案的主要思路也很快就出來(lái)了：將發(fā)布流程拆分步驟，一步一步引導(dǎo)用戶(hù)填寫(xiě)信息項(xiàng)，每一個(gè)流程都盡量合并同性質(zhì)的信息項(xiàng)，簡(jiǎn)化每一步的內(nèi)容，流程分解為：

1. 寶貝圖片添加
2. 寶貝相關(guān)信息填寫(xiě)
3. 寶貝價(jià)格信息填寫(xiě)

基于每一個(gè)步驟，方案上也精心去設(shè)計(jì)，包括設(shè)計(jì)了一個(gè)醒目的提示區(qū)，試圖窮舉各種發(fā)布過(guò)程中用戶(hù)會(huì)遇到的情況，給出對(duì)應(yīng)的提示來(lái)引導(dǎo)用戶(hù)完成發(fā)布。

但是上線結(jié)果卻不盡如人意，這個(gè)版本的方案上一個(gè)很大的問(wèn)題就是對(duì)于“更”簡(jiǎn)單清晰的發(fā)布流程，在設(shè)計(jì)上的主觀意愿過(guò)強(qiáng)，試圖讓用戶(hù)接受一種由我們自己定義的流程，而忽略了用戶(hù)在真實(shí)環(huán)境下的體驗(yàn)。把一件事分成幾個(gè)步驟，以此達(dá)到簡(jiǎn)化的目的，但實(shí)際上，并沒(méi)有從用戶(hù)的角度上去客觀分析“這件事”本身的意義，就已經(jīng)進(jìn)入一個(gè)。另外，預(yù)測(cè)用戶(hù)行為，讓系統(tǒng)來(lái)告知用戶(hù)下一步做什么的方式似乎很友好，但是你又怎么知道用戶(hù)是不是討厭這種被牽著鼻子走的人呢，就像大部分用戶(hù)根本不會(huì)看說(shuō)明書(shū)，只想拿過(guò)來(lái)就用。

還有一個(gè)問(wèn)題，和之前的老版發(fā)布流程類(lèi)似，我們?cè)噲D讓用戶(hù)盡量多的精準(zhǔn)的填入相關(guān)的發(fā)布寶貝信息，因?yàn)槲覀兞?xí)慣于豐富詳盡的寶貝信息有助于促進(jìn)成交這樣一個(gè)概念，這相當(dāng)于把動(dòng)銷(xiāo)的壓力轉(zhuǎn)嫁給發(fā)布的用戶(hù)。更不用說(shuō)冗長(zhǎng)的步驟流程，在用戶(hù)沒(méi)有強(qiáng)烈意愿的情況下，帶來(lái)的環(huán)節(jié)間用戶(hù)流失，很大一部分用戶(hù)不是在做一件非做不可的事情。

我們對(duì)閑魚(yú)的發(fā)布進(jìn)行了第二次改版，在第一次改版獲得的事實(shí)依據(jù)上進(jìn)行思考。把向用戶(hù)索要信息改成與用戶(hù)對(duì)話的過(guò)程，對(duì)話是在溝通，交換信息。信息的接受有一個(gè)由簡(jiǎn)到繁的過(guò)程，能更好被吸收。理解這個(gè)過(guò)程，是設(shè)計(jì)思維的一個(gè)螺旋提升，決定了這種信息交換的基本交互結(jié)構(gòu)，不是一次索要，而是一場(chǎng)對(duì)話，是從一種主觀的決斷到客觀對(duì)待的過(guò)程。對(duì)話，要說(shuō)傾聽(tīng)者明白的語(yǔ)言，說(shuō)他想聽(tīng)的話。我們決定：

1. 減少所有不必要的填寫(xiě)內(nèi)容；
2. 在發(fā)布入口做好分流引導(dǎo)，保證進(jìn)入人群的目的效率；
3. 整合所有步驟，盡量將需要填寫(xiě)的內(nèi)容集合在一屏之內(nèi)。

所謂不必要的填寫(xiě)內(nèi)容，是指像新舊程度這種買(mǎi)家強(qiáng)調(diào)需要，但是非職業(yè)賣(mài)家在發(fā)布時(shí)根本無(wú)法判斷，即使填寫(xiě)也是非常主觀的內(nèi)容，既然會(huì)讓發(fā)布用戶(hù)疑惑猶豫，那么就去掉。對(duì)于一些不能去掉的填寫(xiě)字段，采用漸進(jìn)出現(xiàn)的方式展現(xiàn)給用戶(hù)，比如用戶(hù)進(jìn)入價(jià)格填寫(xiě)時(shí)，才展現(xiàn)原價(jià)和郵費(fèi)等信息。隱藏是為了適時(shí)的出現(xiàn)。

而在方案的客觀性上，也要有一些方式來(lái)獲得事實(shí)依據(jù)。比如數(shù)據(jù)分析，考察標(biāo)題和描述內(nèi)容填寫(xiě)的重復(fù)性，作為標(biāo)描合一的數(shù)據(jù)依據(jù)（由于搜索原因未上線）；比如用研，把設(shè)計(jì)方案拿到用戶(hù)小調(diào)研里做快速的用戶(hù)測(cè)試，收集反饋；在一些新功能（不談錢(qián)）引入的切換交互上，借鑒一些已經(jīng)存在的被用戶(hù)接受的交互模式。

對(duì)于發(fā)布入口的設(shè)計(jì)也有多次爭(zhēng)論，是讓用戶(hù)在一次點(diǎn)擊就進(jìn)入發(fā)布界面，還是像微信一樣，在朋友圈的發(fā)布入口設(shè)計(jì)了一些指對(duì)性的選項(xiàng)。最后上線事實(shí)說(shuō)明，在發(fā)布入口完成一些指對(duì)性的操作進(jìn)入發(fā)布流程，可以發(fā)布成功率的促進(jìn)有明顯的效用。

當(dāng)設(shè)計(jì)師在產(chǎn)出設(shè)計(jì)方案時(shí)，習(xí)慣性的總是從自我經(jīng)驗(yàn)出發(fā)，主觀的下結(jié)論，這是一種追求效率決策的本能。我們總是擅于把毫無(wú)關(guān)系的兩件事情關(guān)聯(lián)起來(lái)，然后認(rèn)為互為因果。但是這樣的聯(lián)系可能是錯(cuò)的，或者說(shuō)可能被錯(cuò)誤的套用。設(shè)計(jì)師從一個(gè)自我體驗(yàn)式的方式去分析問(wèn)題，在自我的糾結(jié)中，提出一個(gè)主觀的設(shè)計(jì)方案，俗稱(chēng)“憋大招”。

所以，我們?nèi)绾蝸?lái)做一件簡(jiǎn)化設(shè)計(jì)的事情？很重要的一點(diǎn)就是在簡(jiǎn)化的點(diǎn)上要做到盡量的客觀。所謂的客觀就是要圍繞用戶(hù)事實(shí)的依據(jù)。以用戶(hù)為中心的設(shè)計(jì)，是要以用戶(hù)事實(shí)為依據(jù)的設(shè)計(jì)。作為設(shè)計(jì)師，我們總是希望馬上開(kāi)始出設(shè)計(jì)方案，特別是習(xí)慣性倒推的工作流程里留給設(shè)計(jì)師的時(shí)間非常少。但是克制自己非常重要，太早設(shè)計(jì)意味著會(huì)遺漏重要的見(jiàn)解，甚至設(shè)計(jì)思路會(huì)完全錯(cuò)誤，因?yàn)檫@種反應(yīng)下的思維方式基本是一種自我經(jīng)驗(yàn)式的思維。設(shè)計(jì)需要以用戶(hù)心理、用戶(hù)行為相關(guān)的客觀事實(shí)為依據(jù)去執(zhí)行，而非以一種自我體驗(yàn)的方式。

1. 確定所有事情原因的優(yōu)先級(jí)是開(kāi)始執(zhí)行的第一步；
2. 證明這些原因的真?zhèn)危此^尋找真正的用戶(hù)事實(shí)）。

設(shè)計(jì)師如何獲得事實(shí)的依據(jù)，在此依據(jù)上討論與設(shè)計(jì)：

1. 數(shù)據(jù)事實(shí)的分析（達(dá)成共識(shí)的重要基礎(chǔ)）：收集數(shù)據(jù)、分析數(shù)據(jù)、沉淀數(shù)據(jù)，嘗試用數(shù)據(jù)變化的維度來(lái)記錄設(shè)計(jì)的整個(gè)演化進(jìn)程；數(shù)據(jù)作為目前公司被普遍的一種考量維度，已是一種團(tuán)隊(duì)可以共同討論的重要語(yǔ)言；
2. 各種渠道與方法的用研：各種用戶(hù)研究的方法（快速小調(diào)研、焦點(diǎn)小組、A/B test、用戶(hù)反饋系統(tǒng)、社交媒體的反饋）；
3. 利用好成熟的交互模式（效率與成本，已被證實(shí)的通用交互）；
4. 專(zhuān)家走查（啟發(fā)式評(píng)估），固定的專(zhuān)家評(píng)審，避免常規(guī)的錯(cuò)誤。

其它的小撇步：用概念圖將系統(tǒng)視覺(jué)化；快速的原型產(chǎn)出參與測(cè)試，用測(cè)試結(jié)果來(lái)說(shuō)明事實(shí)，來(lái)設(shè)計(jì)；邊做邊驗(yàn)證，但一定要驗(yàn)證，無(wú)論對(duì)錯(cuò)都是指導(dǎo)下一個(gè)方案的經(jīng)驗(yàn)，工作并不是中止在這一次的方案上。

設(shè)計(jì)方案并不是最終的目的，一次次改版是我們不斷在向真實(shí)的用戶(hù)需求靠近努力，利用一次次的方案尋找真實(shí)才是最重要的，這么說(shuō)來(lái)，方案只是接近用戶(hù)的手段，得到需求洞見(jiàn)才是目標(biāo)。

歡迎關(guān)注淘寶UED的微信公眾號(hào)，第一時(shí)間獲取設(shè)計(jì)經(jīng)驗(yàn)！

藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)