0801-0807閱讀：
用戶體驗要素（文末附有全書思維導圖）
本文字數(shù)約2700，建議閱讀時間5~7分鐘。
簡介
《用戶體驗要素》，作者“Ajax之父”Jesse JamesGarrett，是一位信息架構和用戶體驗的積極倡導者，總結提煉出了用戶體驗的五個要素，被廣泛地運用到產(chǎn)品設計中來。
用戶體驗，指的是產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用，換言之，就是人們?nèi)绾巍敖佑|”和“使用”它?，F(xiàn)在用戶體驗大多用在軟件開發(fā)層面，但我認為，這種以用戶為中心的產(chǎn)品設計也同樣適用于傳統(tǒng)的實物產(chǎn)品，而且產(chǎn)品越復雜，向用戶提供良好的使用體驗也就越困難。Jesse很系統(tǒng)清晰地向我們展示了用戶體驗的五個要素。
本書的內(nèi)容條理非常清晰，使書本知識成為一個具象的邏輯體系。文章將對全書的知識進行一個全面的歸納和梳理，共包括七個部分：
用戶體驗的重要性
用戶體驗的五要素
戰(zhàn)略層
范圍層
結構層
框架層
表現(xiàn)層
接下來，我會重點介紹一下五個要素的具體內(nèi)容，涉及用戶體驗重要性和用戶體驗五要素的內(nèi)容可參見相應的思維導圖。
首先，我們認為網(wǎng)頁或者軟件分為“功能型產(chǎn)品”和“信息型產(chǎn)品”。功能型產(chǎn)品主要關注的是“任務”，即所有的操作都被納入一個過程，去思考人們?nèi)绾瓮瓿蛇@個過程。而信息型產(chǎn)品主要關注的是“信息”，即網(wǎng)站等產(chǎn)品應提供哪些信息，這些信息對用戶的意義是什么。之所以分為這兩類，是因為后面涉及到具體要素的時候，兩類產(chǎn)品的側重點是不同的。
戰(zhàn)略層
成功的用戶體驗，其基礎是一個被明確表達的“戰(zhàn)略”。
戰(zhàn)略則包括兩方面的內(nèi)容：產(chǎn)品目標和用戶需求，分別對應著“我們要通過這個產(chǎn)品得到什么？”和“我們的用戶要通過這個產(chǎn)品得到什么？”。
產(chǎn)品目標，包括商業(yè)目標和品牌識別。但是如何界定或知道我們已經(jīng)實現(xiàn)了產(chǎn)品目標，這里就可以引入“成功標準”，即一些可追蹤的指標，在產(chǎn)品上線之后用來顯示它是否滿足了我們自己的產(chǎn)品目標和用戶需求，衡量的數(shù)據(jù)可以是印象數(shù)或者回訪數(shù)等。
用戶需求。確定用戶需求是復雜的，因為用戶群體之間存在著很大的差異性。要對用戶需求尋根究底，必須要定義誰是我們的用戶。此時，可通過“用戶細分”、“可用性和用戶研究”、“創(chuàng)建人物角色”的方法來對我們的目標用戶進行逐層地分析，進而確定下來用戶的真實需求。
范圍層
當把產(chǎn)品目標和用戶需求轉(zhuǎn)變成產(chǎn)品應該提供給用戶什么樣的內(nèi)容和功能時，戰(zhàn)略就變成了范圍。
范圍層是一個有價值的過程，同時能產(chǎn)生有價值的產(chǎn)品。在這里，范圍層被“功能型產(chǎn)品”和“信息型產(chǎn)品”分成兩個部分。在功能型產(chǎn)品方面，我們考慮的是功能規(guī)格，即哪些應該被當成軟件產(chǎn)品的功能以及相應的組合。在信息型產(chǎn)品方面，我們考慮的是內(nèi)容，即屬于編輯和營銷推廣的傳統(tǒng)領域。
定義需求。需求要根據(jù)具體的產(chǎn)品而言，一般來說都包含品牌需求、技術需求和具體的特殊需求。但涉及的需求內(nèi)容，除了非常清楚的想法，都需要深入研究，比如使用“戰(zhàn)略層”用戶需求中涉及到的可用性和用戶研究方法。
功能規(guī)格。功能型產(chǎn)品在范圍層方面要著重于功能規(guī)格。在多人協(xié)作的團隊中，一份清晰且可追溯的功能說明是非常必須的。在編寫具體的功能規(guī)格說明時，要多使用正面、具體且客觀的語句，記錄在設計和開發(fā)過程中出現(xiàn)有可能混淆的功能定義。
內(nèi)容需求。信息型產(chǎn)品則著重于內(nèi)容需求。內(nèi)容不僅僅包含文字，還指網(wǎng)頁產(chǎn)品上呈現(xiàn)給用戶的其他內(nèi)容信息，比如音頻、視頻、圖像等，還應提供每個特性規(guī)模的大致預估，比如文本的字數(shù)、圖片的像素大小、下載的文件字節(jié)大小等。
確定需求優(yōu)先級。在需求眾多的情況下，我們要如何確定需求的優(yōu)先級呢？ 由于項目范圍是建立在戰(zhàn)略層基礎上的，因此我們在篩選需求的優(yōu)先級時，要考慮到產(chǎn)品目標和用戶需求，同時還要確定實現(xiàn)需求的可行性。
結構層
在定義好用戶需求并排列好優(yōu)先級之后，我們對于最終產(chǎn)品將會包括什么特性已有了清楚的圖像。接下來就需要為網(wǎng)站創(chuàng)建一個概念結構。
結構層是五個層面中的第三個，它適當?shù)貙⑽覀兊年P注點從抽象的決策與范圍問題，轉(zhuǎn)移到更能影響最后用戶體驗的具體因素上來。功能型產(chǎn)品著重于交互設計，即影響用戶執(zhí)行和完成任務的元素。信息型產(chǎn)品著重于信息架構，即如何將信息表達給用戶的元素。
交互設計，描述了“可能的用戶行為”，同時定義“系統(tǒng)如何配合與響應”這些用戶行為。此時，我們要了解“交互組件將怎樣工作”的觀點，即“概念模型”。我們的產(chǎn)品應使用人們熟悉的概念模型，幫助用戶盡快適應一個不熟悉的網(wǎng)站，并且要考慮到一定的容錯功能，在用戶錯誤操作之后，會進行錯誤提醒或者步驟撤銷，增強用戶體驗。
信息架構，研究的是人們?nèi)绾握J知信息的過程，對產(chǎn)品而言，關注的是呈現(xiàn)給用戶的信息是否合理并具有意義。我們在將冗雜的信息處理成結構化的數(shù)據(jù)，例如層級結構、矩陣結構、自然結構、線性結構等，方便用戶瀏覽相應的內(nèi)容。
框架層
結構層形成了大量的需求概念，在框架層上，我們要進一步提煉這些結構，確定用什么樣的功能和樣式來實現(xiàn)產(chǎn)品，比如界面外觀、導航和信息設計。功能型產(chǎn)品著重與界面設計，信息型產(chǎn)品著重于導航設計，同時兩類都要兼顧到信息設計方面。
界面設計，要選擇正確的界面元素，讓用戶一眼就能看到“最重要”的東西。比如，在第一次呈現(xiàn)界面時，仔細考慮每個默認項，選擇需求最大量的內(nèi)容呈現(xiàn)出來。同時，我們還可以選擇一些標準化的界面元素使用到產(chǎn)品中來，比如單選框、復選框、文本框等。
導航設計，在每個頁面上放一些用戶瀏覽整個網(wǎng)站的鏈接，使用戶在網(wǎng)站間（內(nèi)）進行跳轉(zhuǎn)?？梢圆捎眠m合自己網(wǎng)站或者產(chǎn)品的導航系統(tǒng)，比如全局導航、局部導航、輔助導航、上下文導航、友好導航等方式。
信息設計，要呈現(xiàn)出信息的有效溝通，這其中就包括視覺方面、信息分組和整理的設計。同時，可以將信息設計和導航設計結合到一起，支持指示標識，用來幫助用戶理解“他們在哪”以及“他們能去哪”的系統(tǒng)。
表現(xiàn)層
框架層主要解決的是放置的問題，界面設計考慮可交互元素的布局，導航設計考慮在產(chǎn)品中引導用戶移動的元素安排，信息設計考慮傳達給用戶的信息要素的排布。而表現(xiàn)層要解決并彌補的是“產(chǎn)品框架層的邏輯排布”的感知呈現(xiàn)問題。在這一層上，功能型產(chǎn)品和信息型產(chǎn)品都關注于感知設計。
感知設計。用戶體驗的最后一站也是離用戶最近的，即會被用戶的感覺器官感受到。這些感受由五個方面組成：視覺、聽覺、觸覺、嗅覺和味覺，其中視覺和聽覺是一般產(chǎn)品所著重設計的方面。在設計產(chǎn)品時，要符合用戶眼睛的移動軌跡模式，使設計呈一條流暢的路徑，不出現(xiàn)突兀甚至嚇到用戶的設計成分。
此外，還要考慮到元素設計的對比和一致性。整個網(wǎng)頁使用相似或和諧的設計元素，并在強調(diào)的地方使用較為強烈的對比，吸引用戶進行操作。
不論是設計大產(chǎn)品還是小產(chǎn)品，用戶體驗都是一樣的，因此Jesse的提出的五要素都將指導著我們設計并追求一個良好的用戶體驗。
照舊，奉上全書的思維導圖：
PS：每周發(fā)布讀書筆記，隨時發(fā)布生活感悟和產(chǎn)品文章，歡迎小伙伴們關注簡書賬號！
