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

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

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

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

　　UI設(shè)計思考流程

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

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

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

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

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

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

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

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

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

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

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

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

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

　　1)訪談

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　2)觀察

　　給你的用戶設(shè)置一個任務(wù),，觀察他們?nèi)绾瓮瓿?，因為很多時候如果你直接詢問他們，是得不到真實答案的,。

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

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

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

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

　　3)親身體驗

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

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

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

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

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

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

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

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

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

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

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

　　舉個例子來看：

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

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

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

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

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

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

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

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

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

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

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

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

　　● 合理有效的功能流程;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　原型具有三個效用：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　你要相信設(shè)計思考的方法能夠為你帶來益處,，同時也別忘了享受思考過程中的樂趣。

　　總結(jié)

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

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

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