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