題圖來自：Zoommy.

版權(quán)聲明
本文首發(fā)自微信公眾帳號：runner2sun；
無需授權(quán)即可轉(zhuǎn)載，但請自覺保留以上版權(quán)聲明。

讀完《How To Read A Book》之后，發(fā)覺自己的閱讀水平仍處于最低層次－－基礎(chǔ)閱讀，作為一名有上進(jìn)心的好青年，當(dāng)然不會滿足現(xiàn)狀，于是打算提升自己的閱讀水平，接下來的一段時間我將嘗試使用書中介紹的方法來閱讀新的書籍，然后將讀書筆記整理于此。最近在讀的一本是《用戶體驗要素》。

這是一本什么樣的書？

這是一本非虛構(gòu)的實用類書籍。

整本書在談?wù)摰氖鞘裁矗?/h1>

這本書主要介紹了用戶體驗的重要性、用戶體驗的基本架構(gòu)，以及基本架構(gòu)中涉及的一些基礎(chǔ)概念。

作者是借著怎樣的整體架構(gòu)來發(fā)展他的觀點或陳述他對這個主題的理解？
全書可分為兩個主要部分：
第一個主要部分作者主要介紹了用戶體驗的概念以及用戶體驗的重要性。
第二個主要部分作者主要介紹了用戶體驗的五個要素以及其涉及的基本概念。

第一個主要部分

作者通過生活中一些糟糕的體驗引出用戶體驗的定義：
產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用，也就是人們?nèi)绾巍航佑|』和『使用』它。

通過將產(chǎn)品設(shè)計與用戶體驗設(shè)計進(jìn)行比較推導(dǎo)出用戶體驗設(shè)計要解決的問題：
綜合視覺設(shè)計與功能設(shè)計、頁面布局以及用戶操作流程等其他問題。

介紹了好的用戶體驗?zāi)軒淼暮锰帲?/p>

1. 提高客戶忠誠度。
2. 提高轉(zhuǎn)化率。
3. 提高效率。

提出了以用戶為中心的設(shè)計（user-centered design）的概念：

創(chuàng)建吸引人的、高效的用戶體驗的方法。

其設(shè)計思想是：

在開發(fā)產(chǎn)品的每一個步驟中，都把用戶列入考慮范圍。

指出了以用戶為中心的設(shè)計的好處：

確?？刂茮Q策所造成的全部結(jié)果。

說出了影響用戶體驗的另外兩個因素：

內(nèi)容：要確保產(chǎn)品可以提供用戶需要的『內(nèi)容』。
技術(shù)：技術(shù)的發(fā)展會影響用戶體驗。

第二個主要部分

作者說明了使用用戶體驗要素的原因：

將設(shè)計用戶體驗工作進(jìn)行拆分，有利于我們考慮用戶在體驗中有可能遇到的麻煩。

詳細(xì)介紹用戶體驗要素：

五要素

五層的建設(shè)順序

自下而上，每一層都由其下層決定。在每一層最好根據(jù)競爭對手所做的事情、業(yè)界最佳的實踐成果來做決定。

五層的設(shè)計節(jié)奏

上一層要在下一層之后結(jié)束。

設(shè)計節(jié)奏

表現(xiàn)層（感知設(shè)計）

決定框架層的邏輯排布的視覺呈現(xiàn)方式。

什么是好的視覺設(shè)計？

1. 第一時間吸引用戶注意力的元素是否符合產(chǎn)品目標(biāo)和用戶需求？若為肯定回答則是好的設(shè)計。
2. 首先，用戶眼睛移動的軌跡應(yīng)該是一條流暢的路徑。其次，簡單、樸素地為用戶提供有效選擇的、某種可能的“引導(dǎo)”。

設(shè)計工具

1. 對比（contrast）
   吸引用戶注意，讓用戶知道某個設(shè)計選擇是特意要傳達(dá)一些信息的。

2. 一致性（uniformity）
   使你的設(shè)計有效地傳達(dá)信息，而不會導(dǎo)致用戶迷惑或焦慮。

3. 基于柵格線（grid-based layout）
   通過使用“母版”來確保設(shè)計的一致性。

配色方案和排版
色彩和排版是向外界傳遞品牌識別十分重要的手段。

框架層（界面設(shè)計 ＋ 導(dǎo)航設(shè)計 ＋ 信息設(shè)計）

確定產(chǎn)品用什么樣的功能和形式來實現(xiàn)。

界面設(shè)計
界面設(shè)計要做的全部事情就是選擇正確的界面元素。成功的界面設(shè)計是那些能讓用戶一眼就看到“最重要的東西”的界面設(shè)計。

技巧

1. 仔細(xì)考慮界面元素的默認(rèn)值。
2. 最好能夠記錄用戶最后一次選擇的狀態(tài)。

導(dǎo)航設(shè)計
在每個頁面上放一些允許用戶瀏覽整個網(wǎng)站的鏈接。

導(dǎo)航設(shè)計的目標(biāo)

1. 必須提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法。
2. 必須傳達(dá)出這些元素和它們所包含內(nèi)容之間的關(guān)系。
3. 必須傳達(dá)出它的內(nèi)容和用戶當(dāng)前瀏覽頁面之間的關(guān)系。

常見導(dǎo)航系統(tǒng)

1. 全局導(dǎo)航（global navigation）
   放置能到網(wǎng)站所有主要欄目到鏈接。
2. 局部導(dǎo)航（local navigation）
   提供給用戶在這個架構(gòu)中到“附近地點”的通路。
3. 輔助導(dǎo)航（supplementary navigation）
   提供給用戶到達(dá)相關(guān)內(nèi)容的通路。
4. 上下文導(dǎo)航（contextual navigation）
   帶鏈接的內(nèi)容，可以理解為 a 標(biāo)簽。
5. 友好導(dǎo)航（courtesy navigation）
   放置一些公共信息的導(dǎo)航，比如：聯(lián)系信息、反饋、法律聲明。
6. 遠(yuǎn)程導(dǎo)航（remote navigation）
   類似于幫助文檔
7. 網(wǎng)站地圖（site map）
   提供給用戶一個網(wǎng)站整體結(jié)構(gòu)的快捷瀏覽方式。
8. 索引表（index）
   按字母順序排列的、鏈接到相關(guān)頁面的列表。

信息設(shè)計
在視覺上選擇更好的信息展示方式以及整理散亂的信息。

指示標(biāo)識（wayfinding）
幫助用戶理解“他們在哪”以及“他們能去哪”的系統(tǒng)。

線框圖（wire frame）
用來整合界面設(shè)計、導(dǎo)航設(shè)計和信息設(shè)計。

結(jié)構(gòu)層（交互設(shè)計 ＋ 信息架構(gòu)）

為產(chǎn)品創(chuàng)建一個概念結(jié)構(gòu)。

交互設(shè)計

關(guān)注于描述“可能的用戶行為”，同時定義“系統(tǒng)如何配合與響應(yīng)”這些用戶行為。

概念模型

用戶對于“交互組件將怎樣工作”的觀點。

作用：
規(guī)劃好概念模型有助于做出一致性的設(shè)計決定。將某個特性處理成用戶所熟悉的某個概念，有助于用戶更好的理解該特性，降低用戶的學(xué)習(xí)成本。比如電商網(wǎng)站中的購物車的概念模型來自現(xiàn)實生活中的購物車。

注意：擬物的概念模型對系統(tǒng)設(shè)計會有一定的價值，但切記全面擬物，要權(quán)衡功能性。

錯誤處理

如何處理用戶的錯誤以及如何防止用戶繼續(xù)犯錯。

方式：

1. 設(shè)計成不可能犯錯的產(chǎn)品。比如自動檔汽車在發(fā)動時必須要掛在P檔。
2. 在錯誤發(fā)生時提供錯誤信息和幫助用戶從錯誤中恢復(fù)的方式。

信息架構(gòu)

研究人們?nèi)绾握J(rèn)知信息的過程，對于產(chǎn)品而言則關(guān)注呈現(xiàn)給用戶的信息是否合理并具有意義。

對于以內(nèi)容為主的網(wǎng)站，信息架構(gòu)主要負(fù)責(zé)設(shè)計組織分類和導(dǎo)航的結(jié)構(gòu)。

結(jié)構(gòu)化內(nèi)容
建立分類體系的方式：

1. 從上到下（top-down approach）
   根據(jù)產(chǎn)品目標(biāo)與用戶需求直接進(jìn)行結(jié)構(gòu)設(shè)計，先從最廣泛的、有可能滿足決策目標(biāo)的內(nèi)容與功能開始進(jìn)行分類，然后再依據(jù)邏輯細(xì)分出次級分類。

2. 從下到上（bottom-up approach）
   把已有內(nèi)容先放到最低級別的分類中，然后再將它們分別歸屬到較高一級的類別，從而逐漸構(gòu)建出能反映我們的產(chǎn)品目標(biāo)和用戶需求的結(jié)構(gòu)。

結(jié)構(gòu)方法
基本單位－－節(jié)點，可對應(yīng)任何信息片段或組合。
種類：

1. 層級結(jié)構(gòu)（hierarchical structure）
   節(jié)點與其他相關(guān)節(jié)點之間存在父級／子級的關(guān)系。

2. 矩陣結(jié)構(gòu)（matrix structure）
   允許用戶在節(jié)點與節(jié)點之間沿著兩個或更多的“維度”移動。

3. 自然結(jié)構(gòu)（organic structures）
   不會遵循任何一致的模式。節(jié)點是逐一連接起來的，沒有太強烈的“分類”概念。

4. 線性結(jié)構(gòu)（sequential structures）

組織原則

決定哪些節(jié)點要編成一組，而哪些節(jié)點要保持獨立的標(biāo)準(zhǔn)。

語言和元數(shù)據(jù)

命名原則

描述、標(biāo)簽，和網(wǎng)站使用的其它術(shù)語。（要使用用戶的語言并且保持一致）

元數(shù)據(jù)

關(guān)于信息的信息，以一種結(jié)構(gòu)化的方式來描述內(nèi)容的信息。

范圍層（功能規(guī)格 ＋ 內(nèi)容需求）

該層不僅可以讓我們確定我們項目的目標(biāo)以及何時能達(dá)到這個目標(biāo)，還可以幫助我們鎖定需求，規(guī)劃好版本確保項目如期上線。
功能規(guī)格

定義產(chǎn)品的“功能”以及相應(yīng)的組合。

內(nèi)容需求

定義產(chǎn)品需要顯示的內(nèi)容。

需求的分類

1. 適用于整個產(chǎn)品的需求，如品牌需求，技術(shù)需求。
2. 適用于特殊特性的需求，產(chǎn)品必須擁有的、某種特性的一句簡短描述。

定義需求
定義需求過程中的三類需求：

1. 從用戶講述他們想要的特性中得出的需求。
2. 從用戶講述他們想要的但實際上并不能解決他們問題的特性中得出的真正需求。
3. 從人們不確定他是否需要的特性中得出的需求。

我們可以通過以下幾種方式明確需求：

1. 讓不同崗位的同事一起參與產(chǎn)品討論，可以讓我們獲得對產(chǎn)品的更多視角。
2. 研究產(chǎn)品需求時必須考慮到硬件需求，因為硬件需求會限制產(chǎn)品的功能可能性。
3. 將人物模型放到一個具體的場景中，可以幫助我們明確潛在需求。
4. 從競爭對手的產(chǎn)品中獲得需求提示。
5. 從其他產(chǎn)品中發(fā)掘可能的潛在需求。

功能規(guī)格說明

定義

只包含在設(shè)計或開發(fā)過程中出現(xiàn)有可能混淆的功能定義，只記錄在創(chuàng)建這個產(chǎn)品時已經(jīng)確定下來的決議，且必須可驗證。

規(guī)則

1. 樂觀（be positive）
   描述這個系統(tǒng)將要做什么事情去“防止”不好的事情發(fā)生，而不是描述這個系統(tǒng)“不應(yīng)該”做什么不好的事情。
   錯誤示范：

這個系統(tǒng)不允許用戶購買沒有風(fēng)箏線的風(fēng)箏。

正確示范：

如果用戶想買一個沒有線的風(fēng)箏，這個系統(tǒng)應(yīng)該引導(dǎo)用戶到風(fēng)箏線的界面。

2. 具體（be specific）
   盡可能詳細(xì)地解釋清楚狀況。

錯誤示范：

最受歡迎的視頻要重點標(biāo)注。

正確示范：

上一周被播放最多的視頻要顯示在列表的最前端。

3. 避免主觀語氣（avoid subjective language）
   錯誤示范：

這個網(wǎng)站的風(fēng)格應(yīng)該是時尚、閃耀的。

正確示范：

這個網(wǎng)站的風(fēng)格應(yīng)該符合企業(yè)的品牌指南文檔。

內(nèi)容需求說明

1. 定義出所有不同類型的內(nèi)容。（文本？圖像？音頻？視頻？）
2. 不要忽視某段內(nèi)容的格式和它的目的。（FQA 的價值在于為用戶提供普遍需要的信息）
3. 提供每一個特性規(guī)模的大致預(yù)估。（圖片尺寸、文字?jǐn)?shù)量、PDF等文件的大小等）
4. 確定內(nèi)容元素負(fù)責(zé)人。
5. 通過平衡用戶期望和有效資源來定義每一個內(nèi)容特性的更新頻率。
6. 為不同類型的用戶設(shè)計不同的內(nèi)容呈現(xiàn)方式。

確定需求優(yōu)先級

1. 剔除與產(chǎn)品目標(biāo)不匹配的特性（若特性足夠好也可重新思考產(chǎn)品目標(biāo)）。
2. 根據(jù)戰(zhàn)略目標(biāo)的優(yōu)先級確定需求優(yōu)先級。

戰(zhàn)略層（產(chǎn)品目標(biāo) ＋ 用戶需求）
產(chǎn)品目標(biāo)

我們通過這個產(chǎn)品得到了什么？（用盡可能具體的詞匯來定義我們期望產(chǎn)品“本身”能完成的事情）

傳遞品牌識別是一種非常普遍的產(chǎn)品目標(biāo)。
為了驗證我們是否達(dá)成了產(chǎn)品目標(biāo)和滿足了用戶需求我們需要定義成功標(biāo)準(zhǔn)：

一些可追蹤的指標(biāo)。

成功指標(biāo)可體現(xiàn)在對網(wǎng)站的間接影響。

用戶需求

我們的用戶通過這個產(chǎn)品得到了什么？
先定義誰是我們的用戶，然后再來分析他們的需求。以下方法可以幫助我們實現(xiàn)這個目標(biāo)。

用戶細(xì)分

將用戶按照某種共同關(guān)鍵特征劃分成不同的群組，一種揭示用戶最終需求的手段。

可以根據(jù)以下維度對用戶進(jìn)行劃分。

1. 人口統(tǒng)計學(xué)標(biāo)準(zhǔn)（性別、年齡、教育水平、婚姻狀況、收入等）。
2. 消費心態(tài)檔案（psychographic profiles）。
3. 對于技術(shù)對熟悉度。
4. 對產(chǎn)品內(nèi)容的了解程度（專業(yè)程度）。
5. 社會或?qū)I(yè)角色。
   在進(jìn)行用戶研究之后，可以對用戶細(xì)分群組進(jìn)行調(diào)整，比如合并需求相似的群組，拆分存在不同需求的群組。

收集用戶的觀點與感知的方法：

1. 問卷調(diào)查。
2. 用戶訪談。
3. 焦點小組。

了解用戶行為以及與產(chǎn)品交互時表現(xiàn)的方法：

1. 現(xiàn)場調(diào)查。
2. 任務(wù)分析。
3. 用戶測試（還可用于測試產(chǎn)品的可用性以及改版效果）。

探索用戶如何分類或組織各種信息元素的方法：卡片排序。

用戶模型
通過將帶面孔、名字以及通過用戶研究得到的信息來創(chuàng)建的用戶模型可以幫中我們更好地理解用戶需求。

生成戰(zhàn)略文檔
將產(chǎn)品目標(biāo)和用戶需求寫進(jìn)正式的文檔，以幫助我們在工作中做出正確的決定。

作者想要你做什么？

讓我了解用戶體驗師的決策環(huán)境并了解與用戶體驗相關(guān)的基本概念，然后建議我們通過他提供的基本架構(gòu)－－五個層面來設(shè)計用戶體驗。