一個頂尖的設(shè)計(jì)團(tuán)隊(duì)是如何做產(chǎn)品設(shè)計(jì)的?你有沒有想過，如果有一種通用公式，能讓你設(shè)計(jì)出創(chuàng)新性的產(chǎn)品、用戶體驗(yàn)或服務(wù)，這世界將會發(fā)生什么?我指的可不是那些慢吞吞的遞進(jìn)式優(yōu)化，我要說的是“破壞性”的革新!讓我來看看來自Adobe XD團(tuán)隊(duì)的經(jīng)驗(yàn)。

　　其實(shí)說到底一切的創(chuàng)新都和“人”有關(guān)，畢竟我們只是一群為了另一群人創(chuàng)造事物的人。

　　就像上文說的，希望大家能夠接受一種“成長型思維” (Growth Mindset) 并且保持開放的心態(tài)，勇敢地去接受全新的看法。

　　在Carol Dweck的《思維模式：成功心理學(xué)》一書中，她認(rèn)為后天的努力加上正確的學(xué)習(xí)方法，就能夠獲得進(jìn)步和成功。換句話說，只要你把精力用在對的地方，并從失敗經(jīng)驗(yàn)里吸取經(jīng)驗(yàn)，任何人就都會有成功的可能。

　　UI設(shè)計(jì)思考流程

　　這種思考模式最初來自IDEO，并且在斯坦福的設(shè)計(jì)學(xué)院成立了課程。這種思考流程需要大量的溝通以及頻繁的更迭，一般包含以下五個明確的階段：同理心、定義、建立產(chǎn)品概念、原型以及測試。

　　這種思維的最終目標(biāo)是創(chuàng)造出一個用戶真實(shí)需要的產(chǎn)品、服務(wù)或體驗(yàn)，它的結(jié)果產(chǎn)出需要實(shí)際可用，并且能夠真的在科技上被實(shí)現(xiàn)。

　　有一點(diǎn)很重要，你需要每一次只將精力集中在一個步驟上，完成后再快速地轉(zhuǎn)移至下一個步驟。

　　為了更好的闡述設(shè)計(jì)思考流程，下面我以Adobe XD設(shè)計(jì)團(tuán)隊(duì)的日常工作為例來說說實(shí)際操作。

　　Vincent Hardy是我們工程部門的老大，他在一篇博文中提到，Adobe XD團(tuán)隊(duì)保持著一種非常激進(jìn)的開發(fā)流程：我們每2周一次內(nèi)部發(fā)布，每4周一次對外發(fā)布，我們保持著對用戶反饋的持續(xù)關(guān)注，包括bug報(bào)告、用戶意見和新需求的提議，這讓我們得以快速地感知需求變化、建立優(yōu)先級，并找到下一個迭代設(shè)計(jì)的切入點(diǎn)。

　　我們有專屬的、跨背景的“T型”成員架構(gòu)的團(tuán)隊(duì)，包括設(shè)計(jì)師、開發(fā)工程師、項(xiàng)目經(jīng)理、市場專員以及產(chǎn)品經(jīng)理。

　　(T型人才即是指那些具有某個領(lǐng)域的專業(yè)深度、同時具有一定跨專業(yè)知識的人，他們能在團(tuán)隊(duì)中扮演多樣的角色，他們是一群保持著好奇心和工作熱情的人)

　　所有的設(shè)計(jì)思考都源自于一個設(shè)計(jì)挑戰(zhàn)。

　　以Adobe XD為例，我們的挑戰(zhàn)就是：Photoshop和Illustrator在最初設(shè)計(jì)的時候，其實(shí)并沒能預(yù)知到它們作為一個設(shè)計(jì)工具，該如何去適應(yīng)今天的設(shè)計(jì)挑戰(zhàn)。

　　為了回答這個問題，我們邁出的第一步是去找用戶聊天——這也是設(shè)計(jì)思考流程的第一步。

　　階段一：同理心——找到共鳴

　　同理心是一種站在別人的角度看問題的方式。

　　通常有三種方法可以幫你建立和用戶之間的共鳴：訪談、觀察、親身體會。

　　1)訪談

　　我們會定期地進(jìn)行用戶訪談，以探討現(xiàn)有產(chǎn)品流程是否合理有效。

　　在訪談中，使用者(Adobe XD的用戶群體就是設(shè)計(jì)師們)會說出他們的看法、他們在何種環(huán)境下使用工具軟件，以及如何開展他們的設(shè)計(jì)工作、痛點(diǎn)在哪兒、對產(chǎn)品還有什么期待等等。

　　這些訪談不僅僅在美國本土開展，我們還對世界各地的用戶群體進(jìn)行訪談。這些來自不同地域的用戶會帶來各異的視角和觀點(diǎn)，非常有趣。

　　在訪談中，記得要有人類學(xué)家的研究精神，并保持中立的態(tài)度。

　　——即使你已經(jīng)能猜到用戶的答案，也一定要繼續(xù)問他們“為什么”?

　　Sakichi Toyoda提出過一個有趣的觀點(diǎn)(這個方法也被用在豐田汽車的生產(chǎn)質(zhì)量評估的流程中)

　　——只要你連問五次“為什么”，你就能找到問題的根源在哪兒。

　　你可以把自己變成渴望搞清楚每個問題的小朋友。

　　在訪談的過程里，你需要建立一種親密的關(guān)系并避免提出帶有引導(dǎo)性的語言，從而讓被訪問者愿意主動交流。

　　千萬別問“這個還不錯吧?”，而是問“你覺得這個怎么樣?”，或者用更好的方式：“跟我說說你在使用X產(chǎn)品工作時的故事吧?！?/p>

　　懂得如何挖掘用戶故事是一個有用的技能，你能從中發(fā)現(xiàn)不少非常有價值的信息，比如你想知道現(xiàn)在的年輕人都喜歡什么，這時你其實(shí)可以直接問他們?nèi)绻o你150美金你會去買什么?

　　在訪談中表現(xiàn)出對用戶故事的好奇和渴望，能幫助你們建立彼此之間的互動感。最近Human Tech在播客里講述了一個關(guān)于測量大腦在敘述故事期間的活動情況的研究，其結(jié)果顯示當(dāng)故事情節(jié)達(dá)到高潮的時候，聽者和講述者的大腦活動極為相似，就像兩個人的大腦彼此真的關(guān)聯(lián)起來了一樣。

　　你問出一個問題以后，留些時間給被訪者自己思考，別害怕此時短暫的沉默，就算你覺得有點(diǎn)小尷尬，也千萬別打斷或試圖影響被訪者的思路。

　　總體來說，設(shè)計(jì)思考的流程中，你應(yīng)該更注重質(zhì)量而非數(shù)量。

　　這意味著你得控制訪談的用戶數(shù)量，并從產(chǎn)品或服務(wù)的角度出發(fā)去挑選那些你認(rèn)為能提供多元化觀點(diǎn)的用戶們。

　　——我們要的是洞悉本質(zhì)，而不僅僅是表面上的“真相”。

　　想要洞悉事物的本質(zhì)，就必須深入地去理解它們。

　　就像大腦中的神經(jīng)細(xì)胞，它們除了需要接受各式各樣的信息以外，更重要的是激活信息并將所有信息關(guān)聯(lián)起來，找出之間的邏輯關(guān)系，然后你就會幡然醒悟。

　　極端用戶可能讓你的研究受益良多。

　　例如，當(dāng)你需要就購物車的設(shè)計(jì)問題進(jìn)行一次訪談，別只訪問那些消費(fèi)者，試試去問問那些流浪漢，他們把購物車當(dāng)成交通工具來堆放一些自己的雜物，或者存放一些能回收利用的東西——這些流浪漢就是你的極端用戶，他們可說不定能給你提出相當(dāng)有趣的觀點(diǎn)。

　　2)觀察

　　給你的用戶設(shè)置一個任務(wù)，觀察他們?nèi)绾瓮瓿?，因?yàn)楹芏鄷r候如果你直接詢問他們，是得不到真實(shí)答案的。

　　比如你問用戶是否在亞馬遜購物的時候遇到過什么難題?不少用戶可能會回答“一切順利，我可從來沒遇到過什么問題”，而實(shí)際上如果你在他們背后觀察他們的操作，就會發(fā)現(xiàn)事實(shí)并非如此。

　　最近在Adobe我們進(jìn)行了一場內(nèi)部的“用戶體驗(yàn)馬拉松”，我們找來公司里的設(shè)計(jì)師，讓他們使用Adobe XD，而我們則在背后默默地觀察他們。

　　Adobe XD的產(chǎn)品工程師和設(shè)計(jì)者們都參加這場活動，很快我們就發(fā)現(xiàn)了不少值得改進(jìn)的產(chǎn)品問題，而現(xiàn)在那些當(dāng)時觀察到的問題已經(jīng)排上了我們現(xiàn)在迭代設(shè)計(jì)的日程表。

　　我們認(rèn)為，無論你是設(shè)計(jì)者、工程師還是產(chǎn)品經(jīng)理，都應(yīng)該積極參與各式各樣的用戶交流活動。線上反饋、用戶論壇、小型見面會、訪談小組這些形式各異的方法，這些方法讓我們在設(shè)計(jì)產(chǎn)品的各個方面時都能有效地針對用戶所遇到的困難而做出改進(jìn)。

　　3)親身體驗(yàn)

　　你的用戶在使用哪些產(chǎn)品，你也得去親身試試看。這些產(chǎn)品可以是你自己的產(chǎn)品，也可以是其它競品。

　　親身使用能讓你更直接地感受到用戶的痛點(diǎn)、它們在使用過程中的感受、以及使用的愉悅體驗(yàn)從何而來。

　　我?guī)缀鯂L試了所有的設(shè)計(jì)工具和原型產(chǎn)品，不僅僅試圖去建立使用時的思維模型，還為了像一個人類學(xué)家那樣，去找出我的產(chǎn)品目前在其所處“群落”里的位置——我的用戶們到底是不是基于別的競品或其它已存在的某些服務(wù)，來判定是否現(xiàn)在去使用我的產(chǎn)品，并產(chǎn)生對后續(xù)新功能的期待?

　　我不得不說，接受一種新的思考模式、試圖避開現(xiàn)有模式的偏見可能是最難的事情了。

　　對我們的設(shè)計(jì)團(tuán)隊(duì)來說這兒有個有趣的事實(shí)：我們用Adobe XD作為工具來設(shè)計(jì)Adobe XD這個產(chǎn)品，就像用它“自我繁殖”出一個新產(chǎn)品一樣。

　　從這個角度來說我每天都在親身體驗(yàn)我的用戶所使用的產(chǎn)品!所以呢，我可非常能明白你們的使用感受。

　　在你試圖建立你和用戶之間同理心的過程里，你可以利用一些有效的途徑去總結(jié)，例如共鳴地圖：列出每個用戶細(xì)分群體如何表達(dá)如何操作(外部)、如何思考以及感受如何(內(nèi)部)。

　　從訪談、觀察、親身體驗(yàn)的過程中收集總結(jié)你得獲取的全部信息，你就能從看到的“外顯表現(xiàn)”(表達(dá)和行為)出發(fā)，找出背后的“內(nèi)部需求”(思維和情緒)，而后者才是你進(jìn)一步洞悉用戶的入口，

　　階段二：定義——在哪兒&是什么

　　當(dāng)你完成了和用戶建立同理心的過程，則是時候開始重新思考什么是你最初的設(shè)計(jì)挑戰(zhàn)，如果它已經(jīng)變了，那么就去重新定義。

　　無論是定義最初問題還是重新定義新問題，有個建立觀點(diǎn) (point of view) 的公式你都可以參考：PoV = persona + need + insight

　　舉個例子來看：

　　“Sam是一個資深設(shè)計(jì)師，他認(rèn)為要做出滿足用戶實(shí)際需求又能帶來愉悅體驗(yàn)的產(chǎn)品，必須快速出方案、產(chǎn)出原型、測試驗(yàn)證，并不斷地優(yōu)化迭代。而此時他發(fā)現(xiàn)，要做完這整套設(shè)計(jì)流程，必須在各個不同的設(shè)計(jì)軟件中轉(zhuǎn)換，這讓他覺得浪費(fèi)了很多精力和時間。”

　　需求是情緒化的、難以被發(fā)覺的。洞察力能帶來驚喜，但你需要從訪談結(jié)果、觀察對比中才能獲得，而最后你還必須把洞悉到的結(jié)果真正運(yùn)用到設(shè)計(jì)里。

　　一旦你以用戶為中心去思考并滿足他們的真實(shí)需要，你就比其他設(shè)計(jì)師更有競爭力了。

　　我很喜歡一種說法“比起解決現(xiàn)有問題，設(shè)計(jì)思考更多的是要求你去發(fā)現(xiàn)新問題”——你可是一個設(shè)計(jì)師，你得有一雙發(fā)現(xiàn)問題的眼睛!

　　在我們開始了設(shè)計(jì)思考的流程并建立了和用戶間的共鳴以后，我們?yōu)锳dobe XD所處的產(chǎn)品類群找到了一些痛點(diǎn)：

　　● 自打Photoshop和Illustrator被創(chuàng)造出來直到今天，設(shè)計(jì)師所面臨的挑戰(zhàn)早已今非昔比了;

　　● 如今我們有數(shù)不勝數(shù)的工具去解決各類問題，比如建立低保真設(shè)計(jì)的工具 (信息結(jié)構(gòu)和線框圖等)、完成高保真設(shè)計(jì)的工具、以及獨(dú)立的設(shè)計(jì)原型工具等等，用戶不得不在各個工具軟件之間轉(zhuǎn)換，才能完成整個設(shè)計(jì)從初期到原型的流程;

　　● 整個設(shè)計(jì)流程不可能一帆風(fēng)順，尤其當(dāng)你建立完原型才發(fā)現(xiàn)某些設(shè)計(jì)必須修改，你就不得不再從頭返工。這些反復(fù)會減緩你的進(jìn)度并磨損你的創(chuàng)造熱情，而從我們的觀察里，我們認(rèn)為設(shè)計(jì)師們都希望能夠以高效率去嘗試盡可能多的方案、快速測試并改進(jìn)(而大部分現(xiàn)有設(shè)計(jì)流程和工具很難滿足這一點(diǎn));

　　● 大多數(shù)設(shè)計(jì)工具總是不停地堆積新功能，它們讓軟件變得龐大笨重甚至漏洞百出。

　　從上面這些痛點(diǎn)出發(fā)，我們?yōu)锳dobe XD找到了一些方向：

　　● 設(shè)計(jì)工具必須得跟上設(shè)計(jì)師快速的思路;

　　● 良好的穩(wěn)定性和表現(xiàn);

　　● 合理有效的功能流程;

　　● 符合場景的界面設(shè)計(jì)。

　　以上就是我們?yōu)锳dobe XD找到定位的大致過程。

　　階段三：建立產(chǎn)品概念——做什么

　　好啦，現(xiàn)在你已經(jīng)建立了和用戶的共鳴，并且找到了產(chǎn)品定位，那么現(xiàn)在你可以大開腦洞地去想產(chǎn)品該做成什么樣了——這是我最喜歡的過程，有趣又刺激!

　　一般在建立產(chǎn)品概念的時候有兩件事不可少：

　　1)盡可能多想——創(chuàng)作方案

　　整個產(chǎn)品團(tuán)隊(duì)從最初的設(shè)計(jì)思考流程到現(xiàn)在的建立產(chǎn)品的概念都呆在一起，所以我們之間不會有任何大方向上的歧義 (大家都參與了之前的流程也明白現(xiàn)在的目標(biāo)是什么)，這也讓我們能夠盡情地吐槽和開腦洞。

　　我們先是把所有的方案全部列出來，先不管那些顯而易見的常用解決方案，而是側(cè)重于進(jìn)一步探討那些全新的、鮮為人用的設(shè)計(jì)，因?yàn)檫@里面才能發(fā)現(xiàn)有價值的創(chuàng)新點(diǎn)。

　　想跟我們一樣大開腦洞?那么你需要：

　　● 放下偏見和固執(zhí); 找出盡可能多的可能性;

　　● 一次只針對一個問題展開討論; 別說的太抽象，得讓別人明白你的意思;

　　● 試著在別人想法的基礎(chǔ)上再進(jìn)一步 (比如說“對，沒錯!其實(shí)我覺得還可以…”);

　　● 別說著說著就跑偏了，要牢記得你在討論什么問題;

　　● 別懼怕那些聽起來很瘋狂的想法!

　　以我的經(jīng)驗(yàn)來看，只要你們做的上面這些，基本可以在1個小時里找出100多個設(shè)計(jì)想法。

　　2)做出決定——選擇方案

　　現(xiàn)在你已經(jīng)有了一堆開腦洞得到的點(diǎn)子，這時你得冷靜下來決定最后的方案了。

　　公平投票是個不錯的方式，每個小組成員用不同的標(biāo)簽對其它小組的方案進(jìn)行投票，同時每個小組也內(nèi)部決定自己想要做哪幾個方案，結(jié)合雙方面的評價，你就知道那個方案可以繼續(xù)做下去。

　　記得上面這兩件事你必須一步一步來，別混在一起做：

　　1個小時頭腦風(fēng)暴→1個小時討論做出決定。

　　階段四：原型——試驗(yàn)&預(yù)覽

　　已經(jīng)有了設(shè)計(jì)，現(xiàn)在我們可以把原型做出來體驗(yàn)一把了。

　　產(chǎn)品原型把抽象的想法轉(zhuǎn)變?yōu)閷?shí)際可操作的界面，這時你才能真正的試一試你的方案。

　　IDEO提出過一個觀點(diǎn)“一個產(chǎn)品原型值得你上千遍的深究”。

　　原型具有三個效用：

　　1) 啟發(fā)——我的產(chǎn)品可能會是什么樣子?

　　2) 演變——我的產(chǎn)品下一步可以怎么改進(jìn)?

　　3) 驗(yàn)證——我的產(chǎn)品是不是真的可以運(yùn)用這個設(shè)計(jì)方案?

　　原型讓你得以快速地看到哪里有坑，也讓你知道從哪里爬起來。

　　畢竟這時候就發(fā)現(xiàn)產(chǎn)品的不足，可比你花費(fèi)人力物力開發(fā)以后才意識到有問題要好得多。我們建立原型不是純粹為了在搶先體驗(yàn)一把，而是為了發(fā)現(xiàn)問題和矛盾，從中學(xué)習(xí)、展開討論，有必要時重新設(shè)計(jì)方案。長屏滾動、圖標(biāo)樣式、圖層、元件庫，這些都是我們在測試原型時要去關(guān)注和驗(yàn)證的元素。

　　階段五：測試——驗(yàn)證&改進(jìn)

　　此時你已經(jīng)完成了經(jīng)過試驗(yàn)的產(chǎn)品原型，現(xiàn)在可以去找一些真實(shí)用戶來進(jìn)行產(chǎn)品測試了。測試的目的在于進(jìn)一步改進(jìn)原型、了解真實(shí)用戶的反饋、補(bǔ)充產(chǎn)品需求以及你此前的觀察結(jié)論 (PoV = persona + need + insight)。

　　測試的時候，把產(chǎn)品原型完全交于用戶自己去操作，你只需要在一旁觀察和聆聽。如果你發(fā)現(xiàn)使用過程中出現(xiàn)了一些細(xì)小的問題，而你難以察覺原因，那么讓用戶多試幾次，直到你能發(fā)現(xiàn)問題。

　　測試時要和用戶保持友好的互動，切記，雖然你是產(chǎn)品的設(shè)計(jì)者，但也要保持客觀心態(tài)，千萬別“愛上”你的設(shè)計(jì)而聽不得用戶的一點(diǎn)批評。

　　我們曾經(jīng)在Adobe XD中試圖弱化“圖層”這一功能概念，期待用戶能夠接受這種新的思維模式并形成習(xí)慣。在測試時我們發(fā)現(xiàn)，有人很喜歡這個改變，可也有人表示反對。

　　在最初的版本里，我們決定去除“圖層”這一功能，這時候不少設(shè)計(jì)師用戶也確實(shí)發(fā)現(xiàn)好像在很多時候根本不需要圖層這種東西。

　　然而隨著我們進(jìn)一步的用戶研究并收集論壇反饋，我們意識到“圖層”依舊有存在的價值，尤其當(dāng)你要從一組復(fù)雜的界面中將特定的元素分離或打包導(dǎo)出的時候。

　　在2016發(fā)布的Adobe XD里面我們保留了“圖層”功能，同時讓“圖層”變得更智能，增加了“Local Layers”的概念。即使到了今天，我們也不能完全確定這個設(shè)計(jì)的好壞，但我們相信用戶會告訴我們，如果用戶說不喜歡，那么我們則會繼續(xù)傾聽他們?yōu)楹尾幌矚g，并從用戶的身上找到幫助我們設(shè)計(jì)出更好產(chǎn)品的方法。

　　數(shù)據(jù)也是很有用的方法——它們雖然不一定能告訴你原因，但卻能告訴你“正在發(fā)生些什么”，它們同時還是比較或驗(yàn)證多個方案的途徑。

　　Adobe XD就擁有一個專業(yè)又機(jī)智的分析小組，他們不僅僅收集數(shù)據(jù)，最關(guān)鍵的是提出合適精準(zhǔn)的指標(biāo)來回答或驗(yàn)證問題所在。

　　例如要回答這個問題：Design Mode的設(shè)計(jì)是否對用戶是有用的?

　　如何定義是否”有用“呢，我們可以去收集一下用戶用拖拽圖片文件夾來快速創(chuàng)建相同格式網(wǎng)格內(nèi)容的使用情況數(shù)據(jù)。

　　在觀察過用戶數(shù)據(jù)以后，如果用戶并沒有頻繁使用該功能、或很難完成該功能的操作，那么是時候要改進(jìn)設(shè)計(jì)、甚至重新思考該功能本身的價值了，等你做好改進(jìn)方案，再進(jìn)行一次測試。

　　——記得，在這個過程中，要牢記你的初衷是什么，別在做了改進(jìn)設(shè)計(jì)以后就忘記了最初試圖解決的是什么問題。

　　除了定量分析和用戶測試，我們還進(jìn)行800人左右的小范圍預(yù)覽發(fā)布。

　　而在定性研究以外，我們還建立了一批會持續(xù)反饋建議的“用戶庫”來收集來自ogle、Facebook、Airbnb、IDEO、Citi、NFL、ELM、LinkedIn等公司的38位設(shè)計(jì)師的反饋，當(dāng)然另外還包括一些外部用戶的反饋，例如學(xué)生、開發(fā)者以及其它小型設(shè)計(jì)機(jī)構(gòu)的設(shè)計(jì)人員。我們和用戶庫的成員們保持持續(xù)的溝通，而他們也幫助我們測試原型并給出使用感受和建議。

　　上面這些就是完整的設(shè)計(jì)思考流程了!

　　當(dāng)你做完了一輪，一定能獲益良多，這時別停下腳步，新的一輪設(shè)計(jì)思考又要開始了，因?yàn)槟愕漠a(chǎn)品仍待改進(jìn)。

　　你要相信設(shè)計(jì)思考的方法能夠?yàn)槟銕硪嫣?，同時也別忘了享受思考過程中的樂趣。

　　總結(jié)

　　設(shè)計(jì)思考是從解決設(shè)計(jì)挑戰(zhàn)出發(fā)的一種方法，從建立同理心 (訪談、觀察、親身體驗(yàn))、定位產(chǎn)品需求及挑戰(zhàn)、建立并實(shí)施產(chǎn)品概念 (先找到盡可能多的可能性再進(jìn)行篩選)、用原型進(jìn)行后續(xù)測試 (以進(jìn)行再思考并改進(jìn)產(chǎn)品缺陷) 并保持對測試結(jié)果及后續(xù)反饋的追蹤。

　　以Adobe XD團(tuán)隊(duì)經(jīng)驗(yàn)來看，只要你能完成完整的設(shè)計(jì)思考流程，并保持開放的思路和樂于接受新想法的態(tài)度，你的產(chǎn)品就能得到越來越多用戶的認(rèn)可和關(guān)注，你也將從為用戶解決實(shí)際問題中獲得成就感。

　　更多UI設(shè)計(jì)：https://www.ukong.cn/