用戶體驗(yàn)設(shè)計(jì).docx

用戶體驗(yàn)設(shè)計(jì)答疑對(duì)話前言：搭往公司的班車，遇到一個(gè)其他部門的同事，由于他問的很多問題，引發(fā)的一篇文章。這些問題，其實(shí)我也經(jīng)常被其他人問到，這其中，既有我們親密合作的伙伴，如產(chǎn)品經(jīng)理、開發(fā)工程師（程序員），也有對(duì)于產(chǎn)品決策有絕對(duì)發(fā)言權(quán)的老板，也有平時(shí)和我們工作交集不多，但是卻是一個(gè)成功的產(chǎn)品生態(tài)鏈上重要的一環(huán)的角色，比如來自客服部門和銷售部門的同事。所以做些加工，整理成文，希望有助于大家了解用戶體驗(yàn)設(shè)計(jì)部（簡(jiǎn)稱 UED）在網(wǎng)站開發(fā)流程中的角色和作用，從而有助于不同部門的協(xié)作和配合。低調(diào)的分割線對(duì)話角色介紹：Tom: 客戶培訓(xùn)部培訓(xùn)講師Heidi: 網(wǎng)站運(yùn)營(yíng)部用戶體驗(yàn)設(shè)計(jì)部交互設(shè)計(jì)師Tom：請(qǐng)問你是什么部門的？Heidi：我是國(guó)際站用戶體驗(yàn)設(shè)計(jì)部的，就是UED，聽說過嗎？Tom：哦，了解，是不是國(guó)際站的網(wǎng)站布局都是你們來改的？Heidi：應(yīng)該是的。Tom：我是負(fù)責(zé)客戶培訓(xùn)的，我想問一個(gè)問題，你們?yōu)槭裁匆?jīng)常改我們的網(wǎng)站啊，我給客戶培訓(xùn)，經(jīng)常打開網(wǎng)站，就發(fā)現(xiàn)布局換了，我的講義也需要經(jīng)常更新。Heidi：這改動(dòng)總是有改動(dòng)的理由的嘛（笑）。也許是要提高轉(zhuǎn)化率，也許是為了新的產(chǎn)品上線做拓展，也許是用戶的需求更明確了其實(shí)首頁(yè)來講的話，平均2年也需要大翻新一下的，老是同一張面孔，多枯燥啊。不過我們每次大的改動(dòng)，都會(huì)通知到可能會(huì)受影響到部門的，比如銷售、客服等，都有相關(guān)的郵件抄送給接口人。我回去確認(rèn)一下你們部門是不是也在抄送名單里。Tom：恩，謝謝了。對(duì)了，做你們的工作的，專業(yè)背景都是什么??？都是學(xué)計(jì)算機(jī)的嗎？Heidi：不是。其實(shí)我們部門分四種角色，每種角色的專業(yè)背景是不一樣的。他：都是什么？Heidi：比如，用戶研究員，專業(yè)背景可能是心理學(xué)，人類學(xué)，社科等學(xué)科但是也有其他專業(yè)背景。交互設(shè)計(jì)師專業(yè)背景可能是工業(yè)設(shè)計(jì)，也可能是其他設(shè)計(jì)專業(yè)，比如平面設(shè)計(jì)但是也有完全和設(shè)計(jì)不沾邊的專業(yè)，比如心理學(xué)也有。前端工程師的專業(yè)背景可能是計(jì)算機(jī)，也可能是其他專業(yè)，比如我們團(tuán)隊(duì)曾經(jīng)有從演藝圈出來的杰出前端。還有一個(gè)角色是視覺設(shè)計(jì)師，專業(yè)背景有可能是平面設(shè)計(jì)，也有可能是動(dòng)畫設(shè)計(jì)。啥專業(yè)都有可能，不能籠統(tǒng)去講Tom：你剛才說，有可能是學(xué)工業(yè)設(shè)計(jì)的，我覺得很奇怪啊，工業(yè)設(shè)計(jì)我想的不是都一些現(xiàn)實(shí)的產(chǎn)品嗎，比如汽車，洗衣機(jī)等Heidi：畢竟國(guó)內(nèi)專門的交互設(shè)計(jì)專業(yè)很少，專業(yè)的也不多，還是會(huì)借鑒很多來自成熟的工業(yè)設(shè)計(jì)領(lǐng)域的一些理論。工業(yè)設(shè)計(jì)可能本身發(fā)展比較成熟，而且研究的方向也是人機(jī)交互類的，也需要研究用戶的特點(diǎn)，行為和習(xí)慣，進(jìn)而設(shè)計(jì)或者改進(jìn)產(chǎn)品設(shè)計(jì)，讓它簡(jiǎn)單易用。所以，和交互設(shè)計(jì)是有很多相同的部分。我個(gè)人感覺交互設(shè)計(jì)是從工業(yè)設(shè)計(jì)領(lǐng)域衍生出來的，而且并不局限于網(wǎng)站和軟件界面可能在不同的領(lǐng)域有不同的叫法吧。Tom：那其實(shí)，網(wǎng)站、軟件和洗衣機(jī)設(shè)計(jì)是同一個(gè)道理，只不過是虛擬的和實(shí)體的Heidi：也許可以這么理解。Tom：做一個(gè)網(wǎng)站很難嗎？你們?yōu)楹涡枰@么多人？是不是就給程序員一個(gè)圖，寫一些代碼就可以了？Heidi：恩，單純做一個(gè)網(wǎng)站是挺簡(jiǎn)單的。做好，不容易。做個(gè)房地產(chǎn)宣傳的網(wǎng)站，挺容易的，做個(gè)小企業(yè)的形象網(wǎng)站，也挺容易的。做好支付寶網(wǎng)站，不容易，做好阿里巴巴網(wǎng)站和淘寶網(wǎng)站，不容易。網(wǎng)站這個(gè)概念也不能籠統(tǒng)去講越是要用戶去使用的網(wǎng)站，設(shè)計(jì)難度就越高。而且，也并非一個(gè)ued的團(tuán)隊(duì)在“做”網(wǎng)站，我們幾百個(gè)人的工作都聚焦在這個(gè)網(wǎng)站上。有做產(chǎn)品規(guī)劃的，有做運(yùn)營(yíng)的，有做客戶支持的，也有做海外推廣的，有做數(shù)據(jù)分析的只是大部分的人的工作，需要最終流轉(zhuǎn)到我們手里得以分析、實(shí)施。（Heidi注：做網(wǎng)站看起來簡(jiǎn)單是因?yàn)閷?duì)于其他人來講，只能看到20的工作，但是這個(gè)20是靠那些看不到80決定的，參見圖1。）圖1.網(wǎng)站用戶體驗(yàn)層次：用戶看到的是簡(jiǎn)單的20Tom：那你們UED平時(shí)都是怎么工作的？Heidi：做新的產(chǎn)品和優(yōu)化老的產(chǎn)品的流程其實(shí)不太一樣。如果是新的產(chǎn)品規(guī)劃，很早之前就開展了工作了，交互設(shè)計(jì)師，用戶研究員配合產(chǎn)品經(jīng)理(此階段，大部分是以產(chǎn)品經(jīng)理為主導(dǎo))做一些目標(biāo)人群的調(diào)研，分析，看我們的產(chǎn)品針對(duì)的目標(biāo)人群都是誰(shuí)，他們都有什么需求，都有什么特點(diǎn)。這樣才能夠幫我們找到產(chǎn)品的真正定位，確定核心的功能以及功能的優(yōu)先級(jí)等。Tom：有點(diǎn)像目標(biāo)市場(chǎng)劃分？Heidi：確實(shí)是有營(yíng)銷的分支在其中。其實(shí)賣產(chǎn)品要想事半功倍，一定要先有需求才有產(chǎn)品。而不是先生產(chǎn)出產(chǎn)品，再去市場(chǎng)上找能夠賣給誰(shuí)。Tom：那你們什么時(shí)候開始設(shè)計(jì)呢？Heidi：剛才說我們前期要投入一些人力去做分析和調(diào)研，接下來，在產(chǎn)品經(jīng)理去細(xì)化需要什么功能時(shí)，我們就可以開始設(shè)計(jì)工作了。但是不像你剛才說的，直接去出一張圖。而是先由我們這個(gè)角色，也就是交互設(shè)計(jì)師去做一些線框圖。Tom：線框圖，就是草圖對(duì)嗎？Heidi: 你可以理解成草圖。就好像大樓要施工之前，也需要有一個(gè)藍(lán)圖一樣。先得把藍(lán)圖確認(rèn)了才能開工。Tom: 這個(gè)我理解。做草圖是和別人去討論是吧？視覺設(shè)計(jì)師設(shè)計(jì)不也是要出很多稿草圖嗎？Heidi：我們?cè)O(shè)計(jì)的草圖和視覺設(shè)計(jì)師做的不一樣。我們是在他開工之前更早的一環(huán)。但是你說得沒錯(cuò)，我們確實(shí)可以不出這個(gè)草圖，而直接讓視覺設(shè)計(jì)師去做。但是這個(gè)視覺設(shè)計(jì)師會(huì)非常非常痛苦。因?yàn)樗枰ê芏嗑υ诓輬D上，然后他接受很多意見和建議，而且他去優(yōu)化的方向無從把握，很多，結(jié)果導(dǎo)致遲遲確認(rèn)不了。Tom：為什么會(huì)這樣？Heidi：視覺嘛，每個(gè)人都有自己的感受，視覺的評(píng)價(jià)標(biāo)準(zhǔn)是大部分建立在主觀評(píng)價(jià)上的。你覺得紫色好看，老板覺得紅色大方，視覺設(shè)計(jì)師需要找到一個(gè)契合點(diǎn)去讓所有決策方達(dá)成共識(shí)。Tom：這本來就應(yīng)該這樣，即使有你們，他們的痛苦也不會(huì)減少多少吧？Heidi：的確。但是我們的存在會(huì)幫助視覺設(shè)計(jì)師減少大部分痛苦（當(dāng)然我們存在的價(jià)值不限于此）。因?yàn)槲覀儠?huì)縮小他們確認(rèn)的內(nèi)容范圍。如果沒有交互設(shè)計(jì)的存在，就會(huì)把所有的可能性都拋給視覺設(shè)計(jì)師。在視覺確認(rèn)時(shí)，會(huì)發(fā)現(xiàn)布局a和布局b，布局c存在各種偏好，而顏色a，顏色b, 顏色c 也存在不同的偏好，版塊a的位置，存在不同的偏好結(jié)果布局、顏色、結(jié)構(gòu)的排列組合會(huì)非常非常多（ Heidi注：如圖2所示，視覺設(shè)計(jì)師的大部分痛苦來源于對(duì)各種意見無法控制，從而有效達(dá)成決策）Tom：恩，我理解了，會(huì)不會(huì)有人說：我覺得這個(gè)版本的結(jié)構(gòu)很清晰，但是顏色很不好看，你看看能不能把另一個(gè)版本的顏色換過來看看？Heidi：經(jīng)常！但是這樣來回排列組合，會(huì)誕生出更多的排列組合Tom：恩，想法有時(shí)在設(shè)計(jì)的時(shí)候也會(huì)收不住，也會(huì)誕生出一些自己的新的想法。Heidi：是的。所以我們通常會(huì)在交互設(shè)計(jì)階段先從理性上確認(rèn)一些問題，比如布局，信息結(jié)構(gòu)，內(nèi)容的邏輯性等。這些內(nèi)容可以不那么感性去評(píng)價(jià)，更多是靠一些說服性的東西去說服大家接受。Tom：那你們?cè)趺凑f服別人接受？Heidi：如果有數(shù)據(jù)，就用數(shù)據(jù)；如果有用戶的生意就用用戶的聲音。如果有已經(jīng)了解到用戶的特點(diǎn)、行為，都可以拿來應(yīng)用到設(shè)計(jì)方案的說服框架里。另外，大家都會(huì)尊重專業(yè)的觀點(diǎn)。另外，知識(shí)就是力量，專業(yè)讓人信任，把自己武裝得更加專業(yè)一些，會(huì)有比較大的幫助。Tom：就是一樣要說服別人？Heidi：其實(shí)有時(shí)也不能叫說服，我們最起碼自己得相信那就是最好的解決方案，如果自己不確信，就讓更多的人去幫你看看是不是有更好的解決方案，如果時(shí)間和資源允許，就引入真正的用戶去幫我們看看。之后別人都會(huì)相信這是目前階段最好的解決方案。但是，即使交互不像視覺那么感性主觀，但是依然每個(gè)人都有自己的想法，我們就需要說服他們相信這是最好的解決方案。Tom：所以還是要找一些支持。Heidi：數(shù)據(jù)，用戶聲音，都很有幫助。實(shí)在沒有資源，就需要我們?nèi)ッ枋鍪褂脠?chǎng)景，讓其他人覺得自己就是現(xiàn)實(shí)的用戶，進(jìn)入到我們描述的使用場(chǎng)景里去，我們把這個(gè)說服的方式叫做講故事（ Heidi注：圖3，講故事已經(jīng)成為一種業(yè)界的術(shù)語(yǔ)，storytelling）。圖3：講故事是將用戶使用場(chǎng)景具體化形象化的方式，成為交互設(shè)計(jì)師說服框架里重要的一種技能。Tom：”講故事”很有意思！那是不是你們就提供一張頁(yè)面的草圖給視覺設(shè)計(jì)師就可以了？Heidi：不但是單個(gè)頁(yè)面的草圖結(jié)構(gòu)和布局。我們最主要的是設(shè)計(jì)任務(wù)流。Tom：任務(wù)流？Heidi：比如用戶的目標(biāo)是上傳產(chǎn)品，為了達(dá)到這個(gè)目標(biāo)，他需要經(jīng)過幾個(gè)步驟，完成哪些任務(wù)等。我們要做到盡可能讓用戶在最短的時(shí)間內(nèi)通過最少的步驟達(dá)到目標(biāo)。哦，其實(shí)，我們的目標(biāo)不只是這個(gè)，更高級(jí)的是，用戶在這個(gè)過程中感覺到簡(jiǎn)單，容易，放松。最有效率有時(shí)需要和“用戶的感受”平衡，也需要和我們投入的成本和用戶投入的成本相平衡。Tom：看起來又比較復(fù)雜。Heidi：其實(shí)很簡(jiǎn)單，打個(gè)比方，你在一棟停了電的大樓里，有15層樓高，你需要下樓。最快的方式就是吊個(gè)繩滑下來，最舒適的方式是叫個(gè)直升機(jī)來接你。但是前者雖然效率高但是不安全，你會(huì)擔(dān)心不敢嘗試。后者雖然舒適但是成本太高Tom: 所以，從樓梯上慢慢走下來，也許才是最好的。Heidi: 恩，從樓梯上慢慢走下來，對(duì)比其他兩者，才是最合適的解決方案。我們平時(shí)選取設(shè)計(jì)方案也會(huì)有多個(gè)維度的（圖4）。圖4：好的設(shè)計(jì)方案應(yīng)該能夠滿足多個(gè)維度的評(píng)審標(biāo)準(zhǔn)Tom：我了解了。但是你剛才說收集用戶需求，你們都是通過什么渠道？其實(shí)我們是負(fù)責(zé)客戶培訓(xùn)的，才是每天面對(duì)客戶的人。Heidi：客戶和用戶還不是一個(gè)概念。你們培訓(xùn)接觸的客戶是其中一類用戶，也就是國(guó)內(nèi)的供應(yīng)商，對(duì)于他們的需求收集，我們有時(shí)也會(huì)“上山下鄉(xiāng)”，直接派一些設(shè)計(jì)師去他們的工作地點(diǎn)去觀察他們?nèi)绾斡梦覀兙W(wǎng)站。當(dāng)然，我們也通過內(nèi)部渠道，比如來自銷售、客服部門反饋過來。另外，我們也可以很方便邀請(qǐng)他們過來我們公司，中國(guó)站有專門的實(shí)驗(yàn)室，可以讓他們?cè)趯?shí)驗(yàn)室里做一些可用性測(cè)試。但是另外一部分用戶是海外的買家和供應(yīng)商。他們離我們很遠(yuǎn)，他們不容易過來，我們也不能過去。這些用戶是我們網(wǎng)站的買家，服務(wù)好買家，才能夠讓賣家受益，所以他們的需求非常重要。Tom：那你們?cè)趺崔k呢？Heidi：只能盡可能挖掘渠道。每年的廣交會(huì)，國(guó)外的買家會(huì)來不少，我們也會(huì)去廣交會(huì)參加用戶調(diào)研。平時(shí)有專門的團(tuán)隊(duì)，BI部門（網(wǎng)站參謀部）會(huì)定期做一些海外買家的問卷調(diào)研，并逐漸沉淀出一些買家分層研究，我們可以通過他們知道很多買家的需求和問題。另外，我們自己也會(huì)偶爾做一些遠(yuǎn)程的在線的用戶調(diào)研和測(cè)試。Tom：但是我們網(wǎng)站不會(huì)經(jīng)常推出新的產(chǎn)品，你們平時(shí)閑著嗎？Heidi：(汗)我們也想啊但是事實(shí)上是我們每天都很忙，而且還在不斷招新的人。大的戰(zhàn)略級(jí)的產(chǎn)品非常不會(huì)經(jīng)常推出，但是小的產(chǎn)品會(huì)經(jīng)常出現(xiàn)。但是一些老產(chǎn)品的優(yōu)化是不斷在進(jìn)行的打個(gè)比方，剛發(fā)布時(shí)，注冊(cè)表單的轉(zhuǎn)化率是50，之后的優(yōu)化目標(biāo)就是將這個(gè)轉(zhuǎn)化率提升到70，目標(biāo)在不斷提高，就需要有后續(xù)的行動(dòng)。Tom：不能一開始就做的很好，以后就不會(huì)經(jīng)常需要優(yōu)化了嗎？Heidi：也許快速迭代就是互聯(lián)網(wǎng)產(chǎn)品的明顯特征吧。剛開始大家就是想把產(chǎn)品做到線上去，這時(shí)也許本來就解決最核心的功能，和主要的流程沒有問題。我們也無法一開始就做到盡善盡美，一個(gè)原因就是資源不允許。另外有可能是，我們確實(shí)不清楚到底完美的方案是什么，那些耗費(fèi)大量資源的功能到底有多少用戶需要，所以我們有時(shí)就會(huì)先發(fā)布一個(gè)簡(jiǎn)單版本，之后隨著用戶使用的數(shù)據(jù)和訪談的聲音，去迭代優(yōu)化。另外，我們對(duì)于在線的頁(yè)面、功能都有數(shù)據(jù)監(jiān)測(cè)，會(huì)分析流程中的流失率，我們?nèi)ヅ袛嗫梢詢?yōu)化的點(diǎn)是什么，然后去改，再監(jiān)測(cè)。Tom：但是依然沒有百分之百滿意的時(shí)候。Heidi：每次優(yōu)化要保證數(shù)據(jù)是正向的。不是正向的就返回老的版本，繼續(xù)思考。但是確實(shí)不可能說什么是永遠(yuǎn)不用再優(yōu)化的。網(wǎng)站的體驗(yàn)就是一點(diǎn)點(diǎn)被優(yōu)化升級(jí)的啊。Tom：我明白了，謝謝。我之前理解做網(wǎng)站太簡(jiǎn)單了，想不到這么