恍恍惚惚又是一年年底。又到了設(shè)計(jì)師們的“季節(jié)性迷茫期”，最近我的公眾號(hào)后臺(tái)經(jīng)常接到好多朋友的信息，自己行間透露著迷茫和不自信。大的趨勢(shì)和節(jié)奏還是和去年一樣，有些視覺(jué)設(shè)計(jì)師詢問(wèn)我如何轉(zhuǎn)UI，有些UI設(shè)計(jì)師問(wèn)我如何才能培養(yǎng)產(chǎn)品思維…其實(shí)大家都在迷茫，在這里我想分享一個(gè)用戶體驗(yàn)相關(guān)的綜述給大家，希望能對(duì)大家找準(zhǔn)自家的定位有幫助。
我最初是一名UI/視覺(jué)設(shè)計(jì)師，然后隨著一步一步的發(fā)展，給自己的目標(biāo)也在發(fā)生變化，我現(xiàn)階段給自己的最終定位是成為一名用戶體驗(yàn)設(shè)計(jì)師。好像現(xiàn)在有很多人會(huì)認(rèn)為，UI設(shè)計(jì)往上走的路徑應(yīng)該是做用戶體驗(yàn)或者產(chǎn)品經(jīng)理，其實(shí)這個(gè)想法是完全錯(cuò)誤的，先在這里澄清這一點(diǎn)，一個(gè)優(yōu)秀的UI設(shè)計(jì)師的未來(lái)可以一直專(zhuān)注的base在UI也沒(méi)有問(wèn)題，我也認(rèn)識(shí)一些視覺(jué)大牛，只做視覺(jué)，而且只專(zhuān)研視覺(jué)。我之所以更喜歡交互設(shè)計(jì)和用戶體驗(yàn)方面的東西，可能是我個(gè)人的興趣所在，我喜歡解決問(wèn)題的過(guò)程而已，所以，大家找準(zhǔn)自己的興趣點(diǎn)最重要。
好了不啰嗦了，進(jìn)入文章，這篇文章已經(jīng)被獨(dú)家收錄在UI中國(guó)《懂點(diǎn)設(shè)計(jì)》中。本文刨除PPT共7936字，你可能要多看一會(huì)…
Part 01 - 用戶體驗(yàn)和用戶體驗(yàn)設(shè)計(jì)
關(guān)于“用戶體驗(yàn)”這個(gè)詞，很多剛?cè)胄械男氯硕加X(jué)得它玄之又玄，妙不可言。一方面是不知道他具體到底是什么，就好像那是一塊理想地，看不見(jiàn)也摸不著，另一方面呢糟糕的用戶體驗(yàn)，作為用戶是能清晰感覺(jué)到它的存在。所以呢，在這里，會(huì)圍繞“用戶體驗(yàn)”這個(gè)詞做一個(gè)科普性質(zhì)的解釋和綜述，希望對(duì)初學(xué)者一些小小的幫助。
1.1 什么是用戶體驗(yàn)？
用戶體驗(yàn)的定義有很多種，我比較傾向的解釋是：
“用戶體驗(yàn)是人對(duì)于使用一個(gè)產(chǎn)品、系統(tǒng)、服務(wù)時(shí)的預(yù)期和反應(yīng)。”
首先明確第一個(gè)概念，體驗(yàn)是一個(gè)過(guò)程，生活中的一切皆是體驗(yàn)，我們赤裸裸的來(lái)到這個(gè)世界，最后赤裸裸的離開(kāi)，來(lái)人世走一遭就是來(lái)體驗(yàn)來(lái)了。
從廣義上來(lái)看，體驗(yàn)的主體是人，客體可以是一切物體和事情，媒介是我們的感官；當(dāng)我們的感官作用在一切事物上，會(huì)產(chǎn)生相應(yīng)的心理行為，比如預(yù)期，比如反饋，比如情緒，著所有的一切一起作用，形成了用戶體驗(yàn)過(guò)程。
只要留心生活，你會(huì)發(fā)現(xiàn)用戶體驗(yàn)無(wú)處不在。
舉兩個(gè)例子：
第一個(gè)是北京隨處可見(jiàn)的地鐵充值機(jī)，我經(jīng)?？吹接脩粽驹谀抢镢卤?，最主要的是他違背了用戶的操作習(xí)慣，插卡機(jī)器的的行為總會(huì)讓人聯(lián)想到APM機(jī)，而幾乎所有的APM機(jī)器卡都是插一半然后自動(dòng)吸進(jìn)去的，而北京地鐵卡是需要插到底，然后還需要用力按一下才能成功識(shí)別，跟多用戶懵逼在這一步，并沒(méi)有用力按，然后以為是機(jī)器壞了沒(méi)有識(shí)別。
第二個(gè)例子是我工作的地方旁邊商場(chǎng)一樓有一個(gè)肯德基，它有兩個(gè)門(mén)可以進(jìn)入，第一個(gè)門(mén)是在商場(chǎng)外臨街，第二個(gè)門(mén)是在商場(chǎng)內(nèi)。
我連續(xù)兩周的工作日每天早上9點(diǎn)半到10點(diǎn)在這家店吃早餐，發(fā)現(xiàn)一件很有趣的現(xiàn)象，由于工作人員的疏忽，商場(chǎng)內(nèi)的門(mén)二經(jīng)常會(huì)忘記打開(kāi)，因?yàn)檫@個(gè)商場(chǎng)的負(fù)二樓和地鐵站連在一起，所有很多人地鐵到站的人群從地鐵站口出直接從商場(chǎng)內(nèi)走向街道：
在這些人群里，如果他們正巧有買(mǎi)早餐的需求，他們往往會(huì)從門(mén)2進(jìn)，如果正巧由于工作人員的疏忽，門(mén)2沒(méi)開(kāi)。按照常人的思維，哪怕門(mén)2沒(méi)開(kāi)，那不還有一個(gè)門(mén)1么，用戶完全可以多走幾步出去從街道門(mén)1進(jìn)入啊，應(yīng)該不會(huì)太影響。如果你能得出這樣的結(jié)論，又碰巧你正好是互聯(lián)網(wǎng)的設(shè)計(jì)或者產(chǎn)品人員，那么你可能有“自我安慰型人格”。
我吃早餐的兩周里做了一個(gè)統(tǒng)計(jì)，10個(gè)工作日里，每天在我吃早餐的這半個(gè)小時(shí)內(nèi)，試圖推開(kāi)門(mén)2卻發(fā)現(xiàn)打不開(kāi)的，平均到每天有6位，按照每個(gè)人平均買(mǎi)一份早餐套餐15元錢(qián)來(lái)算，10天內(nèi)，由于工作人員的失誤，這個(gè)門(mén)至少阻擋了至少900元營(yíng)業(yè)額。
回到剛剛那個(gè)“自我安慰”的思維，我發(fā)現(xiàn)，10天內(nèi)被這個(gè)門(mén)阻擋的實(shí)際62位用戶里，真正出街道從街道門(mén)1再次進(jìn)入的人，只有十七位。也就是說(shuō)這個(gè)實(shí)驗(yàn)中肯德基早餐用戶被最短路徑阻隔之后，再次選擇次路徑完成轉(zhuǎn)化的轉(zhuǎn)化率17/62（27%）。
別急，還有更吃驚的數(shù)據(jù)：在被門(mén)2阻隔的62個(gè)人中，有17個(gè)是自身順路要往街道右邊走路過(guò)門(mén)1的。但是由于被門(mén)2阻隔，他們17個(gè)人當(dāng)中，哪怕自身行走路徑要路過(guò)門(mén)1，選擇從門(mén)1進(jìn)去的也只有7位，大概在11/17（64%）（判斷順路依據(jù)是他們吃完后從門(mén)1出門(mén)往右走）。
再看一下肯德基這個(gè)例子的數(shù)據(jù)結(jié)論：
被門(mén)2阻攔的62個(gè)人里，45人流失。
其余17位選擇從門(mén)1再次進(jìn)入，這17人里，本身就要順路經(jīng)過(guò)門(mén)一的占11位，說(shuō)明大概率只有順路才會(huì)進(jìn)入完成轉(zhuǎn)化。
這個(gè)例子說(shuō)明什么呢？
在替代品遍地都在的今天，不要試圖去挑戰(zhàn)用戶的體驗(yàn)。
當(dāng)用戶看到肯德基的門(mén)2，他們產(chǎn)生的預(yù)期是馬上就可以推開(kāi)享受一頓早餐，這時(shí)候由于門(mén)2打不開(kāi)，使得用戶預(yù)期受挫。
受挫用戶的第一反應(yīng)并不是想解決辦法（表現(xiàn)在例子中就是尋找另一個(gè)門(mén)進(jìn)入），而是放棄它。畢竟，沒(méi)有肯德基我還可以吃麥當(dāng)勞，還有星巴克，還有面包店，各種各樣的選擇。
這就是為什么互聯(lián)網(wǎng)行業(yè)把產(chǎn)品用戶體驗(yàn)看得這么重要的原因，除了社交產(chǎn)品以外的用戶是很難有忠誠(chéng)度的，你的產(chǎn)品難用，你不能給用戶更大的福利，用戶一旦發(fā)現(xiàn)別的產(chǎn)品做得比你好，用戶會(huì)馬上放棄你，轉(zhuǎn)而用別的替代品。
上面的那個(gè)例子主要表達(dá)的是用戶預(yù)期受阻帶來(lái)的糟糕體驗(yàn)導(dǎo)致用戶流失。其實(shí)整個(gè)用戶體驗(yàn)的過(guò)程當(dāng)中，是有很多很的因素相互制約，協(xié)同作用的：
用戶體驗(yàn)本身一個(gè)很龐雜繁復(fù)的系統(tǒng)；在一個(gè)過(guò)程內(nèi)，用戶對(duì)整個(gè)過(guò)程中的元素的預(yù)期和反應(yīng)（情感和生物反應(yīng)）構(gòu)成了整個(gè)用戶體驗(yàn)系統(tǒng)。這里面包含了很多很多的旁支，比如人的感知、人的經(jīng)驗(yàn)系統(tǒng)和使用場(chǎng)景決定了人對(duì)于單個(gè)體驗(yàn)的預(yù)期，而如果超過(guò)預(yù)期會(huì)帶來(lái)驚喜，促使用戶正向評(píng)價(jià)，也促使用戶再次體驗(yàn)。比如人感知和體驗(yàn)中客體呈現(xiàn)的意符決定了人的行為等等…
用戶體驗(yàn)最初的時(shí)候它只是用于表征易用性方面，而現(xiàn)在，它的概念更多的表現(xiàn)在情感的一個(gè)分支，包含設(shè)計(jì)情感互動(dòng)和評(píng)估情緒 。因?yàn)槿说那榫w是很難拿捏的，面對(duì)不同教育背景不同生活經(jīng)歷的用戶，我們最初其實(shí)很難歸納出到底什么樣的設(shè)計(jì)是具有好的用戶體驗(yàn)。
好的用戶體驗(yàn)各有各的優(yōu)點(diǎn)，但是，糟糕的用戶體驗(yàn)卻很容易被歸納和識(shí)別出來(lái)。
設(shè)計(jì)師們不斷的在識(shí)別和總結(jié)糟糕的體驗(yàn)問(wèn)題，慢慢在優(yōu)化這些問(wèn)題的過(guò)程中積累經(jīng)驗(yàn)，其實(shí)也慢慢的有了一些關(guān)于用戶體驗(yàn)的方法論形成，這種方法論作用于各個(gè)設(shè)計(jì)行業(yè)，工業(yè)設(shè)計(jì)、服裝設(shè)計(jì)、奢侈品、廣告、互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)各個(gè)行業(yè)產(chǎn)生的方法論其實(shí)不盡相同。
1.2 什么是用戶體驗(yàn)設(shè)計(jì)？
說(shuō)起設(shè)計(jì)（Design）這個(gè)詞，那就厲害了 ，作為設(shè)計(jì)師的你聽(tīng)說(shuō)過(guò)解釋肯定有很多種，而我個(gè)人對(duì)”設(shè)計(jì)“的理解是：設(shè)計(jì)是一種”約束條件下，解決問(wèn)題的可行的辦法“。而對(duì)于用戶體驗(yàn)設(shè)計(jì)而言，早期的時(shí)候，我們僅能夠基于經(jīng)驗(yàn)主義去完成一些設(shè)計(jì)，這時(shí)候?qū)＜业淖饔脮?huì)被放大，因?yàn)閷?zhuān)家提出的不要這樣、不要那樣，往往會(huì)成為指導(dǎo)性方案：
但是隨著發(fā)展，不斷地有人站出來(lái)嘗試描述和定義用戶體驗(yàn)的邊界，比如：
隨著探索者越來(lái)越多，我們最終也是大致能夠夠了出用戶體驗(yàn)設(shè)計(jì)的定義范圍：既然體驗(yàn)是一個(gè)過(guò)程，那么狹義的，用戶體驗(yàn)設(shè)計(jì)實(shí)際上是通過(guò)改善和優(yōu)化用戶與產(chǎn)品交互過(guò)程，從而提升用戶的滿意度的過(guò)程。
這里有兩個(gè)要點(diǎn)：
1、用戶體驗(yàn)設(shè)計(jì)的目標(biāo)是逐步不斷提升用戶滿意度，前面兩有個(gè)定語(yǔ)：“逐步“、”不斷”，對(duì)于用戶而言，永遠(yuǎn)沒(méi)有所謂“最滿意”的說(shuō)法，只有“相較于上一次體驗(yàn)更滿意”.所以除非定義一種可量化的終極滿意度模型作為指標(biāo)參照，否則用戶體驗(yàn)設(shè)計(jì)是一個(gè)永遠(yuǎn)都有優(yōu)化空間的過(guò)程。
2、用戶體驗(yàn)設(shè)計(jì)是圍繞過(guò)程的設(shè)計(jì)，在互聯(lián)網(wǎng)行業(yè)中，這個(gè)過(guò)程主要指用戶與產(chǎn)品（app、PC端，客戶端、VR等）的交互過(guò)程中，所以下文重點(diǎn)討論的是在互聯(lián)網(wǎng)行業(yè)中的用戶體驗(yàn)設(shè)計(jì)。
Part 02 - 用戶體驗(yàn)設(shè)計(jì)是一個(gè)崗位嗎？
以2018年2月為時(shí)間節(jié)點(diǎn)的目前來(lái)說(shuō)，用戶體驗(yàn)設(shè)計(jì)不是一個(gè)崗位，現(xiàn)階段來(lái)看，它更像是一個(gè)協(xié)同目標(biāo)，每個(gè)公司的所有設(shè)計(jì)師（UI/視覺(jué)/交互），用研人員，包括開(kāi)發(fā)人員其實(shí)工作的目標(biāo)都是為了逐步提升自己公司產(chǎn)品的用戶體驗(yàn)。
雖然用戶體驗(yàn)設(shè)計(jì)目前還不是一個(gè)崗位，但是它正在趨向于成為一個(gè)崗位。要解釋這一點(diǎn)，我們還是要從用戶體驗(yàn)的定義說(shuō)開(kāi)去，還記得用戶體驗(yàn)設(shè)計(jì)是什么嗎？用戶體驗(yàn)設(shè)計(jì)是通過(guò)改善和優(yōu)化用戶與產(chǎn)品交互過(guò)程，從而提升用戶的滿意度的過(guò)程。
既然要改善和優(yōu)化用戶與產(chǎn)品交互過(guò)程，那把這個(gè)句子拆分開(kāi)來(lái)，大概需要的知識(shí)儲(chǔ)備有：
1、從主語(yǔ)的角度看：首先你要了解用戶吧？用戶是人，要提升人的滿意度，對(duì)人感到心理滿足的機(jī)制是不是需要了解？
2、從客體的角度看：客體是產(chǎn)品，在互聯(lián)網(wǎng)行業(yè)表現(xiàn)為手機(jī)（app）、pad（app）、PC（軟件）和VR設(shè)備等等。這些產(chǎn)品是我們著重需要關(guān)注的點(diǎn)，比如一個(gè)app中視覺(jué)信息的呈現(xiàn)，app的信息架構(gòu)、app的交互設(shè)計(jì)、app的可用性和易用性等等，都是需要考慮的。
3、既然是用戶與產(chǎn)品交互過(guò)程，是不是要知道人和產(chǎn)品（手機(jī)、app、PC）到底是如何交互的？每一次的點(diǎn)擊，滑動(dòng)對(duì)于用戶來(lái)看心理應(yīng)該是怎樣，產(chǎn)品的每一次反饋都意味著什么？
吶，你現(xiàn)在來(lái)看，其實(shí)我們互聯(lián)網(wǎng)行業(yè)現(xiàn)在劃分的UI/視覺(jué)/交互/用研，甚至往廣了說(shuō)包括產(chǎn)品/開(kāi)發(fā)/測(cè)試，工作內(nèi)容都是構(gòu)成用戶體驗(yàn)的要素，它需要的知識(shí)面特比特別廣，對(duì)人的綜合素質(zhì)要求很高，所以目前來(lái)看，用戶體驗(yàn)還不能是一個(gè)崗位，但是很多大公司，比如騰訊阿里，他們期待設(shè)計(jì)師能夠變成有更大洞察和對(duì)業(yè)務(wù)、人性有更多了解的全方位人才，而不是一個(gè)只會(huì)畫(huà)圖的美工，所以說(shuō)未來(lái)，用戶體驗(yàn)設(shè)計(jì)師可能會(huì)變成一個(gè)title，但是可以預(yù)料的是，用戶體驗(yàn)涵蓋的這么多方面知識(shí)，每個(gè)人都是有側(cè)重和專(zhuān)長(zhǎng)的：可能有些人就是很喜歡視覺(jué)設(shè)計(jì)和UI設(shè)計(jì)，那他們?cè)诰羞@部分的同時(shí)，相應(yīng)的懂一些交互方面的知識(shí)，這就算是優(yōu)秀的偏視覺(jué)方向的用戶體驗(yàn)設(shè)計(jì)師；那視覺(jué)表現(xiàn)很差的人能不能算優(yōu)秀設(shè)計(jì)師呢？當(dāng)然可以，比如他是心理學(xué)或者HCI（人機(jī)交互設(shè)計(jì)）的研究生，對(duì)人和用戶心理有自己獨(dú)特的認(rèn)識(shí)，再加上精通定性和定量研究方法，對(duì)數(shù)據(jù)有獨(dú)特的敏感，那他未來(lái)可能是用戶研究方向的用戶體驗(yàn)設(shè)計(jì)師。
只不過(guò)我們現(xiàn)在因?yàn)閸徫还袒?，大多?shù)公司，每個(gè)人的工作職責(zé)僅限于那一塊，你是做視覺(jué)/UI的，那就好好畫(huà)界面，你是做交互的，那就好好研究布局，你是用研，你是DBA，你是什么職位就做什么職位的事情，從來(lái)不越界，這樣其實(shí)是不利于人的發(fā)展的，那我們追求上進(jìn)的設(shè)計(jì)師們只能自己下來(lái)多看書(shū)，多去做研究，私下來(lái)多花時(shí)間修煉自己的內(nèi)功心法，才能讓自己立于不敗之地。
用戶體驗(yàn)設(shè)計(jì)發(fā)展到今天，目前包含了最大的三個(gè)有模糊邊界的模塊是用戶研究、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)?，F(xiàn)在絕大多數(shù)互聯(lián)網(wǎng)公司也都是按照以上這三個(gè)模塊去設(shè)置崗位的，這樣有一個(gè)很大的問(wèn)題其實(shí)是不利于設(shè)計(jì)師的發(fā)展。
阿里巴巴1688的設(shè)計(jì)總監(jiān)汪方進(jìn)關(guān)于這三個(gè)崗位，有這樣的一番評(píng)述：
比如交互崗位，如果對(duì)接的是一位能力較強(qiáng)的PD，他們可能把交互稿定了七八成，交互設(shè)計(jì)師完善后交付給視覺(jué)設(shè)計(jì)師，而對(duì)接的視覺(jué)設(shè)計(jì)師又有一些交互Sense，他也許把交互稿又改了改，那么這個(gè)過(guò)程下來(lái)，交互設(shè)計(jì)師的內(nèi)容，還能保留多少呢？我所說(shuō)的這種情況，可能也是當(dāng)下我們交互設(shè)計(jì)師同學(xué)所面臨的痛。
而視覺(jué)設(shè)計(jì)師又是怎樣的現(xiàn)狀呢？視覺(jué)設(shè)計(jì)師拿到交互稿后，在交互稿的基礎(chǔ)上美化潤(rùn)色一下，自主發(fā)揮空間不太大。從我們集團(tuán)總體情況來(lái)看，視覺(jué)設(shè)計(jì)師的（P級(jí)）成長(zhǎng)是比較慢的，因?yàn)槲覀冎v求論述自身設(shè)計(jì)的價(jià)值是什么，但把視覺(jué)從整體中剝離出來(lái)，視覺(jué)設(shè)計(jì)師設(shè)計(jì)的某一個(gè)頁(yè)面，具體能帶來(lái)多少商業(yè)價(jià)值？視覺(jué)設(shè)計(jì)師很難去論述這點(diǎn)。
關(guān)于用研、視覺(jué)、交互這三個(gè)模塊，我也想分開(kāi)來(lái)談?wù)劊Ｍ軐?duì)目前剛?cè)胄谢蛘呷胄胁痪酶械矫悦５男』锇橛兴鶐椭?/span>
Part 03 - 用戶研究
上面我們說(shuō)到，用研、交互、視覺(jué)這三個(gè)模塊構(gòu)成了一個(gè)用戶體驗(yàn)設(shè)計(jì)的能力維度，要搞清楚這三個(gè)維度，我們不妨先看看業(yè)界最出名的一張用戶體驗(yàn)要素圖：
我們一般把最下面戰(zhàn)略層的部分分解開(kāi)，其中除了產(chǎn)品和公司戰(zhàn)略之外，關(guān)于用戶需求的定義交給用研（用戶研究）人員去完成。
關(guān)于用戶研究，如果是一個(gè)從0到1的產(chǎn)品，產(chǎn)品初期是需要對(duì)產(chǎn)品用戶進(jìn)行定位劃分和用戶畫(huà)像，就是我的這個(gè)產(chǎn)品是為了解決什么樣的用戶的什么需求的，這些用戶的屬性是怎樣的，他們具有什么樣的特質(zhì)和顏色、他們一般使用產(chǎn)品的情景是如何的？
這里需要注意的是，如果你不是一位有用研經(jīng)驗(yàn)的人去第一次嘗試做用研，需要留心我們很容易落入理想化用戶設(shè)計(jì)的陷阱。再客觀的站在用戶角度去思考，去設(shè)計(jì)也會(huì)有主觀和流于表面的情況出現(xiàn)。我們不能想當(dāng)然的按照理想情景去思考用戶需求，用戶需求是復(fù)雜的，再加上企業(yè)自己的，以及各部門(mén)的需求紛繁，所以一般在產(chǎn)品迭代的過(guò)程中新的功能很容易陷入想當(dāng)然的“用戶就是需要啊”的思維之中。所以對(duì)于成熟的產(chǎn)品來(lái)說(shuō)，需要?jiǎng)澐趾诵闹髁骱推胀ㄓ脩舨⒎謩e畫(huà)像。關(guān)于用戶畫(huà)像的方法有很多很多，大家可以去隨意搜索在這里就不細(xì)談了。
還有如果是一個(gè)初次開(kāi)展用戶研究的同學(xué)做用戶研究的時(shí)候，可以掌握幾種常見(jiàn)的方法，訪談法，焦點(diǎn)小組，易用性測(cè)試，問(wèn)卷調(diào)查這些方法各有利弊，最重要的是找到當(dāng)前情境下解決問(wèn)題且行之有效的方案，比如訪談或者焦點(diǎn)小組，精心整理問(wèn)題并邀請(qǐng)公司的一些員工或者核心用戶進(jìn)行訪談并全程錄音，在結(jié)束后認(rèn)真提煉訪談中多次被用戶提到的關(guān)鍵詞，從關(guān)鍵詞中按維度抽象整理出用戶的需要，是訪談的核心價(jià)值。并且輸出文檔，賦予思考，再以此作為整個(gè)設(shè)計(jì)改版的核心依托，讓里面用戶提到的關(guān)鍵詞在設(shè)計(jì)頁(yè)面中體現(xiàn)，這才是有效的設(shè)計(jì)。
關(guān)于用戶研究的常用方法，具體推薦給大家兩本大部頭的書(shū)，大家感興趣或者不知道自己感不感興趣，可以去看看《設(shè)計(jì)調(diào)研》和《洞察用戶體驗(yàn)方法與實(shí)踐》 第二版。
Part 04 - 交互設(shè)計(jì)
交互設(shè)計(jì)的輸出物是產(chǎn)品原型，也就是你們看到的線框圖。那線框圖是怎么產(chǎn)生的呢？這個(gè)需要從產(chǎn)品經(jīng)理那邊對(duì)功能梳理開(kāi)始。
一般大一點(diǎn)的有交互團(tuán)隊(duì)的公司，比如新浪微博啊之類(lèi)的，他們的產(chǎn)品經(jīng)理的工作重點(diǎn)會(huì)更加focus在功能本身到底是不是用戶所需要的，而經(jīng)過(guò)產(chǎn)品提出來(lái)的需求文檔，一般只有功能需求List和他們的優(yōu)先級(jí)，如果遇到要畫(huà)圖說(shuō)明的，也就是簡(jiǎn)略的幾一個(gè)草圖。
這時(shí)候，交互設(shè)計(jì)師會(huì)根據(jù)產(chǎn)品的提出的功能需求List去進(jìn)行整理和區(qū)分：
這里整理和區(qū)分的方法是合并，拆分和歸納。
比如功能A是可以拆分成更細(xì)顆粒度的需求A1和A2的，其中A1和A2又碰巧屬于不同的已有的兩個(gè)功能區(qū)塊，那么就可以把他們拆分到不同的功能線上，如果某些功能發(fā)現(xiàn)他們有同樣的屬性，那是不是考慮把他們整合在一起？
這樣整合完了需求，再按照優(yōu)先/重要的二維表格去劃分，最后得到一個(gè)需求量表：
然后我們根據(jù)這樣的版本需求量表優(yōu)先級(jí)和重要性，有的放矢的去設(shè)計(jì)功能入口和信息架構(gòu)，就會(huì)游刃有余：
而一般復(fù)雜產(chǎn)品新增功能的時(shí)候，往往要考量很多因素，不能一味的去做功能堆砌，還是需要把不重要的功能隱藏或轉(zhuǎn)移，突出重要的功能，再把一些同屬性的功能入口組織在一起并列，這些都是在原型之前需要思考的問(wèn)題。再往下，那就是根據(jù)一個(gè)一個(gè)的信息去設(shè)計(jì)產(chǎn)品低保證原型圖，那就沒(méi)啥好說(shuō)的了，你們看到的原型圖幾乎都差不多，但是至于你們的交互設(shè)計(jì)師的原型是不是按照我上面步驟一步一步推演出來(lái)的，那就要打個(gè)問(wèn)號(hào)了，這可能是區(qū)分一般交互設(shè)計(jì)師和高級(jí)一點(diǎn)的交互設(shè)計(jì)師的一種辦法。（如果你見(jiàn)到聽(tīng)到功能就開(kāi)始畫(huà)低保真的交互，那…）
如果你以為交互設(shè)計(jì)師就是畫(huà)個(gè)原型，那你就錯(cuò)了，交互設(shè)計(jì)師切記不要淪為產(chǎn)品助理……其實(shí)在真?zhèn)€UX體系中，交互設(shè)計(jì)師承擔(dān)的是最重要也是最核心的一個(gè)環(huán)節(jié)，那就是優(yōu)化用戶路徑（即優(yōu)化流量路徑）。
什么叫優(yōu)化用戶路徑呢，舉個(gè)例子，全民k歌是一款唱歌的app，那用戶最核心的功能就是在上面唱歌，而關(guān)于唱歌，大概有獨(dú)唱、合唱兩種維度。比如現(xiàn)在，我作為普通用戶，想要去完成獨(dú)唱一首歌的行為。這種行為從用戶路徑上看就是用戶從任何頁(yè)面到唱歌詳情頁(yè)。那么到底有多少條路？既是說(shuō)，到底有多少個(gè)頁(yè)面可以跳轉(zhuǎn)到唱歌詳情頁(yè)？然后你會(huì)發(fā)現(xiàn)，其實(shí)能跳到唱歌詳情頁(yè)的，除了清唱那種獨(dú)特的方法以外，其他的都是要通過(guò)伴奏詳情頁(yè)跳轉(zhuǎn)，那么問(wèn)題又來(lái)了，到底有多少個(gè)頁(yè)面可以跳轉(zhuǎn)到伴奏詳情頁(yè)呢？
就這樣，去窮舉所有的用戶路徑，然后看看這些路徑過(guò)程中有沒(méi)有一些冗余操作是可以刪減的：
窮舉所有用戶路徑，看看有沒(méi)有哪一跳是可以被優(yōu)化的（以唱吧為例
這里面有很大很大的學(xué)問(wèn)，如果展開(kāi)說(shuō)的話可能是一個(gè)幾萬(wàn)字都說(shuō)不清楚的篇幅。
總之，一個(gè)好的app一定是功能和產(chǎn)品形態(tài)足夠扁平簡(jiǎn)單。
要讓產(chǎn)品形態(tài)足夠扁平簡(jiǎn)單，就需要根據(jù)app的形態(tài)去整理和梳理交互層級(jí)，針對(duì)流量問(wèn)題進(jìn)行具體的分流設(shè)計(jì)：
比如當(dāng)我們看到一個(gè)200wpv的頁(yè)面，下屬三個(gè)平行按鈕分別只有40w、12w和3wpv，刨除場(chǎng)景問(wèn)題之外，從交互出發(fā)那是不是我們可以設(shè)計(jì)一個(gè)內(nèi)頁(yè)的segment組件去完成三個(gè)內(nèi)頁(yè)的滑動(dòng)跳轉(zhuǎn)、降低操作成本呢？
比如淘寶這樣：
又或者說(shuō)，我們是不是可以未一個(gè)pv較低卻承載功能較大的頁(yè)面另外設(shè)置另多個(gè)入口呢？
比如像外賣(mài)產(chǎn)品這樣：
最后的最后，交互設(shè)計(jì)的工作產(chǎn)出就是原型了，既然都思考妥當(dāng)了，畫(huà)個(gè)圖就就沒(méi)啥好說(shuō)的了...
來(lái)源：微信公眾號(hào): seanydesign
