初學(xué)交互設(shè)計(jì)的新人，因?yàn)闆]有做過任何的設(shè)計(jì)項(xiàng)目，所以不知道整個(gè)交互設(shè)計(jì)師的工作流程會有哪些內(nèi)容，今天這篇文章請了專業(yè)科班出身的設(shè)計(jì)師來科普他們在實(shí)際項(xiàng)目中的工作流程，強(qiáng)烈建議閱讀。

Spell：先說下我的背景吧。我是國內(nèi)軟件工程本科+美國UW HCDE master，現(xiàn)在在硅谷做用戶體驗(yàn)設(shè)計(jì)并且教用戶體驗(yàn)課程。在這里我想給出我負(fù)責(zé)的幾個(gè)項(xiàng)目里所用到的流程，這些也是我教給學(xué)生的流程。

我自己教課的經(jīng)驗(yàn)以及我和其他教授討論的結(jié)果就是，About Face在北美各大最頂尖的交互設(shè)計(jì)/HCI院校都是學(xué)生的必讀物不假，但是教授在啟發(fā)學(xué)生真正去做項(xiàng)目的時(shí)候，往往會告知他們：

1. 這些步驟并不是每步都是必須的，要根據(jù)項(xiàng)目去分析你所使用的方法

2. 這個(gè)過程中每一步都是和用戶相關(guān)的，切莫主觀臆斷。

所以其實(shí)業(yè)界對于方法論的認(rèn)識，和學(xué)術(shù)界是有偏差的，業(yè)界的步驟可以被總結(jié)為：

1. 認(rèn)識產(chǎn)品所要解決的問題

像我以及眾大神們經(jīng)常強(qiáng)調(diào)的一樣，交互設(shè)計(jì)的初衷就是解決用戶的問題。不論設(shè)計(jì)什么產(chǎn)品，能夠被用戶認(rèn)可的途徑只有這個(gè)產(chǎn)品解決了他們生活中的一個(gè)問題。

交互設(shè)計(jì)的第一步，不論是對成熟產(chǎn)品還是初創(chuàng)產(chǎn)品都一樣，就是定義這個(gè)設(shè)計(jì)到底要解決用戶的什么問題。像之前很多人提到的一樣，這一步的做法有：用戶訪談，實(shí)地考察，發(fā)放問卷等等。

這一步可以說是整個(gè)流程中最核心的一步。

比如當(dāng)年在亞馬遜的時(shí)候，我們想研究一下在意大利市場的亞馬遜存在哪些問題，于是我們的用研人員就去了意大利。在實(shí)地考察的過程中發(fā)現(xiàn)了很多有意思的事情，比如意大利家用電腦其實(shí)普遍比較落后，快遞系統(tǒng)也和美帝有很多不同等等，那么翻譯成用戶的實(shí)際問題，就變成了用戶看到的信息過載的網(wǎng)頁往往需要更長時(shí)間加載，而他們在意的關(guān)于快遞的很多信息卻不能直接從網(wǎng)站上得到等等。當(dāng)然這只是研究發(fā)現(xiàn)的很小一部分，舉這個(gè)例子的意思是說，只有真正的在用戶所處的環(huán)境里，看到他們到底在做什么，如果使用產(chǎn)品，有哪些問題，才能為自己的設(shè)計(jì)打下基礎(chǔ)。

2. 收集能解決這一問題的用戶相關(guān)的信息

了解了自己要解決什么問題之后，還要確定自己到底要為誰解決這個(gè)問題。近些年面試有個(gè)很大心得，就是即使在硅谷這個(gè)用戶體驗(yàn)已經(jīng)被炒的熱的不能再熱的地方，很多人仍然不知道如何了解自己的用戶。當(dāng)聽著面試者給我大談特談persona的時(shí)候，我就很想告訴他們，你那個(gè)訪談了三五個(gè)用戶的東西，根本也不是persona。下面這個(gè)是Weebly的persona，原文在此 Persona Cards by Ryan Hunter。至于做的怎么樣我大家可以自己體會一下。(我會說我的好朋友兼美國同事和他們的CEO有個(gè)人糾葛我很難給出公正評價(jià)咩)

了解用戶的途徑其實(shí)特別多，很多人為了表現(xiàn)自己特別熟悉UX的各種方法，而在選擇著華而不實(shí)的調(diào)研的途徑。其實(shí)了解用戶是誰的最好途徑，就是通過協(xié)作。做市場，銷售，用戶支持等各個(gè)崗位的人，都會對這個(gè)問題有自己的見解。在這個(gè)基礎(chǔ)上，再通過訪談以及觀察確認(rèn)到底誰才是你真正的用戶，往往比你直接start from scratch(從零開始)要有效的多。

有一張很經(jīng)典的圖，送給大家。圖片來自About Face 4，是Cooper加工過的版本。這個(gè)具體問題要講其他估計(jì)得能講上好幾個(gè)小時(shí)，歡迎大家來切磋。

3. 提供這一問題的解決方案

其實(shí)這一階段，可能是我認(rèn)知中和傳統(tǒng)設(shè)計(jì)理論和方法中最貼近的一個(gè)階段。線框圖，不同方式的建模，頭腦風(fēng)暴，流程圖，到原型圖，所有的設(shè)計(jì)方法在這個(gè)階段都可以用。

不過對于復(fù)雜的系統(tǒng)，我想特別強(qiáng)調(diào)一下線框圖和流程圖的巨大幫助。我有幸在老東家?guī)е�大家做了個(gè)用戶數(shù)量龐大的產(chǎn)品，復(fù)雜系統(tǒng)中的分支情況和邊緣條件，往往不是設(shè)計(jì)師在設(shè)計(jì)過程中最直覺去考慮的內(nèi)容，而線框圖和流程圖，可以很大程度的幫助這一過程。同時(shí)，也是跟PM已經(jīng)程序員撕逼大戰(zhàn)的時(shí)候的利器，一個(gè)定義好了的線框圖，可以最大程度的避免需求一改再改。(反正一直改需求的PM可能也不是好PM哼╭(╯^╰)╮)

4. 驗(yàn)證所提出的解決方案

交互設(shè)計(jì)的難點(diǎn)和亮點(diǎn)我覺得就是驗(yàn)證和迭代的過程。說到底有才的人畢竟很多，有創(chuàng)意的方案層出不窮，能經(jīng)歷用戶和市場考研的方案才是好方案。

測試的過程那就太多了。我先羅列幾個(gè)基本我做過的每個(gè)公司都會用的：(*如果我的翻譯有誤歡迎指出，我可能只熟悉他們的英文說法)

1、用戶測試（usability testing）

我見過的幾個(gè)用戶測試實(shí)驗(yàn)室，基本設(shè)置都差不多，就是用戶在一間房間里面做測試，房間里面要不就是有攝像頭，要么就是有只能單向看到的玻璃，然后其他旁觀測試的同事都會在另一間會議室，要么看實(shí)時(shí)直播，要么就通過玻璃直接觀察。這樣的目的是為了讓用戶在盡可能自然的情況下進(jìn)行測試。要知道，當(dāng)年我最怕的就是用戶告訴我：為了做你們的測試，我昨晚很認(rèn)真的研究了一下amazon!真是淚崩。

2、AB 測試

這個(gè)就不是一個(gè)交互設(shè)計(jì)師自己能夠完成的了，需要工程師哥哥們的配合。我個(gè)人還是AB testing的忠實(shí)粉絲的。只是曾經(jīng)待過的某互聯(lián)網(wǎng)巨頭(說老東家壞話有點(diǎn)心虛此處略去名字了)所有的設(shè)計(jì)都要經(jīng)過AB testing，而每次贏得勝利的都是比較丑的那個(gè)，當(dāng)時(shí)玻璃心也是收到了一萬點(diǎn)傷害的。畢竟還是有設(shè)計(jì)師對于美學(xué)的追求的。

扯回來。AB testing在很多時(shí)候其實(shí)都很有用，有個(gè)叫GoodUI的組織經(jīng)常會講一些他們做AB testing的發(fā)現(xiàn)，很有幫助，但是每個(gè)報(bào)告都要錢。下面就是個(gè)例子，是說你在自己的網(wǎng)站上面自夸的效果是不如引用別人在社交媒體上的評價(jià)的。聽起來誰都知道，但是人家有了數(shù)據(jù)是不是撕逼的時(shí)候就更容易了，比如PM說咱們要寫一大段這樣那樣的話的時(shí)候就可以拿出這些數(shù)字甩他們一臉了(感覺自己以后很可能全職做產(chǎn)品了這樣說PM真的好么)

3、五秒測試 （five second test）

不知道這個(gè)測試現(xiàn)在在國內(nèi)有沒有人用，我個(gè)人非常喜歡。就是你給一個(gè)用戶看你的設(shè)計(jì)五秒，只有五秒，然后讓用戶回答一個(gè)問題。我目前覺得這種測試適合非常小的點(diǎn)，比如一個(gè)icon用戶到底能不能認(rèn)出了，別自己做的是嫩牛五方別人以為是麥辣雞這樣。一個(gè)很好的做五秒測試的網(wǎng)站是 The original Five Second Test • UsabilityHub ，大家可以去試試。

4、遠(yuǎn)程測試（remote testing）

遠(yuǎn)程測試太熱了，最近我們想買一個(gè)服務(wù)做遠(yuǎn)程測試，結(jié)果被價(jià)格嚇得一臉豪血。感覺沒法給大家推薦具體用哪個(gè)了，我認(rèn)為非常復(fù)雜的產(chǎn)品不適合遠(yuǎn)程測試。遠(yuǎn)程測試還是2C的產(chǎn)品更好進(jìn)行測試。

5、熱圖測試（heat map testing）

這個(gè)還需要解釋么?就是下面這只怪物啦

除此之外還有些不具有普世性的測試方法，我就不一一贅述了，比如眼動儀測試什么的。想最后個(gè)在學(xué)校的學(xué)生以及創(chuàng)業(yè)公司的你推薦一個(gè)測試方法：游擊隊(duì)測試 (guerrilla testing)。其實(shí)這個(gè)測試特別簡單，就是你拿著你的原型去大街上隨便找人來用，告訴你他們的反饋。當(dāng)然實(shí)踐起來也沒用這么簡單，你要有很明確的目的，很清楚你想要得到哪方面的反饋，不然一定會被用戶帶著跑偏了的。

5. 改善解決方案

說到最后，交互設(shè)計(jì)的精髓不就是一直的迭代么，哪里沒做好改哪里。對于開發(fā)周期很長的傳統(tǒng)行業(yè)，互聯(lián)網(wǎng)行業(yè)賦予設(shè)計(jì)師最大的自由度，就是隨時(shí)沒做好，咱就改唄~具體步驟就是酌情重復(fù)前面四步啦~

寫的有點(diǎn)長了，有些地方還沒有寫的特別具體，以后可以慢慢來更新~

作者簡介：Spell，高級產(chǎn)品設(shè)計(jì)@Salesforce。曾助力微軟，亞馬遜，HTC，Citrix及若干創(chuàng)業(yè)公司的產(chǎn)品設(shè)計(jì)。當(dāng)下樂趣是將UX的知識傳遞給更多的人，并創(chuàng)立了UXOffer-專注于幫助中國學(xué)生獲得最好的HCI/交互設(shè)計(jì)教育機(jī)會。

個(gè)人網(wǎng)站：http://hangyu.me/