第一章用戶體驗(yàn)為什么如此重要

· 什么是用戶體驗(yàn)

用戶體驗(yàn)是產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用，也就是如何“接觸”和“使用”它

· 從產(chǎn)品設(shè)計(jì)到用戶體驗(yàn)設(shè)計(jì)

1.創(chuàng)建一個(gè)產(chǎn)品的過(guò)程更像是在開發(fā)，逐步建立和完善產(chǎn)品的特性和功能，直到它們所組成的那個(gè)東西在市場(chǎng)上是可行的。

2.產(chǎn)品設(shè)計(jì)是由功能決定的——外形服從于功能，并不完全正確。應(yīng)該是由用戶自身的心理感受和行為來(lái)決定的。

3.用戶體驗(yàn)設(shè)計(jì)通常要解決的是應(yīng)用環(huán)境的綜合問(wèn)題。用戶體驗(yàn)設(shè)計(jì)要兼顧視覺和功能兩個(gè)方面，同時(shí)解決產(chǎn)品做面臨的其他問(wèn)題。

· 用戶體驗(yàn)和網(wǎng)站

越來(lái)越多的企業(yè)已經(jīng)開始意識(shí)到，提供優(yōu)質(zhì)的用戶體驗(yàn)，是一個(gè)重要的，可持續(xù)的競(jìng)爭(zhēng)優(yōu)勢(shì)-不僅僅對(duì)網(wǎng)站是這樣，對(duì)所有類型的產(chǎn)品 和服務(wù)也是如此。

· 用戶體驗(yàn)就是商機(jī)

1.特性和功能總是重要的，但是用戶體驗(yàn)對(duì)于客戶的忠誠(chéng)度有著更大的影響。

2.轉(zhuǎn)化率是一種常用的方式，來(lái)衡量用戶體驗(yàn)效果（轉(zhuǎn)化率是最常用的投資受益的度量標(biāo)準(zhǔn)）

3.任何用戶體驗(yàn)上所做的努力，目的都是為了提高效率（幫助人們工作的更快，減少他們犯錯(cuò)的幾率）

· 在乎你的用戶

1.創(chuàng)建吸引人的，高效的用戶體驗(yàn)的方法稱為“以用戶為中心的設(shè)計(jì)”。在開發(fā)產(chǎn)品的每一個(gè)步驟中，都要把用戶列入考慮范圍。

2.以用戶為中心的設(shè)計(jì)要，考慮用戶的體驗(yàn)，把它分解成各個(gè)組成要素，從不同的角度來(lái)了解它

3.對(duì)于來(lái)造訪的用戶，你必須為他們規(guī)劃一個(gè)由粘性的，直觀明了，甚至還讓人愉快的體驗(yàn)

第二章認(rèn)識(shí)這些要素

要理解用戶在使用過(guò)程中，用戶有可能采取的每一個(gè)行動(dòng)的每一種可能性，并且去理解在這個(gè)過(guò)程中每一步用戶的期待值

· 五個(gè)層面

1.表現(xiàn)層：由圖片文字組成

2.框架層：按鈕，空間，照片，文本。優(yōu)化設(shè)計(jì)布局，以達(dá)到元素的最大效果和效率。

3.結(jié)構(gòu)層：設(shè)計(jì)用戶如何到達(dá)某個(gè)頁(yè)面，并且在他們做完事情之后去什么地方。

* 結(jié)構(gòu)層與框架層：框架是結(jié)構(gòu)的具體表達(dá)方式。框架層確定了在結(jié)賬頁(yè)面上交互元素的位置，而結(jié)構(gòu)層則用來(lái)設(shè)計(jì)，用戶如何到達(dá)這個(gè)頁(yè)面?？蚣軐佣x了導(dǎo)航條上各個(gè)要素的排列方式，允許用戶可以瀏覽不同的商品分類，結(jié)構(gòu)層則確定哪些類別應(yīng)該出現(xiàn)在哪里。

4.范圍層：結(jié)構(gòu)層確定網(wǎng)站各種特性和功能最合適的組合方式，這些特性和功能就構(gòu)成了網(wǎng)站的范圍層。某個(gè)功能是否應(yīng)該成為網(wǎng)站的功能之一，這就屬于范圍層要解決的問(wèn)題。

5.戰(zhàn)略層：經(jīng)營(yíng)者想從網(wǎng)站上得到什么，用戶想從網(wǎng)站得到什么。

· 自下而上地建設(shè)

1.在最底層，我們完全不用考慮網(wǎng)站，產(chǎn)品或是服務(wù)最終實(shí)現(xiàn)的外觀，我們只關(guān)心網(wǎng)站如何滿足我們的戰(zhàn)略，滿足用戶的需求。

2.在最頂層，只關(guān)心產(chǎn)品所呈現(xiàn)的具體細(xì)節(jié)。

3.層面越高，決策越要具體，設(shè)計(jì)越來(lái)越精細(xì)。

4.每一個(gè)層面都是根據(jù)它下面的層面來(lái)決定的

· 用戶體驗(yàn)要素

1.戰(zhàn)略層：關(guān)注的是企業(yè)外部的用戶需求，與用戶需求相對(duì)應(yīng)的是我們自己對(duì)網(wǎng)站對(duì)期望目標(biāo)。（產(chǎn)品目標(biāo)）

2.范圍層：功能型產(chǎn)品，創(chuàng)建功能規(guī)格（對(duì)產(chǎn)品對(duì)“功能組合”對(duì)描述）。信息型產(chǎn)品，內(nèi)容需求（對(duì)各種內(nèi)容元素的要求的詳細(xì)描述）

3.結(jié)構(gòu)層：功能型產(chǎn)品，交互設(shè)計(jì)-定義系統(tǒng)如何響應(yīng)用戶的請(qǐng)求。信息層產(chǎn)品，信息架構(gòu)-合理安排內(nèi)容元素以促進(jìn)人類理解信息。

4.框架層：信息設(shè)計(jì)，一種促進(jìn)理解的信息表達(dá)方式。界面設(shè)計(jì)，安排好能讓用戶與系統(tǒng)的功能產(chǎn)生互動(dòng)的界面元素。導(dǎo)航設(shè)計(jì)，屏幕上的一些元素的組合，允許用戶在信息架構(gòu)中穿行。

5.表現(xiàn)層，為最終產(chǎn)品穿件感知體驗(yàn)。

· 應(yīng)用這些要素

1.在每一層中，這些要素必須相互作用才能完成該層的目標(biāo)

2.影響用戶體驗(yàn)的額外兩個(gè)因素：內(nèi)容、技術(shù)

第三章 戰(zhàn)略層

1.戰(zhàn)略層定義：結(jié)合”產(chǎn)品目標(biāo)“和”用戶需求“就組成了戰(zhàn)略層，也就成為我們?cè)谠O(shè)計(jì)用戶體驗(yàn)過(guò)程中做出每一個(gè)決定的基礎(chǔ)。產(chǎn)品目標(biāo)：我們要通過(guò)這個(gè)產(chǎn)品得到什么。用戶需求：我們的用戶要通過(guò)這個(gè)產(chǎn)品得到什么。

2.產(chǎn)品目標(biāo)：a.商業(yè)目標(biāo)，為避免太具體、太寬泛的目標(biāo)，我們應(yīng)該在充分了解問(wèn)題之后在得出結(jié)論。明確定義”成功的條件“，而不是定義”通向成功的路徑“。

b.品牌識(shí)別，對(duì)于任何一個(gè)網(wǎng)站，它需要明確描述的基礎(chǔ)目標(biāo)之一就是品牌識(shí)別。品牌識(shí)別：除了商標(biāo)、色調(diào)、字體，更重要的是概念系統(tǒng)、情緒反應(yīng)（對(duì)用戶起著潛移默化的作用）。你必須要決定品牌形象是無(wú)意之中形成的，還是經(jīng)過(guò)產(chǎn)品設(shè)計(jì)者有意精心安排的結(jié)果

c.成功標(biāo)準(zhǔn)，一些可追蹤的指標(biāo)（轉(zhuǎn)化率、回訪數(shù)、印象數(shù)），在產(chǎn)品上線以后用來(lái)顯示它是否滿足了我們自己的目標(biāo)和用戶的需求。有時(shí)這些成功標(biāo)準(zhǔn)與網(wǎng)站本身和用戶如何使用該站有一定的關(guān)系。

3.用戶需求：a.用戶細(xì)分，將具有某些共同關(guān)鍵特征或者共同需求的用戶劃分成組。不同的用戶群有不同的需求，創(chuàng)建細(xì)分用戶群，只是一種用于“揭示用戶最終需求的手段”。不同用戶群的需求也有可能是彼此矛盾的，要么做取舍，要么為執(zhí)行相同任務(wù)的不同用戶群選擇不同的操作方式。

b.可用性和用戶研究，市場(chǎng)調(diào)研方法，問(wèn)卷調(diào)查、焦點(diǎn)小組：是獲取用戶的基本信息的寶貴來(lái)源?，F(xiàn)場(chǎng)調(diào)查，是指一整套完整、有效且全面的方法：用于了解在日常生活情境中的用戶行為。任務(wù)分析，仔細(xì)地分解用戶完成任務(wù)的精確步驟。用戶測(cè)試，請(qǐng)用戶來(lái)幫忙測(cè)試你的產(chǎn)品，對(duì)于信息驅(qū)動(dòng)的產(chǎn)品可用卡片排序法：用于探索用戶如何分類或組織各種信息元素。

c.創(chuàng)建人物角色，在用戶體驗(yàn)設(shè)計(jì)的過(guò)程中，人物角色是從用戶研究中提取出的、可成為樣例的虛擬人物。

4.團(tuán)隊(duì)角色和流程：產(chǎn)品目標(biāo)和用戶需求經(jīng)常被定義在一個(gè)正式的戰(zhàn)略文檔或愿景文檔中。

第四章 范圍層

· 功能和內(nèi)容

范圍層確定的是全部的功能需求或功能規(guī)格。真正的內(nèi)容常常是通過(guò)一個(gè)內(nèi)容管理系統(tǒng)來(lái)進(jìn)行管理的。

· 定義需求

需求的詳略程度常常取決于該項(xiàng)目的具體范圍，最用之不竭的需求源泉總是來(lái)自用戶本身。

· 內(nèi)容需求

不要混淆某段內(nèi)容的格式和目的。

提供每個(gè)特性規(guī)模的大致預(yù)估（只收集最緊要的關(guān)鍵資料）。

確定某個(gè)人負(fù)責(zé)某一內(nèi)容元素和它的“更新頻率”。

各種用戶，需求不同。哪些用戶想要什么內(nèi)容——如何呈現(xiàn)它們

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

戰(zhàn)略目標(biāo)和需求間往往不是一對(duì)一的關(guān)系。

有時(shí)一個(gè)戰(zhàn)略目標(biāo)將產(chǎn)生多個(gè)需求。另一方面，一個(gè)需求也可以實(shí)現(xiàn)多個(gè)戰(zhàn)略目標(biāo)。

優(yōu)先級(jí)別是決定是否采納人們所建議的相關(guān)特性的首要因素。

第五章 結(jié)構(gòu)層

交互設(shè)計(jì)和信息設(shè)計(jì)都強(qiáng)調(diào)一個(gè)重點(diǎn)：確定各個(gè)將要呈現(xiàn)給用戶的元素的“模式”和“順序”。

· 概念模型

1.用戶對(duì)于“交互組件將怎樣工作”的觀點(diǎn)

2.把軟件某個(gè)特性設(shè)計(jì)處理成用戶所熟悉的某個(gè)概念

3.在交互設(shè)計(jì)的開發(fā)過(guò)程中保持使用方式的一致性，軟件使用方式與現(xiàn)實(shí)經(jīng)驗(yàn)一致，交互方式在整個(gè)系統(tǒng)中保持一致。

4.使用人們熟悉的概念模型會(huì)使用戶更快速的適應(yīng)一個(gè)不熟悉的網(wǎng)站

5.錯(cuò)誤處理，預(yù)防：第一同時(shí)也是防止錯(cuò)誤的方法，是將系統(tǒng)設(shè)計(jì)成不可能犯錯(cuò)那種。改正：錯(cuò)誤發(fā)生時(shí)，系統(tǒng)應(yīng)該幫助用戶找出錯(cuò)誤并改正他們（有效的錯(cuò)誤信息，自我解釋的界面）?；謴?fù)：給用戶提供可以從錯(cuò)誤中恢復(fù)的方式（撤銷）

· 信息架構(gòu)

1.結(jié)構(gòu)化內(nèi)容：信息架構(gòu)的主要工作就是設(shè)計(jì)組織分類和導(dǎo)航的結(jié)構(gòu)，讓用戶可以更有效地找到和瀏覽網(wǎng)站的內(nèi)容。自上而下的分類體系：根據(jù)產(chǎn)品目標(biāo)和用戶需求直接進(jìn)行結(jié)構(gòu)設(shè)計(jì)。先從最廣泛的、有可能滿足決策目標(biāo)的內(nèi)容和功能開始分類，再依據(jù)邏輯細(xì)分出次級(jí)分類。自下而上的分類體系：從已有資料開始把這些資料放到最低級(jí)別的分類中，然后將它們分別歸屬到較高一級(jí)的分類。結(jié)構(gòu)質(zhì)量最重要的標(biāo)準(zhǔn)，不是整個(gè)過(guò)程一共需要多少個(gè)步驟，而是“用戶是否認(rèn)為每個(gè)步驟都是合理的”以及“當(dāng)前步驟? 是否自然地延續(xù)了上一個(gè)步驟中的任務(wù)”。

2.結(jié)構(gòu)方法：信息架構(gòu)的基本單位是節(jié)點(diǎn)。

層級(jí)結(jié)構(gòu)：節(jié)點(diǎn)與其它節(jié)點(diǎn)之間存在這父級(jí)/子級(jí)的關(guān)系。

矩陣結(jié)構(gòu)：矩陣結(jié)構(gòu)能幫助“那些帶著不同需求而來(lái)”的用戶，在相同的內(nèi)容中尋找各自想要的東西。

自然結(jié)構(gòu)：這種結(jié)構(gòu)沒有太強(qiáng)烈的“分類”的概念，對(duì)于探索一系列關(guān)系不明確或者一直在演變的主題很合適，但是對(duì)于用戶下次還需要依靠同樣的路徑、去找同樣的內(nèi)容的就不合適。

線性結(jié)構(gòu)：經(jīng)常被用于小規(guī)模的結(jié)構(gòu)。

一個(gè)延展性好的信息架構(gòu)，能把新的內(nèi)容作為現(xiàn)有結(jié)構(gòu)的一部分容納進(jìn)來(lái)，也可以把新內(nèi)容當(dāng)做一個(gè)完整的新部分加入。

3.組織原則：一般來(lái)說(shuō)，在網(wǎng)站最高層級(jí)使用的組織原則應(yīng)該緊密地與“網(wǎng)站目標(biāo)”和“用戶需求”相關(guān)。而在結(jié)構(gòu)中較低的層級(jí)，內(nèi)容與功能需求的考慮將對(duì)你所采用的組織原則產(chǎn)生很大影響。

4.語(yǔ)言和元數(shù)據(jù)：遵循“使用用戶語(yǔ)言”并且“保持一致性”的命名原則。同時(shí)避免“語(yǔ)義歧義或者不解”。

第六章 框架層

· 在框架層主要解決放置的問(wèn)題

1.界面設(shè)計(jì)考慮可交互元素的布局。

2.導(dǎo)航設(shè)計(jì)考慮在產(chǎn)品中引導(dǎo)用戶移動(dòng)的元素的布局。

3.信息設(shè)計(jì)中考慮傳達(dá)給用戶的信息要素的排布。

· 習(xí)慣和比喻

界面要與用戶早已養(yǎng)成的習(xí)慣保持一致，比之更重要的是界面要與自身保持一致。

網(wǎng)站特性的概念模型有助于保持網(wǎng)站內(nèi)部的一致性。如果有兩個(gè)特性使用同樣的概念模型，可以保持一致的界面和操作，能使用戶習(xí)慣了特性之后很快的適應(yīng)另一個(gè)。即使概念模型不一致的地方，這些概念模型所共用的模塊也應(yīng)該以相似的方式對(duì)待（eg：開始、結(jié)束、返回或者保存這一類的概念）

有效地使用比喻，在于減少用戶在理解和使用產(chǎn)品時(shí)的猜測(cè)。網(wǎng)站可以提供上下文幫助用戶理解你采用的隱喻所代表的特性，但是提供的功能和內(nèi)容越多，猜測(cè)就變得越不可靠，總有一部分用戶會(huì)猜錯(cuò)的。

· 界面設(shè)計(jì)

界面設(shè)計(jì)要做的全部事情就是選擇正確的界面元素，幫助用戶完成他們的任務(wù)，還要通過(guò)適當(dāng)?shù)姆绞阶屗鼈內(nèi)菀妆焕斫夂褪褂谩?/p>

成功的界面設(shè)計(jì)，是能讓用戶一眼就能發(fā)現(xiàn)“最重要的東西”的界面設(shè)計(jì)。

· 導(dǎo)航設(shè)計(jì)

1.導(dǎo)航設(shè)計(jì)必須完成的三個(gè)目標(biāo)：提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法；傳達(dá)出這些元素和他們所包含的內(nèi)容之間的關(guān)系；傳達(dá)出它傳達(dá)出的內(nèi)容和用戶當(dāng)前瀏覽的頁(yè)面是什么關(guān)系。

2.導(dǎo)航系統(tǒng)：全局導(dǎo)航：提供了覆蓋整個(gè)網(wǎng)站的通路。局部導(dǎo)航：提供給用戶在這個(gè)架構(gòu)中到”附近地點(diǎn)“的通路。輔助導(dǎo)航：針對(duì)內(nèi)容、產(chǎn)品或者用戶屬性進(jìn)行的分類導(dǎo)航。上下文導(dǎo)航（內(nèi)聯(lián)導(dǎo)航）：嵌入頁(yè)面自身內(nèi)容的一種導(dǎo)航。

· 信息設(shè)計(jì)

1.用一種能”反應(yīng)用戶的思路“和”支持他們的任務(wù)和目標(biāo)“的方式來(lái)分類和排列這些信息元素

2.指示標(biāo)識(shí)，幫助用戶理解“他們?cè)谀睦铩币约啊八麄兡苋ツ睦铩薄澳臈l路離目標(biāo)更近”，可借助圖標(biāo)、標(biāo)簽系統(tǒng)、排版、顏色等視覺指引。

第七章 表現(xiàn)層

· 合理設(shè)計(jì)感知

1.五方面組成：視覺、聽覺、觸覺、嗅覺、味覺。

2.聲音可以應(yīng)用到很多不同種類的產(chǎn)品中；可用來(lái)通知用戶，還可以使產(chǎn)品變得更具個(gè)性。

3.評(píng)估一個(gè)視覺設(shè)計(jì)方案，應(yīng)該把注意力集中在它們的”運(yùn)作是否良好“上。

· 對(duì)比和一致性

1.通過(guò)對(duì)比把用戶的注意力吸引到重要的部分。

2.過(guò)度設(shè)計(jì)也會(huì)導(dǎo)致視覺的混亂，差異要足夠清晰，讓用戶能分辨出某個(gè)設(shè)計(jì)選擇是特意要傳達(dá)的一致性能避免用戶的困惑和焦慮，可基于柵格線來(lái)保持平面布局的一致性。

· 配色方案和排版

1.色彩，核心的品牌色彩通常是一個(gè)更廣泛的配色方案的一部分，這套配色方案是要在一個(gè)企業(yè)的所有材料中得到應(yīng)用的。一個(gè)企業(yè)的標(biāo)準(zhǔn)配色方案中所使用的色彩，是為了它們?cè)谝黄鸸ぷ鞫鴮ｉT挑選出來(lái)的，它們之間是互補(bǔ)而不沖突的。

2.排版，不要使用非常相似但又不完全一樣的風(fēng)格，只有在你需要傳達(dá)不同的信息時(shí)才使用不同的風(fēng)格。不要使用過(guò)于廣泛和多樣的風(fēng)格。

第八章 要素的應(yīng)用

1.創(chuàng)建良好的用戶體驗(yàn)最重要的工作內(nèi)容是大量收集亟待解決的非常細(xì)微的問(wèn)題。

2.必須要同時(shí)考慮五個(gè)層面的全部因素

3.在上一層級(jí)的錯(cuò)誤有可能會(huì)削弱更低層面的正確決策，如果在低一級(jí)層面做出了錯(cuò)誤決策，再上一層級(jí)做的努力也會(huì)顯得沒有意義。