2022-2-23 周周
其實(shí)可以看出這些解釋大同小異，它是一個(gè)非常主觀的概念性的存在，但都有一個(gè)共性，那就是圍繞"用戶"。所以我們創(chuàng)建用戶體驗(yàn)的設(shè)計(jì)方法為“以用戶為中心的設(shè)計(jì)”。
以用戶為中心的設(shè)計(jì)思想非常簡單：在開發(fā)產(chǎn)品的每一個(gè)步驟中，都要把用戶列入考慮范圍。看似簡單，之中所蘊(yùn)含的內(nèi)容，卻出乎意料的復(fù)雜。
舉一個(gè)日常例子：
你去超市購物，那么你進(jìn)入超市那一刻到你完成購物這一整個(gè)過程都會(huì)產(chǎn)生用戶體驗(yàn)，超市的燈光環(huán)境、貨架的擺放、商品是否分類合理、指示牌是否明確、導(dǎo)購員的態(tài)度、收銀小姐姐的顏值...都會(huì)給你造成相應(yīng)的購物體驗(yàn)，而這些購物體驗(yàn)是決定用戶是否會(huì)繼續(xù)選擇這家超市購物的主要因素。
看看以下兩家超市的圖片，在價(jià)格、距離差別不大的情況下你更愿意去哪家超市購物？
再舉一個(gè)互聯(lián)網(wǎng)產(chǎn)品的例子：餓了么的訂單頁面
餓了么的訂單頁面不僅顯示預(yù)期送達(dá)時(shí)間，而且非常直觀的顯示商家準(zhǔn)備餐品--騎手前往商家--騎手接到餐品--距離用戶距離--用戶接到餐品。整個(gè)流程非常直觀，給足了用戶心理時(shí)間預(yù)期，包括天氣的變化在訂單頁面在騎手行駛的地圖上也會(huì)隨之變化，產(chǎn)生情感化的購物體驗(yàn)。
從這兩個(gè)日常事例中，可以看出，我們每天不得不和不計(jì)其數(shù)的產(chǎn)品與服務(wù)打交道，當(dāng)產(chǎn)品滿足人們的需要時(shí)，他的制造者應(yīng)該受到贊揚(yáng)，反之，則會(huì)受到指責(zé)。在產(chǎn)品開發(fā)過程中，人們更多的關(guān)注產(chǎn)品用來做什么，而經(jīng)常忽略產(chǎn)品如何工作，而這恰恰是決定產(chǎn)品成敗的關(guān)鍵因素。
“一個(gè)好的用戶體驗(yàn)絕對(duì)是基于用戶自身的心理感受和行為去設(shè)計(jì)的，兼顧視覺和功能的因素，同時(shí)解決產(chǎn)品所面臨的其他問題”
看到這里其實(shí)我們對(duì)用戶體驗(yàn)有一個(gè)大概的認(rèn)知，也知道了用戶體驗(yàn)的重要性。下面我們了解下用戶體驗(yàn)發(fā)展史，感受下“用戶體驗(yàn)”的由來，或者可以試著據(jù)此思考下未來？
“如果你想理解今天，就必須去研究昨天”。Pearl S.Buck
從上圖用戶體驗(yàn)簡史可以看出，“用戶體驗(yàn)”術(shù)語中包含的理念經(jīng)歷了長達(dá)數(shù)世紀(jì)的積累，從最開始圍繞工作的方便人體工程學(xué)，到人機(jī)用戶體驗(yàn)，再到現(xiàn)在無處不在的用戶體驗(yàn)。而我們的交互行為也由紙和筆互動(dòng)，到鼠標(biāo)鍵盤和電腦互動(dòng)，到手指和觸摸屏互動(dòng)，到未來的語音、體感、意念和智能終端互動(dòng)。我們作為互聯(lián)網(wǎng)產(chǎn)品人，要去思考怎么將用戶體驗(yàn)應(yīng)用到我們的產(chǎn)品上，該從哪些維度去推動(dòng)產(chǎn)品的用戶體驗(yàn)？
回到用戶體驗(yàn)設(shè)計(jì)要素，主要就是以戰(zhàn)略層，范圍層，結(jié)構(gòu)層，框架層，表現(xiàn)層5個(gè)層級(jí)進(jìn)行展開深入。
這五個(gè)層面提供了一個(gè)基本架構(gòu)，只有在這個(gè)架構(gòu)上，我們才能討論用戶體驗(yàn)的問題。這五個(gè)層面從抽象到具體，從概念到完成，自上而下去分析產(chǎn)品，自下而上去創(chuàng)造產(chǎn)品。
1.怎么自上而下去分析一個(gè)產(chǎn)品呢？
2.如果用這五個(gè)層次對(duì)應(yīng)到人身上會(huì)產(chǎn)生什么樣的反應(yīng)呢？（有趣延伸--梁寧產(chǎn)品30講的內(nèi)容，推薦大家可以去聽聽。）
3.產(chǎn)品從0到1的創(chuàng)造過程中怎么運(yùn)用用戶體驗(yàn)5要素呢？這五個(gè)要素具體點(diǎn)又是什么呢？
自上而下分析產(chǎn)品：
我們拿到一個(gè)產(chǎn)品先看到的是他的視覺設(shè)計(jì)（表現(xiàn)層）
體驗(yàn)功能則可知道哪些內(nèi)容或入口在首頁，哪些在二級(jí)頁面，如何跳轉(zhuǎn)等等（框架層）
全部頁面走一遍差不多知道了他的業(yè)務(wù)功能邏輯（結(jié)構(gòu)層）
進(jìn)而可提煉出它的核心功能和輔助功能（范圍層）
回頭再理解為啥會(huì)做這個(gè)產(chǎn)品（戰(zhàn)略層）。
咱就說做競品分析的時(shí)候是不是很好用！
把分析產(chǎn)品的5個(gè)層次應(yīng)用到分析人的身上呢？
（適合女生找對(duì)象用噢，用產(chǎn)品思維的視角去看人）
第一層：感知層，就是你看到一個(gè)人的樣子，相貌、舉止、著裝。 其實(shí)當(dāng)你看到這個(gè)人的時(shí)候，你要知道有一部分是天生的，有一部分其實(shí)是角色化的產(chǎn)物
第二層：角色框架層， 簡單來講就是，我們每個(gè)人都生活在角色里，并且被角色馴化。 比如說你遇到一個(gè)銀行職員，一個(gè)軍人，或者是一個(gè)公務(wù)員，你在和他打交道的時(shí)候，你就能明顯看到他身上角色的痕跡。
第三層： 資源結(jié)構(gòu)層， 資源不只是大家一般都會(huì)認(rèn)為的人脈和財(cái)產(chǎn)，我認(rèn)為更多的是看一個(gè)人的精神結(jié)構(gòu)和他的精神資源。
第四層：能力圈，是基于對(duì)自己存在感的感知而去不斷改變不斷擴(kuò)充自己的能力圈。
第五層：內(nèi)核，就是你對(duì)自己存在感的定義。
一個(gè)人的內(nèi)核與能力圈是相互影響的，一個(gè)人的內(nèi)核就是他對(duì)自己存在感的定義，而一個(gè)人對(duì)自己存在感的定義決定他是否去擴(kuò)充自己的能力圈。如果一個(gè)人存在感滿足了，他的能力圈也不會(huì)再擴(kuò)充了。就好像說很多女人結(jié)婚了就不化妝了，男的滿足了就不奮斗了是一樣的。所以一個(gè)人對(duì)自己存在感的定義決定了他的人生追求以及思想格局，是最重要的。所以小姐姐們，看人不要只看外表，不過我也同意看人先看外表的說法，只有看對(duì)眼的才有興趣后續(xù)了解~
基于感知層與角色層的接觸，其實(shí)都是一些非常淺層的關(guān)系，從第三層開始就是一個(gè)人的深層部分了，層次越高，你對(duì)一個(gè)人的認(rèn)知就越深入。
其實(shí)你真正了解到一個(gè)人第三層以上，才算得上真正了解一個(gè)人，才真的知道是否合適。
現(xiàn)在，問問自己了解自己對(duì)象到哪一層？
產(chǎn)品從0到1的創(chuàng)造過程中怎么運(yùn)用這5個(gè)用戶體驗(yàn)要素的。（著重講?。?/strong>
戰(zhàn)略層
戰(zhàn)略層就是需要充分地了解用戶需求，以及清晰地明確產(chǎn)品目標(biāo)。需要給一個(gè)有需求且沒有被滿足（很好滿足）的市場提供供給，這個(gè)時(shí)候最基本的底線就是：你的產(chǎn)品需要“有用”。
所以請你動(dòng)手前試圖回答下面兩個(gè)基本的問題：
我們要通過這個(gè)產(chǎn)品得到什么？（產(chǎn)品目標(biāo)）
我們的用戶要通過這個(gè)產(chǎn)品得到什么？（用戶需求）
這一步的關(guān)鍵詞是明確。當(dāng)我們能越清楚地表達(dá)我們想要什么，以及確切的知道其他人想要從我們這里得到什么時(shí)，我們就能精確的滿足雙方需求。
范圍層
當(dāng)你把用戶需求和產(chǎn)品目標(biāo)轉(zhuǎn)變成產(chǎn)品應(yīng)該提供給用戶什么樣的內(nèi)容和功能時(shí)，戰(zhàn)略就變成了范圍，也就是決定了這個(gè)項(xiàng)目要做哪些事（功能和內(nèi)容）。
定義項(xiàng)目范圍同時(shí)在做這兩件事：這是一個(gè)有價(jià)值的過程，同時(shí)能產(chǎn)生有價(jià)值的產(chǎn)品。
功能和內(nèi)容：范圍層分成“功能型產(chǎn)品”和“信息型產(chǎn)品”兩個(gè)部分。
功能型產(chǎn)品考慮的是功能規(guī)格：哪些應(yīng)該被當(dāng)成軟件產(chǎn)品的“功能”以及相應(yīng)的組合。
信息型產(chǎn)品考慮的是內(nèi)容需求：這屬于編輯和營銷推廣的傳統(tǒng)領(lǐng)域（更多的是去了解人們在想什么去定義需求）。包括直接詢問以及用戶畫像的場景：一個(gè)場景是一個(gè)簡短的故事。簡單描述了一個(gè)人物角色會(huì)如何完成這些用戶需求。
通過“想象我們的用戶將會(huì)經(jīng)歷什么樣的過程”，我們就可以找到幫助他順利完成這個(gè)過程的潛在需求。
結(jié)構(gòu)層
結(jié)構(gòu)層將我們的關(guān)注點(diǎn)從抽象的決策與范圍問題，轉(zhuǎn)移到更能影響最后的用戶體驗(yàn)的具體因素。
包括：需要展示哪些信息，不同的信息間的關(guān)系是什么樣的，用戶需要按照怎樣的路線操作應(yīng)用，類似功能的連線圖。
功能型產(chǎn)品更多的是交互設(shè)計(jì)（為用戶設(shè)計(jì)結(jié)構(gòu)化體驗(yàn)）。它曾被歸類到“界面設(shè)計(jì)”的范疇之內(nèi)，但近些年來交互設(shè)計(jì)已經(jīng)成為一個(gè)獨(dú)立的學(xué)科。關(guān)注于描述“可能的用戶行為”，同時(shí)定義“系統(tǒng)如何配合與響應(yīng)”這些用戶行為。
信息型產(chǎn)品主要是通過信息架構(gòu)來構(gòu)建用戶體驗(yàn)。研究的是人們認(rèn)知信息的過程，對(duì)于產(chǎn)品而言，信息架構(gòu)關(guān)注的就是呈現(xiàn)給用戶的信息是否合理且具有意義。
無論是功能型產(chǎn)品還是信息型都是要求我們?nèi)ダ斫庥脩簦ɡ斫庥脩舻墓ぷ鞣绞?、行為和思考方式）?/strong>
“與其針對(duì)機(jī)器的最佳工作方式來設(shè)計(jì)系統(tǒng)，不如設(shè)計(jì)一個(gè)對(duì)用戶而言最好的系統(tǒng)”
框架層
結(jié)構(gòu)層界定了我們的產(chǎn)品將用什么方式運(yùn)作；框架層則用于確定用什么樣的功能和形式實(shí)現(xiàn)。
在框架層，我們進(jìn)一步提煉這些結(jié)構(gòu)，確定詳細(xì)的界面外觀，導(dǎo)航和信息設(shè)計(jì)，讓晦澀的結(jié)構(gòu)變得更加實(shí)在，類似制作的低保真線框稿。
對(duì)于功能型產(chǎn)品，我們通過界面設(shè)計(jì)來確定框架（大家所熟知的按鈕、輸入框和其他界面控件都屬于這個(gè)領(lǐng)域）。（例：百度網(wǎng)盤）
對(duì)于信息型產(chǎn)品，則通過導(dǎo)航設(shè)計(jì)來解決問題（例：今日頭條），信息設(shè)計(jì)是功能和信息兩方面都必須做的，它用于呈現(xiàn)有效的信息溝通。
如果涉及提供給用戶做某些事的能力，則屬于“界面設(shè)計(jì)”。如果是提供給用戶去某個(gè)地方的能力，這是“導(dǎo)航設(shè)計(jì)”。
如果是傳達(dá)想法給用戶的話，那就是“信息設(shè)計(jì)”。信息設(shè)計(jì)是這個(gè)層面中范圍最廣的一個(gè)要素，所涉及的事情幾乎是到目前為止我們在功能型和信息型產(chǎn)品兩者都看得到過的全部內(nèi)容。無論界面設(shè)計(jì)還是導(dǎo)航設(shè)計(jì)，都不肯能在沒有“一個(gè)良好的信息設(shè)計(jì)的支持”的前提下取得成功。
表現(xiàn)層
在這五個(gè)模型的頂端，我們把注意力轉(zhuǎn)移到產(chǎn)品用戶會(huì)首先注意到的地方：感知設(shè)計(jì)。這里，內(nèi)容、功能和美學(xué)匯集到一起來產(chǎn)生一個(gè)最終設(shè)計(jì)，完成其他四個(gè)層面的所有目標(biāo)，并同時(shí)滿足用戶的感官感受。
這個(gè)層面我們要去思考怎么樣的界面搭配凸顯品牌，需要怎樣的界面讓用戶流連忘返，需要怎樣的界面來提醒用戶。我們在這里解決并彌補(bǔ)“產(chǎn)品框架層的邏輯排布”的感知呈現(xiàn)問題。
合理設(shè)計(jì)感知：在整個(gè)設(shè)計(jì)流程中，這是為我們的用戶提供體驗(yàn)的最后一站：決定我們的設(shè)計(jì)最后要如何被人類的感覺器官感受到。這些感受由五個(gè)方面組成：視覺，聽覺，觸覺，嗅覺，味覺。
嗅覺和味覺：除了食物、香水、或香味產(chǎn)品之外，嗅覺和味覺設(shè)計(jì)是用戶體驗(yàn)設(shè)計(jì)師很少考慮的范疇。人們會(huì)對(duì)一個(gè)產(chǎn)品的氣味或味道產(chǎn)生強(qiáng)烈的聯(lián)想（比如“新車的氣味”所代表的是一輛剛剛出產(chǎn)的新汽車，在所有人的腦子里關(guān)于“新”的定義，已經(jīng)被廣泛接受）但這些氣味通常取決于產(chǎn)品的材料，而非用戶體驗(yàn)設(shè)計(jì)師能決定的。
觸覺：實(shí)物產(chǎn)品的觸覺體驗(yàn)是屬于工業(yè)設(shè)計(jì)領(lǐng)域的概念。工業(yè)設(shè)計(jì)師主要關(guān)注的是用戶和產(chǎn)品之間的物理觸碰。得益于震動(dòng)設(shè)備，基于屏幕交互的產(chǎn)品也開始有了觸覺體驗(yàn)了。手機(jī)和手持游戲設(shè)備都可以通過震動(dòng)來與用戶互動(dòng)。常見的iPhone的3D Touch。
聽覺：聲音可以應(yīng)用到很多不同種類的產(chǎn)品中。聲音不僅可以用來通知用戶，還可以使產(chǎn)品變得更具個(gè)性。（例：36氪的提示音，一想你就知道是它在推送消息。）
視覺：這是用戶體驗(yàn)設(shè)計(jì)師最得心應(yīng)手的領(lǐng)域，因?yàn)閹缀跛挟a(chǎn)品都會(huì)涉及視覺設(shè)計(jì)。
如何用用戶體驗(yàn)思維評(píng)估設(shè)計(jì)方案？
一開始，你可能會(huì)認(rèn)為視覺設(shè)計(jì)就是一件很簡單的事：美術(shù)。對(duì)于什么構(gòu)成了視覺上的愉悅感覺，每個(gè)人都有不同的品味和想法，所以關(guān)于設(shè)計(jì)方案的的每一次討論總會(huì)歸結(jié)到個(gè)人偏好上，每個(gè)人對(duì)于美感都有不同的見解，但是這并不意味著設(shè)計(jì)決策就必須建立在所有參與者都認(rèn)為“酷”的那個(gè)方案上。代替用“什么具有美感”來評(píng)估一個(gè)視覺設(shè)計(jì)方案的是你應(yīng)該把注意力集中在它們的“運(yùn)作是否良好”上。例如：產(chǎn)品的外觀有沒有破壞結(jié)構(gòu)，有沒有使結(jié)構(gòu)中的各個(gè)模塊之間的區(qū)別不清晰？或者外觀有沒有強(qiáng)化結(jié)構(gòu)，使用戶可用對(duì)的選項(xiàng)清楚明了？是否傳達(dá)清晰的品牌形象？這不僅僅是美學(xué)的問題，而是戰(zhàn)略定位的問題。
評(píng)估設(shè)計(jì)結(jié)果的2個(gè)方法：
1.忠于眼睛：評(píng)估一個(gè)產(chǎn)品視覺設(shè)計(jì)的簡單方法之一，總是提出這樣的問題：你的視線首先落在什么地方？哪個(gè)設(shè)計(jì)要素在第一時(shí)間吸引了用戶的注意力？它們是對(duì)于戰(zhàn)略目標(biāo)來講是很重要的東西嗎？或者用戶第一時(shí)間注意到的東西與他們的(或你的)目標(biāo)是背道而馳的嗎？
2.瞇眼測試：找出主要設(shè)計(jì)元素的方法是瞇著眼睛或斜著去看這個(gè)頁面，直到你不能認(rèn)出任何細(xì)節(jié)。如果你本人是測試者，那么一定要注意你的眼睛在頁面周圍無意識(shí)的移動(dòng)。對(duì)于你正在看的東西，別想太多，讓視線自然地落在你的頁面上。如果別人是測試者，讓他們按被吸引的順序來指出頁面中的那些元素。
如果你的設(shè)計(jì)是成功的，用戶眼睛的移動(dòng)軌跡的模式應(yīng)該有以下兩個(gè)特點(diǎn)：
首先，他們遵循的是一條流暢的路徑。
其次，在不需要用太多細(xì)節(jié)來嚇倒用戶的前提下，它為用戶提供有效選擇的某種可能的“引導(dǎo)”。
用戶體驗(yàn)思維制作運(yùn)營海報(bào)：
可能有些朋友看到這里會(huì)覺得，這些道理我都懂，但是公司沒有項(xiàng)目能夠讓我去接觸這塊。拜托，別把這些想復(fù)雜了，設(shè)計(jì)都是相通的，一個(gè)詳情頁或者一張海報(bào)是否也可以有相相應(yīng)的用戶體驗(yàn)?zāi)?？比如，你需要設(shè)計(jì)一張海報(bào)：首先得確定你的目標(biāo)用戶人群（用戶需求），以及為什么要做這張海報(bào)（商業(yè)目標(biāo)）。然后你可以根據(jù)用戶人群的喜好以及商業(yè)目標(biāo)去確定海報(bào)視覺風(fēng)格以及傳達(dá)的內(nèi)容。確定內(nèi)容需求之后再進(jìn)一步提煉信息的主題，以及信息的優(yōu)先級(jí)。再確定版式，配色。最后優(yōu)化視覺，細(xì)節(jié)，從頭審視是否偏離用戶需求以及商業(yè)目標(biāo)。專業(yè)書只是提供一個(gè)概念或者方法，更多的是你怎么去運(yùn)用到你的工作上或者你怎么去定位你的職業(yè)格局。
慢慢的也越能理解胡適先生在《不朽的宗教》中提出的一個(gè)觀點(diǎn)：懶的定義就是避難就易。研究問題是及其困難的事，高談主義是極容易的事情。確實(shí)，讀書是很容易的事情，難的是你要去思考，要費(fèi)工夫，挖心血，收集材料，征求意見，并且將這些知識(shí)內(nèi)化成為自己解決問題的技能。
凡是有價(jià)值的思想，都是從這個(gè)那個(gè)具體的問題下手的。
這篇文章主要的是圍繞《用戶體驗(yàn)要素》這本書展開的用戶體驗(yàn)的理解，在整個(gè)產(chǎn)品開發(fā)過程中如何運(yùn)用戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層這5個(gè)維度去推動(dòng)用戶體驗(yàn)。
作為現(xiàn)在的互聯(lián)網(wǎng)設(shè)計(jì)師，不要給自己下定義只會(huì)畫圖或是畫線框圖的角色，更多的要培養(yǎng)自己全局思維能力，在提升自己競爭力的同時(shí)更要挖掘自己的不可替代性。
文章來源：站酷 作者：大F哥
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.b186.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.b186.net