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

1-1日常生活中的遭遇

敘述了一個(gè)令人懊惱的早晨。

1-2什么是用戶體驗(yàn)

這個(gè)令人懊惱的早晨其實(shí)可以通過優(yōu)秀的設(shè)計(jì)來避免。設(shè)計(jì)產(chǎn)品的時(shí)候设江，人們大多在思考產(chǎn)品可以做什么朵耕，忽略的產(chǎn)品如何工作（人們?nèi)绾问褂盟麄儯６笳呤谴蛟煊脩趔w驗(yàn)存璃、決定產(chǎn)品成功的重要因素仑荐。

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

一般人做產(chǎn)品設(shè)計(jì)的時(shí)候可能會(huì)考慮兩方面——外觀和功能。但是纵东，將設(shè)計(jì)一個(gè)“用戶體驗(yàn)良好的產(chǎn)品”作為明確的目標(biāo)粘招，意味著不僅僅是功能或外觀那么簡(jiǎn)單。用戶體驗(yàn)設(shè)計(jì)通常要解決的是應(yīng)用環(huán)境的綜合問題偎球。

設(shè)計(jì)產(chǎn)品內(nèi)部運(yùn)作洒扎，用戶不可見的部分的時(shí)候“形式追隨功能”的觀點(diǎn)是正確的。但是衰絮，對(duì)于產(chǎn)品直接面對(duì)用戶的那些部分袍冷，正確的產(chǎn)品形態(tài)由“用戶自身的心理感受和行為”來決定。

好的產(chǎn)品=優(yōu)秀的外觀設(shè)計(jì)+有用的功能設(shè)計(jì)+站在應(yīng)用環(huán)境里設(shè)計(jì)

1-4為體驗(yàn)而設(shè)計(jì)：使用第一

簡(jiǎn)單的產(chǎn)品或許不需要太多用戶體驗(yàn)設(shè)計(jì)猫牡。越復(fù)雜的產(chǎn)品难裆，確定如何向用戶提供良好的使用體驗(yàn)就越困難。用戶體驗(yàn)設(shè)計(jì)也就更重要镊掖。

1-5用戶體驗(yàn)和網(wǎng)站

差勁的網(wǎng)站設(shè)計(jì)讓用戶覺得自己很愚蠢乃戈。建立優(yōu)秀的網(wǎng)站需要“理解人們所想和所需”一味的添加新的“產(chǎn)品特性”只會(huì)讓產(chǎn)品越來越復(fù)雜，用戶也很難再次光顧亩进。提供優(yōu)秀的用戶體驗(yàn)有利無弊症虑。（不僅對(duì)網(wǎng)站，對(duì)所有類型的產(chǎn)品和服務(wù)都是如此）

1-6用戶體驗(yàn)就是商機(jī)

對(duì)于商業(yè)網(wǎng)站归薛，優(yōu)秀的用戶體驗(yàn)谍憔，會(huì)提高客戶的轉(zhuǎn)化率和忠誠(chéng)度。

對(duì)于企業(yè)內(nèi)部網(wǎng)站主籍，優(yōu)秀的用戶體驗(yàn)习贫，讓員工工作更快，犯錯(cuò)更少千元，效率更高苫昌。

1-7在乎你的用戶

創(chuàng)建吸引人的、高效的用戶體驗(yàn)方法稱為“以用戶為中心設(shè)計(jì)”其主要思想：在開發(fā)的每一個(gè)步驟中都要把用戶列入考慮范圍幸海∷钌恚“以用戶為中心”的設(shè)計(jì)流程保證你在解決方案中的妥協(xié)不是隨即決定的奥务，而是經(jīng)過思考的。

好的體驗(yàn)是有粘性的袜硫、直觀明了氯葬、令人愉悅的、“每件事都按照正確的方式在工作”的體驗(yàn)。

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

2-1五個(gè)層面

表現(xiàn)層：所看到的一系列網(wǎng)頁，由圖片和文字組成茶没。有的可能帶有超鏈接

框架層：按鈕坦报、控件、照片和文本區(qū)域的位置。用于優(yōu)化設(shè)計(jì)布局，達(dá)到元素最大的效果和效率。

結(jié)構(gòu)層：用來設(shè)計(jì)用戶如何到達(dá)某頁面以及之后能去哪里瞻坝，確定網(wǎng)站各種特性和功能最合適的組合方式。

范圍層：網(wǎng)站中全部的特性和功能杏瞻。

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

2-2自下而上地建設(shè)

由戰(zhàn)略到表現(xiàn)，整個(gè)產(chǎn)品會(huì)越來越具體捞挥。設(shè)計(jì)產(chǎn)品的時(shí)候浮创，每一個(gè)層面都是根據(jù)他下面的那個(gè)層面來決定的。在更改某個(gè)層面的設(shè)計(jì)后砌函，相應(yīng)的之下層面都可能需要從新設(shè)計(jì)斩披。

但是并不是每一個(gè)“較低層面”的決策都必須在“較高層面”之前做出。在“較高層面”的決定有時(shí)候會(huì)促成你對(duì)“較低層面”的評(píng)估讹俊。每個(gè)層面的決策一般根據(jù)競(jìng)品的行為或業(yè)界最佳的實(shí)踐成果來決定垦沉。這些決策可能產(chǎn)生的連鎖反應(yīng)應(yīng)該是雙向的。

在設(shè)計(jì)流程中仍劈，不要把每個(gè)層面的工作在下一個(gè)層面【開始之前完成】厕倍。更好的方法是讓每一層面的工作在下一個(gè)層面【結(jié)束之前完成】。

2-3基本的雙重性

在不同領(lǐng)域工作的人們可能使用了相同的詞匯來形容不同的工作贩疙，為了避免誤解讹弯，本節(jié)界定了將要介紹的要素名詞的使用范圍——功能型的平臺(tái)產(chǎn)品、信息型的媒介產(chǎn)品

在功能型產(chǎn)品這邊这溅，我們主要關(guān)注的是【任務(wù)】——所有的操作都被納入一個(gè)過程组民，去思考人們?nèi)绾瓮瓿蛇@個(gè)過程。在這里悲靴，我們把網(wǎng)站看成用戶用于完成任務(wù)的工具臭胜。

在信息型產(chǎn)品這邊，我們主要關(guān)注的是【信息】——網(wǎng)站應(yīng)該提供哪些信息，這些信息對(duì)用戶的意義是什么庇楞。創(chuàng)建一個(gè)富信息的用戶體驗(yàn)榜配，就是提供給用戶一個(gè)可以尋找否纬、理解吕晌，且有意義的信息組合

2-4用戶體驗(yàn)要素

【戰(zhàn)略層】包括用戶需求和產(chǎn)品目標(biāo)兩部分

用戶需求：用戶希望從產(chǎn)品中得到什么，這些目標(biāo)如何滿足他們所期待的其他目標(biāo)临燃。

產(chǎn)品目標(biāo)：我們自己對(duì)產(chǎn)品的期望目標(biāo)睛驳，可以是商業(yè)的，或是其他膜廊。

【范圍層】包括 功能規(guī)格 和 內(nèi)容需求 兩部分

功能規(guī)格：針對(duì)功能型產(chǎn)品的“功能組合”的詳細(xì)描述乏沸。

內(nèi)容需求：針對(duì)信息型產(chǎn)品的“內(nèi)容元素的要求”的詳細(xì)描述。

【結(jié)構(gòu)層】包括： 交互設(shè)計(jì) 和 信息架構(gòu) 兩部分

交互設(shè)計(jì)：針對(duì)功能型產(chǎn)品爪瓜，定義系統(tǒng)如何相應(yīng)用戶的請(qǐng)求蹬跃。

信息架構(gòu)：針對(duì)信息型產(chǎn)品，合理安排內(nèi)容元素以促進(jìn)人類理解信息铆铆。

【框架層】包括：信息設(shè)計(jì) 蝶缀、 界面設(shè)計(jì) 和 導(dǎo)航設(shè)計(jì)

信息設(shè)計(jì)：針對(duì)所有產(chǎn)品的一種促進(jìn)理解的信息表達(dá)方式。

界面設(shè)計(jì)：針對(duì)功能型產(chǎn)品薄货，安排好能讓用與系統(tǒng)的功能產(chǎn)生互動(dòng)的界面元素翁都。

導(dǎo)航設(shè)計(jì)：針對(duì)信息型產(chǎn)品，屏幕上的一些元素的組合谅猾，允許用戶在信息架構(gòu)中穿行柄慰。

【表現(xiàn)層】包括： 感知設(shè)計(jì)

感知設(shè)計(jì)：針對(duì)所有產(chǎn)品的，視覺呈現(xiàn)税娜。

2-5應(yīng)用這些要素

在工作中坐搔，這些元素的界限并不明顯，每項(xiàng)單獨(dú)做評(píng)估工作也很不容易敬矩。更好的辦法是有人能花時(shí)間系統(tǒng)地把每個(gè)模塊都看一看概行。

另外對(duì)于產(chǎn)品的另外兩個(gè)要素是：【內(nèi)容】和【技術(shù)】，內(nèi)容是產(chǎn)品提供給用戶的最重要的一件東西谤绳，是用戶認(rèn)為有價(jià)值的內(nèi)容占锯；技術(shù)是打造用戶體驗(yàn)的基礎(chǔ)，合理運(yùn)用先進(jìn)的技術(shù)可以創(chuàng)造更優(yōu)秀的用戶體驗(yàn)缩筛。

第3章：戰(zhàn)略層——產(chǎn)品目標(biāo)和用戶需求

3-1戰(zhàn)略層的定義

戰(zhàn)略層的制定是基于對(duì)企業(yè)內(nèi)外部目標(biāo)的結(jié)合：

》我們要通過這個(gè)產(chǎn)品的到什么消略？（產(chǎn)品目標(biāo)）

》我們的用戶要通過這個(gè)產(chǎn)的到什么？（用戶需求）

3-2產(chǎn)品目標(biāo)

商業(yè)目標(biāo)：避免過于具體（例：為用戶提供一個(gè)實(shí)時(shí)的文本通信工具）或過于寬泛（例：為公司省錢或賺錢）的目標(biāo)瞎抛。應(yīng)當(dāng)在充分了解問題再得出結(jié)論艺演，明確定義“成功的條件”而不是定義“通向成功的路徑”。

品牌識(shí)別：除了品牌標(biāo)識(shí)的視覺元素外（商標(biāo)、字體胎撤、顏色）晓殊，的概念系統(tǒng)或情緒反應(yīng)。對(duì)用戶起著潛移默化的作用伤提。你要決定品牌形象是無意中形成巫俺，還是通過產(chǎn)品設(shè)計(jì)有意安排。

成功標(biāo)準(zhǔn)：一些可追蹤的指標(biāo)（例如：轉(zhuǎn)化率肿男、回訪數(shù)介汹、印象數(shù)），用于產(chǎn)品上線后舶沛，呈現(xiàn)產(chǎn)品是否滿足產(chǎn)品目標(biāo)和用戶需求嘹承。是理解目標(biāo)的重要部分，清楚你“什么時(shí)候算是到達(dá)重點(diǎn)”如庭。這些標(biāo)準(zhǔn)有時(shí)與網(wǎng)站本身和用戶如何使用該產(chǎn)品有一定關(guān)系叹卷。

3-3用戶需求

為用戶設(shè)計(jì)不是為設(shè)計(jì)師自己設(shè)計(jì)，需要站在用戶的立場(chǎng)審視問題坪它。探索用戶需求的第一步是定義誰是我們的用戶骤竹，進(jìn)而才能對(duì)其調(diào)研，確定需求的優(yōu)先級(jí)哟楷。

用戶細(xì)分：按照某些共同關(guān)鍵特征將用戶分成更小的群組瘤载。通過這種方法揭示用戶最終需求。經(jīng)過用戶細(xì)分卖擅，可以劃分出不同群體的不同需求鸣奔，有時(shí)他們甚至是矛盾的。出現(xiàn)矛盾的時(shí)候惩阶，要么選擇單一用戶群設(shè)計(jì)而忽略其他用戶群挎狸，要么為執(zhí)行相同任務(wù)的不同用戶群提供不同的方式，這樣不同的決策無疑會(huì)影響之后的關(guān)于用戶體驗(yàn)的每一個(gè)選擇断楷。

可用性和用戶研究：收集必要的信息來達(dá)成共識(shí)锨匆。

【問卷調(diào)查】【用戶訪談】【焦點(diǎn)小組】適合收集用戶的普遍觀點(diǎn)與感知。

【用戶測(cè)試】【現(xiàn)場(chǎng)調(diào)查】適合理解具體的用戶行為以及用戶在和產(chǎn)品交互時(shí)的表現(xiàn)冬筒。

【市場(chǎng)調(diào)查法】：包括【問卷調(diào)查】【焦點(diǎn)小組】恐锣，調(diào)查前要可以明確地表達(dá)出你試圖從用戶身上獲得什么信息。

【現(xiàn)場(chǎng)調(diào)查】：用于了解在日常生活情景中的用戶行為舞痰。缺點(diǎn)是有時(shí)候費(fèi)時(shí)切昂貴土榴。結(jié)果通常對(duì)用戶的理解會(huì)更深刻。

【任務(wù)分析】&【用戶訪談】：一種輕量化的【現(xiàn)場(chǎng)調(diào)查】响牛，只關(guān)注產(chǎn)品中的某一任務(wù)玷禽。并且可以通過【用戶訪談】來完成赫段，讓用戶講述自己的故事，說出自己的經(jīng)驗(yàn)矢赁。

【用戶測(cè)試】：請(qǐng)用戶來測(cè)試你的產(chǎn)品或原型糯笙。測(cè)試前要可以明確地表達(dá)出你試圖從用戶身上獲得什么信息。

【卡片排序法】：一種特殊的【用戶測(cè)試】撩银，用于探究用戶如何分類或組織各種信息元素给涕。一般用于信息驅(qū)動(dòng)的產(chǎn)品。

創(chuàng)建人物角色：創(chuàng)建能代表整個(gè)真實(shí)用戶需求的虛構(gòu)人物蜒蕾。通過這個(gè)保持在設(shè)計(jì)過程始終不偏離用戶需求稠炬。例：

【人物角色例圖】

3-4團(tuán)隊(duì)角色流程

產(chǎn)品目標(biāo)和用戶需求經(jīng)常被定義在一個(gè)正式的【戰(zhàn)略文檔】或【愿景文檔】中焕阿。它不僅是列出目標(biāo)清單咪啡，還提供目標(biāo)之間的關(guān)系分析，并且說明這些目標(biāo)要如何融入更大的企業(yè)中去暮屡。目標(biāo)以及目標(biāo)分析來自于：決策者（企業(yè)管理層）撤摸、普通員工、用戶褒纲。

【戰(zhàn)略文檔】不要冗長(zhǎng)准夷，要簡(jiǎn)潔明了切中要點(diǎn)。

【戰(zhàn)略文檔】必須寫莺掠，而且要頻繁使用衫嵌，要發(fā)給每個(gè)項(xiàng)目參與者（設(shè)計(jì)師、程序員彻秆、信息架構(gòu)師楔绞、項(xiàng)目經(jīng)理），幫助他們?cè)诠ぷ髦凶龀稣_的決定唇兑。

【戰(zhàn)略文檔】可以適當(dāng)演變與改進(jìn)酒朵。

第4章：范圍層——功能規(guī)格和內(nèi)容需求

4-1范圍層定義

定義范圍層的工作：是一個(gè)有價(jià)值的工作，還能產(chǎn)生有價(jià)值的產(chǎn)品扎附。定義范圍層可以確保你的項(xiàng)目能看到盡頭蔫耽，方便規(guī)劃工作流程、安排留夜、里程碑匙铡。

為什么要定義范圍層？

#1：這樣你才知道你正在建設(shè)什么碍粥。

把產(chǎn)品的概念提供給團(tuán)隊(duì)鳖眼。方便任務(wù)在人員上的分匹配。

#2：這樣你才能知道你不需要建設(shè)什么即纲。

對(duì)產(chǎn)品進(jìn)行長(zhǎng)期的規(guī)劃具帮，把暫時(shí)不需要的功能安排到后期博肋。方便功能在時(shí)間上的分配。

4-2功能和內(nèi)容

功能規(guī)格：載體：【功能規(guī)格說明書】蜂厅，在項(xiàng)目初期它描述產(chǎn)品該做什么匪凡，在項(xiàng)目末期它描述產(chǎn)品真正完成了什么。

內(nèi)容需求：通過內(nèi)容管理系統(tǒng)管理掘猿。錯(cuò)誤提示也是一種內(nèi)容需求病游。

4-3定義需求

需求的來源：

①用戶本身，通過直接詢問了解人們想干什么稠通。

②企業(yè)中影響你產(chǎn)品的人衬衬，例如上司

③開發(fā)團(tuán)隊(duì)之外的人的啟發(fā)（工程師、客服改橘、營(yíng)銷）滋尉，多角度全方位的考慮問題

④硬件需求是軟件需求的基礎(chǔ)

⑤通過把人物角色放入場(chǎng)景中尋找潛在的用戶需求

⑥從競(jìng)爭(zhēng)對(duì)手的產(chǎn)品中尋找啟發(fā)

⑦來自與所開發(fā)產(chǎn)品的類似產(chǎn)品的啟發(fā)

通過直接詢問用戶而得來的三種需求：

①用戶講述的清晰的好想法

②需要深入理解用戶需求而產(chǎn)生的真正的根本性需求

③用戶不知道他們是否需要的需求

4-4功能規(guī)格說明

功能規(guī)格說明不需要包含產(chǎn)品的每一個(gè)細(xì)節(jié)——只需要包含在設(shè)計(jì)或開發(fā)過程中出現(xiàn)有可能混淆的功能定義。同時(shí)功能規(guī)格說明也不需要展望產(chǎn)品未來的理想化狀態(tài)——只需要記錄在創(chuàng)建這個(gè)產(chǎn)品時(shí)確定下來的決議飞主。（理清混淆狮惜，立足當(dāng)下）

撰寫功能規(guī)格說明的幾條規(guī)則：

①【樂觀】描述系統(tǒng)將要去做什么事情去“防止”不好的事情發(fā)生，而不是描述系統(tǒng)“不應(yīng)該”做什么不好的事情碌识。例如：

#1這個(gè)系統(tǒng)不允許用戶購(gòu)買沒有風(fēng)箏線的風(fēng)箏碾篡。（壞事發(fā)生，不好）

#2如果用戶要買沒有線的風(fēng)箏筏餐，系統(tǒng)應(yīng)將用戶引導(dǎo)到風(fēng)箏線頁面开泽。（避免壞事，好）

②【具體】盡可能詳細(xì)地解釋清楚狀況魁瞪，這是我們決定一個(gè)功能是否被實(shí)現(xiàn)的最佳途徑穆律。例如：

#1最受歡迎的視頻要重點(diǎn)標(biāo)注。（籠統(tǒng)佩番，不好）

#2上周被播放最多的視頻要顯示在列表的最前端众旗。（具體，好）

③【避免主觀的語氣】保持明確趟畏，避免誤解贡歧，功能的規(guī)格必須是可以驗(yàn)證的。（可證偽的假設(shè)）例如：

#1這個(gè)網(wǎng)站的風(fēng)格應(yīng)該是時(shí)尚赋秀、閃耀的利朵。（無法驗(yàn)證，不好）

#2這個(gè)網(wǎng)站應(yīng)該符合郵遞員Wayne所期望的時(shí)尚猎莲。（可驗(yàn)證但依賴W的主觀绍弟，較好）

#3網(wǎng)站的外觀應(yīng)該符合企業(yè)的品牌指南文檔（可以客觀驗(yàn)證，好）

④【量化地定義一些功能】是避免主觀語氣的一種法方法著洼。例如

#1要具有高級(jí)別的執(zhí)行能力（非量化樟遣、難驗(yàn)證而叼，不好）

#2至少可以被1000名用戶同時(shí)使用（量化、可驗(yàn)證豹悬，好）

4-5內(nèi)容需求

內(nèi)容包括：文本葵陵、圖像、音頻瞻佛、視頻等脱篙。不同類型的內(nèi)容結(jié)合在一起，協(xié)同滿足某一個(gè)需求伤柄。定義出所有不同類型的內(nèi)容绊困，可以幫助你確定需要那些資源來制作這些內(nèi)容。

確定內(nèi)容需求時(shí)的幾個(gè)工作要點(diǎn)

①要關(guān)注內(nèi)容本身适刀，而不是關(guān)注內(nèi)容展現(xiàn)的格式秤朗。例如在關(guān)注“常見FAQ”時(shí)，“常見”一詞可能就會(huì)被忽視蔗彤。

②內(nèi)容需求應(yīng)該提供每一個(gè)特性規(guī)模的大致預(yù)估：文本字?jǐn)?shù)川梅、字節(jié)大小、尺寸等然遏。用于設(shè)計(jì)適當(dāng)?shù)墓ぞ邅砉芾韮?nèi)容。

③將責(zé)任安排到位吧彪，盡早確定每個(gè)人來負(fù)責(zé)每一個(gè)內(nèi)容元素待侵。避免沒有分配責(zé)任就早早進(jìn)入開發(fā)階段。

④確保產(chǎn)品上線后的內(nèi)容更新有保障姨裸。否則產(chǎn)品會(huì)漸漸難以滿足用戶需求秧倾。

⑤根據(jù)戰(zhàn)略目標(biāo)，定義更新頻率傀缩。

⑥如果網(wǎng)站針對(duì)需求相異的用戶那先，要做好內(nèi)容分類工作。清楚哪些用戶需要哪些內(nèi)容赡艰。

⑦對(duì)于已有大量?jī)?nèi)容的項(xiàng)目而言售淡，需要列出產(chǎn)品所有內(nèi)容的清單。讓團(tuán)隊(duì)的每個(gè)人都知道自己在設(shè)計(jì)用戶體驗(yàn)時(shí)候要做什么工作慷垮。

4-6確定需求優(yōu)先級(jí)

1.確定需求優(yōu)先級(jí)就是：排列出哪些功能應(yīng)該包含到你現(xiàn)在的這個(gè)項(xiàng)目中去揖闸。

2.戰(zhàn)略目標(biāo)和需求不是一對(duì)一的關(guān)系，而是多對(duì)一料身，一對(duì)多的交叉關(guān)系汤纸。

3.評(píng)估需求的3個(gè)維度：用戶需求、產(chǎn)品目標(biāo)芹血、可行性贮泞。

4.功能的可行性局限在于：技術(shù)局限而無法做出來楞慈、時(shí)間局限而需要延期上線、資源局限而需要削減不能完成的任務(wù)啃擦。

5.由于各個(gè)功能之間存在關(guān)聯(lián)性抖部，有些功能的提升需要其他功能的提升作為前提。所以如何權(quán)衡：“是升級(jí)前提功能议惰？還是修改需要提升的功能”取決于你的戰(zhàn)略目標(biāo)慎颗。

6.通過范圍定義的工作去除那些“看上去有可能要改變戰(zhàn)略的特性建議”，但是如果有這樣的特性：“盡管它不在項(xiàng)目范圍之內(nèi)言询，也超越了任何一個(gè)限制條件俯萎，但聽起來仍像是一個(gè)不錯(cuò)的想法”，那么此時(shí)你可能需要從新審視某些戰(zhàn)略目標(biāo)运杭。無論如何夫啊，如果你在定義范圍的時(shí)總在反復(fù)審視戰(zhàn)略目標(biāo)，說明你極有可能是太早地進(jìn)入了需求定義階段辆憔。

7.在兩個(gè)特性的重要程度差別不明顯的情況下撇眯，辦公室政治也有可能影響項(xiàng)目范圍。

8.要關(guān)注“制定戰(zhàn)略目標(biāo)”而不是各種實(shí)現(xiàn)目標(biāo)的手段虱咧。面對(duì)一個(gè)總是把注意力放在某個(gè)特性的上級(jí)熊榛，你可能需要溝通技巧。

第5章：結(jié)構(gòu)層——交互設(shè)計(jì)與信息架構(gòu)

5-1結(jié)構(gòu)層定義

定義結(jié)構(gòu)層的工作：在定義好用戶需求并排列好優(yōu)先級(jí)后腕巡，把這些分散的功能點(diǎn)組成一個(gè)整體玄坦。為網(wǎng)站創(chuàng)建一個(gè)概念結(jié)構(gòu)。

功能型產(chǎn)品——交互設(shè)計(jì)绘沉、信息型產(chǎn)品——信息架構(gòu)煎楣。兩者都強(qiáng)調(diào)一個(gè)重點(diǎn)：確定各個(gè)將要呈現(xiàn)給用戶的元素的“模式”和“順序”。交互設(shè)計(jì)關(guān)注于將影響用戶執(zhí)行和完成任務(wù)的元素车伞。信息架構(gòu)則關(guān)注如何將信息表達(dá)給用戶的元素择懂。但總之，它們要求設(shè)計(jì)者要理解用戶——理解用戶的工作方式另玖、行為和思考方式困曙。將了解到的知識(shí)融入產(chǎn)品，會(huì)提供為用戶提供更好的體驗(yàn)日矫。

5-2交互設(shè)計(jì)

交互設(shè)計(jì)關(guān)注描述“可能的用戶行為”赂弓，同時(shí)定義“系統(tǒng)如何配合與響應(yīng)”這些用戶行為。不要讓用戶去適應(yīng)產(chǎn)品哪轿，而是要讓產(chǎn)品與用戶互相適應(yīng)盈魁，預(yù)測(cè)對(duì)方的下一步。

程序員傾向做技術(shù)上效率高的產(chǎn)品窃诉，而交互設(shè)計(jì)師力求打造對(duì)用戶而言的好產(chǎn)品杨耙。與其針對(duì)機(jī)器的最佳工作方式來設(shè)計(jì)系統(tǒng)赤套，還不如設(shè)計(jì)一個(gè)對(duì)用戶而言最好的系統(tǒng)。

5-3概念模型

5-3-1概念模型的定義與運(yùn)用

用戶對(duì)于“交互組件將怎樣工作”的觀點(diǎn)稱為概念模型珊膜。例如：

“購(gòu)物車”——典型的容器概念模型容握，人們“放進(jìn)東西”或“拿出東西”；

“訂貨單”——使用“編輯”來代替“購(gòu)物車”的“放進(jìn)”與“拿出”车柠。

使用人們熟悉的概念模型剔氏，會(huì)使用戶很快適應(yīng)一個(gè)陌生的網(wǎng)站。當(dāng)然竹祷，打破傳統(tǒng)也沒有錯(cuò)——只要你有一個(gè)好理由說明“為什么要這么做”谈跛，同時(shí)準(zhǔn)備好另一個(gè)符合用戶需求且在情理之中的概念模型以備用。一個(gè)令人不太熟悉的概念模型只有在用戶能正確理解并詮釋它的時(shí)候才能起到效果塑陵。

我們不必將概念模型明確地告訴我們的用戶感憾。這樣可能會(huì)令他們混淆。概念模型是用于在交互設(shè)計(jì)的開發(fā)過程中保持使用方式的一致性的令花。了解用戶對(duì)網(wǎng)站模式的想法阻桅，可以幫助我們挑選出最有效的概念模型。理想的狀態(tài)是：我們不需要告訴用戶網(wǎng)站使用的是什么概念模型兼都；用戶使用網(wǎng)站的時(shí)候嫂沉，基本上是憑直覺的，因?yàn)榫W(wǎng)站的交互行為與用戶隱含的期望是完全相符的俯抖。

將現(xiàn)實(shí)世界中相對(duì)應(yīng)實(shí)物的比喻放入我們的概念模型中输瓜，這對(duì)系統(tǒng)功能設(shè)計(jì)有一定價(jià)值。不過芬萍，更重要的是，不要將比喻從現(xiàn)實(shí)世界中一字不落地照搬過來搔啊。（避免過分運(yùn)用比喻）

5-3-2錯(cuò)誤處理

——當(dāng)人們犯錯(cuò)誤時(shí)柬祠，系統(tǒng)要如何反應(yīng)，并且當(dāng)錯(cuò)誤第一次發(fā)生時(shí)负芋，系統(tǒng)要如何防止人們繼續(xù)犯錯(cuò)漫蛔。方法：

①同時(shí)也是最好的防止錯(cuò)誤的方法，是將系統(tǒng)設(shè)計(jì)成不可能犯錯(cuò)的那種旧蛾。

②避免錯(cuò)誤的方法就是使錯(cuò)誤難以發(fā)生莽龟。但即使如此，一些錯(cuò)誤一定會(huì)發(fā)生锨天。這是毯盈，系統(tǒng)應(yīng)該幫助用戶找出錯(cuò)誤并且改正它們。在某些情況下病袄，系統(tǒng)甚至可以幫助用戶自動(dòng)改正錯(cuò)誤（要慎用）搂赋。有效的錯(cuò)誤信息和容易自我解釋的界面可以在錯(cuò)誤發(fā)生之后幫助用戶糾正赘阀。

③面對(duì)有些用戶開始認(rèn)為是對(duì)的，后來發(fā)現(xiàn)錯(cuò)了的那種錯(cuò)誤脑奠，最有效的方法是為可以恢復(fù)的操作提供“撤銷”選項(xiàng)基公。不可恢復(fù)的操作要適當(dāng)警告。

5-4信息架構(gòu)

5-4-1信息架構(gòu)意義

信息架構(gòu)研究的是人們?nèi)绾握J(rèn)知信息的過程宋欺，對(duì)于產(chǎn)品而言轰豆，信息架構(gòu)關(guān)注的就是呈現(xiàn)給用戶的信息是否合理并具有意義。這對(duì)信息型產(chǎn)品和功能型產(chǎn)品都很重要齿诞。

5-4-2結(jié)構(gòu)化內(nèi)容酸休，內(nèi)容分類法

在以內(nèi)容為主的網(wǎng)站上，信息架構(gòu)主要的工作是設(shè)計(jì)組織分類和導(dǎo)航的結(jié)構(gòu)掌挚，讓用戶可以高效率雨席、有效地瀏覽網(wǎng)站的內(nèi)容。信息架構(gòu)與信息檢索的概念密切相關(guān)：設(shè)計(jì)出讓用戶容易找到信息的系統(tǒng)吠式。甚至是教育陡厘、通知或說服用戶。

信息架構(gòu)要求創(chuàng)建分類體系特占，兩種建立方式：從上到下糙置、從下到上。

從上到下的信息架構(gòu)法將從戰(zhàn)略成所考慮的內(nèi)容是目，即根據(jù)產(chǎn)品目標(biāo)與用戶需求直接進(jìn)行結(jié)構(gòu)設(shè)計(jì)谤饭。先從最廣泛的、有可能滿足決策目標(biāo)的內(nèi)容與功能開始進(jìn)行分類懊纳，然后再依據(jù)邏輯細(xì)分出次級(jí)分類揉抵。這樣的“主要分類”與“次要分類”的層級(jí)結(jié)構(gòu)就像一個(gè)個(gè)的空槽，而內(nèi)容和功能將按順序一一填入嗤疯。（由戰(zhàn)略層驅(qū)動(dòng)）

從下到上的信息架構(gòu)法也包括了主要分類與次要分類冤今，但它是根據(jù)對(duì)“內(nèi)容和功能需求的分析”而來的。先從已有的資料（或者當(dāng)網(wǎng)站發(fā)布后將存在的資料）開始茂缚，把這些資料統(tǒng)統(tǒng)放到最低級(jí)別的分類中戏罢，然后再將它們分別歸屬到較高一級(jí)的類別，從而逐漸構(gòu)建出能反映我們的產(chǎn)品目標(biāo)和用戶需求的結(jié)構(gòu)脚囊。（由范圍層驅(qū)動(dòng)）

兩者相比較龟糕，前者容易忽略內(nèi)容的重要細(xì)節(jié)；后者過于精確的細(xì)節(jié)導(dǎo)致未來可能不能靈活的變動(dòng)或增加內(nèi)容悔耘。需要找出兩者的平衡點(diǎn)讲岁。

5-4-3關(guān)于分類層級(jí)間的跳轉(zhuǎn)

但是計(jì)算用戶從開始到完成任務(wù)的點(diǎn)擊次數(shù)是不科學(xué)的，比起令人困惑的點(diǎn)三下，用戶可能會(huì)更喜歡無腦的點(diǎn)七下催首。所以扶踊，重要的是結(jié)構(gòu)質(zhì)量，而非整個(gè)過程要多少步驟郎任。

5-4-4關(guān)于產(chǎn)品升級(jí)與更新

網(wǎng)站的更新幾乎是必然的秧耗，高效的網(wǎng)站結(jié)構(gòu)可以“容納成長(zhǎng)和適應(yīng)變動(dòng)”，更多的新內(nèi)容可以讓你從新審視網(wǎng)站的分類組織原則舶治。在每次較大規(guī)模變更網(wǎng)站結(jié)構(gòu)之前分井，最好提前通知用戶。

5-4-5四種常見的結(jié)構(gòu)類型

信息架構(gòu)的基本單位是節(jié)點(diǎn)霉猛。它可以對(duì)應(yīng)任意的信息片段或組合尺锚，設(shè)定我們關(guān)注點(diǎn)的詳略程度。

層級(jí)結(jié)構(gòu)：（樹狀結(jié)構(gòu)惜浅、中心輻射）節(jié)點(diǎn)與其他相關(guān)節(jié)點(diǎn)之間存在父級(jí)/子級(jí)關(guān)系

矩陣結(jié)構(gòu)：允許用戶在節(jié)點(diǎn)與節(jié)點(diǎn)之間沿著兩個(gè)或更多（最多三個(gè)）的“維度”移動(dòng)

自然結(jié)構(gòu)：沒有很強(qiáng)的分類概念瘫辩，各節(jié)點(diǎn)分散逐一連接，適合營(yíng)造自由探險(xiǎn)的感覺

線性結(jié)構(gòu)：連貫的節(jié)點(diǎn)排布坛悉，用于限制那些內(nèi)容循序?qū)τ谟脩粜枨蠓浅ｊP(guān)鍵的應(yīng)用程序

5-4-6組織原則

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

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

使用合理的“截面”來組織信息卷扮，使用錯(cuò)誤的截面可能比不使用更糟糕。對(duì)于截面的問題常見對(duì)策是均践，將每一個(gè)有可能的截面都當(dāng)作組織原則來使用晤锹，讓用戶自己去選擇對(duì)他們而言最重要的那個(gè)。

截面：各項(xiàng)目中某種特定性質(zhì)彤委。例如：汽車的重量抖甘、耗油量、型號(hào)葫慎、外觀等就屬于不同的截面。

5-4-7語言和元數(shù)據(jù)

“清晰的結(jié)構(gòu)”配合“明了的命名原則”才能讓用戶順利的了解網(wǎng)站薇宠。

命名原則：描述偷办、標(biāo)簽，和網(wǎng)站的其他術(shù)語澄港〗费模“使用用戶的語言”并且“保持一致性”是非常重要的。我們把用來強(qiáng)調(diào)一致性的工具稱為“受控詞典”

【受控詞典】是網(wǎng)站使用的一套標(biāo)準(zhǔn)語言回梧。與用戶談話并了解他們的溝通方式废岂，是開發(fā)出一個(gè)讓用戶感到自然的命名原則系統(tǒng)的最有效方式祖搓。創(chuàng)造并遵守它，可以防止企業(yè)內(nèi)部的專用術(shù)語侵入產(chǎn)品湖苞，降低用戶體驗(yàn)拯欧。并且，也有助于建立起貫穿所有內(nèi)容的一致性财骨。

【類詞詞典】提供常用的镐作、但未納入該網(wǎng)站標(biāo)準(zhǔn)用語的詞匯以供選擇。你可以添加：內(nèi)部專用術(shù)語隆箩、速寫語该贾、俚語或縮寫詞等對(duì)其相對(duì)應(yīng)的詞匯進(jìn)行補(bǔ)充。還可能包含詞匯之間的類型關(guān)系捌臊，提供更廣義杨蛋、更狹義或相關(guān)詞匯的建議。

【元數(shù)據(jù)】是“關(guān)于信息的信息”理澎，即以一種結(jié)構(gòu)化的方式來描述內(nèi)容的信息逞力。例如你的網(wǎng)站中的一篇文章，該文章的：發(fā)布時(shí)間矾端、作者掏击、內(nèi)同類型等信息屬于元數(shù)據(jù)。建立一套元數(shù)據(jù)分類系統(tǒng)秩铆，有助于日后創(chuàng)建某個(gè)專題（某作者的專題內(nèi)容或有關(guān)于某個(gè)新聞的相似舊新聞的專題）以備不時(shí)之需砚亭。

元數(shù)據(jù)的另外一個(gè)用途是提供更可靠的搜索結(jié)果。元數(shù)據(jù)+類詞詞典+搜索引擎殴玛，讓搜索可以變得更智能捅膘，甚至可以推薦給用戶可能感興趣的內(nèi)容

5-5團(tuán)隊(duì)角色和流程

5-5-1結(jié)構(gòu)層的交付——架構(gòu)圖

信息架構(gòu)或交互設(shè)計(jì)的主要文檔是示意圖。視覺化地呈現(xiàn)整體結(jié)構(gòu)滚粟，同時(shí)包含命名原則和元數(shù)據(jù)的具體細(xì)節(jié)⊙罢蹋現(xiàn)在，人們一般用【架構(gòu)圖】作為描述網(wǎng)站結(jié)構(gòu)的工具凡壤。

這種架構(gòu)圖不一定要寫明網(wǎng)站的每一頁的每一個(gè)鏈接署尤。太過詳細(xì)的架構(gòu)圖可能會(huì)造成混亂。架構(gòu)圖最重要的是記錄概念關(guān)系：哪些類別需要放在一起亚侠，而哪些需要保持獨(dú)立曹体？在交互過程中那些步驟要怎樣相互配合？（工具：視覺詞典——Visvo）

5-5-2成員分配

企業(yè)中硝烂，用戶體驗(yàn)設(shè)計(jì)師一般從事交互設(shè)計(jì)和信息架構(gòu)兩部分工作箕别。

FAQ：是否需要聘請(qǐng)一位全職的信息架構(gòu)師作為團(tuán)隊(duì)成員？

如果你的產(chǎn)品主要是內(nèi)容的更新，不需要定期對(duì)網(wǎng)站從新設(shè)計(jì)開發(fā)串稀，就不需要除抛。反之，則需要母截。

第6章：框架層——界面設(shè)計(jì)到忽、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)

6-1框架層定義

關(guān)注獨(dú)立的組件以及他們之間的相互關(guān)系。由界面設(shè)計(jì)微酬、導(dǎo)航設(shè)計(jì)绘趋、信息設(shè)計(jì)組成。

界面設(shè)計(jì)：提供給用戶做某事的能力颗管。通過它陷遮，用戶能真正接觸到那些“在結(jié)構(gòu)層的交互設(shè)計(jì)中”確定的“具體功能”。（針對(duì)功能型產(chǎn)品）

導(dǎo)航設(shè)計(jì)：提供給用戶去某個(gè)地方的能力垦江。通過它帽馋，用戶可以看清楚“在信息架構(gòu)中”確定的“結(jié)構(gòu)”，并且可以在其中自由穿行比吭。（針對(duì)信息型產(chǎn)品）

信息設(shè)計(jì)：傳達(dá)想法給用戶绽族。（針對(duì)兩者）

6-2習(xí)慣和比喻

6-2-1習(xí)慣與反射作用

習(xí)慣和反射作用是我們與這個(gè)世界交互時(shí)的各種基礎(chǔ)，我們?nèi)粘Ｉ钪性S多事情都是通過大量的細(xì)小的反射完成的衩藤。

適當(dāng)?shù)淖袷亓?xí)慣和謹(jǐn)慎的違背習(xí)慣都可以建立成功的用戶體驗(yàn)吧慢，但前提是，你在做每一個(gè)決定的時(shí)候都要有充分的赏表、明確的理由检诗。

對(duì)于產(chǎn)品內(nèi)部的不同特性可以使用相同的概念模型，進(jìn)而可以使用類似的界面設(shè)計(jì)瓢剿。用戶將在這兩個(gè)地方使用相同的操作習(xí)慣逢慌，能有舉一反三的效果。而對(duì)于產(chǎn)品內(nèi)部重復(fù)出現(xiàn)的模塊间狂，例如開始攻泼、結(jié)束、保存鉴象，一般給它們一個(gè)統(tǒng)一的設(shè)計(jì)忙菠，有助于用戶更快的達(dá)到自己的目標(biāo)而減少錯(cuò)誤。

6-2-2抑制在產(chǎn)品四周建立比喻的沖動(dòng)

運(yùn)用比喻就會(huì)帶來猜測(cè)纺弊，多數(shù)情況下用戶猜到的跟你設(shè)想的都不搭邊只搁。更好、更簡(jiǎn)單的做法是完全去除猜測(cè)的成分俭尖。有效的使用比喻，就是要減少用戶在“理解和使用你的產(chǎn)品功能”時(shí)對(duì)猜測(cè)的要求。

6-3界面設(shè)計(jì)

6-3-1成功的界面設(shè)計(jì)是怎樣的稽犁？

界面設(shè)計(jì)要做的全部事情就是選擇正確的界面元素焰望。哪個(gè)功能要在哪個(gè)界面上完成，是我們?cè)诮Y(jié)構(gòu)層的交互設(shè)計(jì)中已經(jīng)決定的已亥；而這些功能在界面上如何被用戶認(rèn)知到熊赖，是界面設(shè)計(jì)的范疇。成功的界面讓用戶第一眼就看到最重要的東西虑椎。不重要的東西震鹉，不應(yīng)該被注意到。對(duì)于復(fù)雜系統(tǒng)的設(shè)計(jì)捆姜，弄清楚用戶不需要什么传趾，并減少它們的可發(fā)現(xiàn)型（或直接排除）是最重要的。

6-3-2界面設(shè)計(jì)需要怎樣的思路泥技？

像程序員一樣總是考慮“邊緣情況”（發(fā)生場(chǎng)景很少的）是不可取的浆兰。將一個(gè)極端情況呈現(xiàn)出來的界面，等于給大多數(shù)用戶提供一個(gè)設(shè)計(jì)不良的界面珊豹。良好的界面可以組織好用戶最長(zhǎng)采用的行為簸呈，同時(shí)讓這些界面元素用最容易的方式獲取和使用。

6-3-3設(shè)計(jì)界面有什么技巧店茶？

采用一個(gè)聰明的默認(rèn)值蜕便；記錄用戶最后一次的選擇；熟悉利用各種不同的標(biāo)準(zhǔn)元素贩幻；等

6-4導(dǎo)航設(shè)計(jì)

6-4-1導(dǎo)航設(shè)計(jì)的三個(gè)目標(biāo)（廣泛適用兩種產(chǎn)品）

①必須提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法轿腺，導(dǎo)航鏈接真實(shí)有效

②必須傳達(dá)出這些元素和它們所包含內(nèi)容之間的關(guān)系

③必須傳達(dá)出它的內(nèi)容和用戶當(dāng)前瀏覽頁面之間的關(guān)系

6-4-2幾種導(dǎo)航方式

【全局導(dǎo)航】

提供覆蓋整個(gè)網(wǎng)站的通路，“固定”在網(wǎng)站頂部或側(cè)欄段直。

【局部導(dǎo)航】

提供給用戶這個(gè)架構(gòu)中到“附近地點(diǎn)”的通路插勤，一個(gè)父級(jí)界面、兄弟級(jí)和子級(jí)通路枪萄。

【輔助導(dǎo)航】

提供了全局導(dǎo)航或局部導(dǎo)航不能快速到達(dá)的相關(guān)內(nèi)容的快捷途徑词渤，允許用戶不從頭開始。

【上下文導(dǎo)航】

嵌入頁面自身內(nèi)容的一種導(dǎo)航喧务。例如重點(diǎn)詞解釋赖歌，要根據(jù)用戶來設(shè)置，不要隨意設(shè)置功茴。

【友好導(dǎo)航】

提供給用戶他們通常不會(huì)需要的連接庐冯，但是它們是作為一種便利的途徑來使用。例如法律說明坎穿、聯(lián)系信息等展父。

【遠(yuǎn)程導(dǎo)航】

沒有包含在頁面結(jié)構(gòu)中的導(dǎo)航返劲，獨(dú)立于網(wǎng)站的內(nèi)容或功能。

【網(wǎng)站地圖】

在單頁中瀏覽網(wǎng)站整體結(jié)構(gòu)的快捷方式栖茉。一般縮進(jìn)顯示兩個(gè)層級(jí)內(nèi)的導(dǎo)航

【索引表】

按照字母順序排列的篮绿、連接到相關(guān)頁面的列表。適用于涵蓋多主題吕漂，多內(nèi)容的網(wǎng)站亲配，普通網(wǎng)站一般不需要。

6-5信息設(shè)計(jì)

6-5-1信息設(shè)計(jì)介紹

信息設(shè)計(jì)決定如何呈現(xiàn)信息惶凝，使人們?nèi)菀资褂煤屠斫猱a(chǎn)品吼虎。有時(shí)它是視覺方面的，例如呈現(xiàn)數(shù)據(jù)選擇餅狀圖還是柱狀圖苍鲜，哪個(gè)icon可以體現(xiàn)搜索的概念思灰？望遠(yuǎn)鏡？放大鏡坡贺？還有時(shí)涉及到“分組”或“整理”散亂的信息官辈。

最關(guān)鍵的，是用一種能“反映用戶思路”和“支持他們的任務(wù)和目標(biāo)”的方式分類和排列這些信息元素遍坟。排列這些信息元素之間的關(guān)系拳亿，是屬于微觀信息架構(gòu)的工作。

信息設(shè)計(jì)不但包括收集信息愿伴，同時(shí)也需要設(shè)計(jì)呈現(xiàn)信息的方式肺魁。不管什么時(shí)候，系統(tǒng)都應(yīng)該給用戶提供能正確使用系統(tǒng)的信息（無論是用戶出錯(cuò)還是剛剛開始使用）隔节。

6-5-2指示標(biāo)識(shí)（你在這里指示器）

信息設(shè)計(jì)結(jié)合導(dǎo)航設(shè)計(jì)鹅经，幫助用戶理解：他們?cè)谀模麄兡苋ツ脑踅搿３Ｓ玫闹甘痉椒梢赃\(yùn)用：色彩瘾晃、形狀、標(biāo)簽系統(tǒng)幻妓、排版等蹦误。

6-6框架層的交付——線框圖

頁面布局將信息設(shè)計(jì)、界面設(shè)計(jì)肉津、導(dǎo)航設(shè)計(jì)結(jié)合到一起强胰，形成一個(gè)統(tǒng)一的、有內(nèi)在凝聚力的架構(gòu)——線框圖妹沙。線框圖一般自帶說明偶洋，并配合其他交互文檔、內(nèi)容需求等文檔一同閱讀距糖。它是視覺設(shè)計(jì)的第一步玄窝。

簡(jiǎn)單產(chǎn)品的線框圖可以作為建立界面的模版牵寺。復(fù)雜產(chǎn)品的線框圖不一定要每個(gè)界面都畫出來，可以只畫出較少的標(biāo)準(zhǔn)界面哆料，然后細(xì)化缸剪。

線框圖是整合在框架層的全部三種要素的方法：通過安排和選擇界面元素來整合界面設(shè)計(jì)；通過識(shí)別和定義核心導(dǎo)航系統(tǒng)來整合導(dǎo)航設(shè)計(jì)东亦；通過放置和排列信息組成部分的優(yōu)先級(jí)來整合信息設(shè)計(jì)。線框圖可以確定一個(gè)建立在基本概念結(jié)構(gòu)上的架構(gòu)唬渗，同時(shí)指出了表現(xiàn)層設(shè)計(jì)的前進(jìn)方向典阵。

第7章：表現(xiàn)層——感知設(shè)計(jì)

7-1表現(xiàn)層定義

通過關(guān)注視覺設(shè)計(jì)，決定信息設(shè)計(jì)的交付產(chǎn)物在視覺上如何呈現(xiàn)镊逝。

7-2合理設(shè)計(jì)感知

設(shè)計(jì)流程中的最后一戰(zhàn)壮啊，用戶體驗(yàn)到的第一站。這些感覺包括：視覺撑蒜、聽覺（警示音）歹啼、觸覺（產(chǎn)品形狀和材質(zhì)）、嗅覺和味覺（使用的材料）座菠。以下內(nèi)容將以視覺設(shè)計(jì)為主狸眼。

評(píng)估視覺設(shè)計(jì)好壞的標(biāo)準(zhǔn)應(yīng)該是：在保證軟件運(yùn)行良好的前提下，讓軟件更美觀浴滴。視覺設(shè)計(jì)不能破壞用戶體驗(yàn)設(shè)計(jì)前期所做的工作拓萌。（符合戰(zhàn)略目標(biāo)等內(nèi)容）

7-3忠于眼睛（視覺注意力上部?jī)?yōu)先，左邊優(yōu)先）

要遵循人類本能去設(shè)計(jì)升略。在完成視覺設(shè)計(jì)后微王，問問別人，這樣的設(shè)計(jì)是否合適品嚣，或者瞇著眼睛看頁面炕倘，直到不能辨認(rèn)出任何細(xì)節(jié)，然后讓眼睛在頁面周圍無意識(shí)的移動(dòng)翰撑。成功的設(shè)計(jì)保證視覺路徑流暢不擁擠罩旋，其次，在沒有很多細(xì)節(jié)的前提下额嘿，為用戶提供有效選擇的瘸恼、某種可能的“引導(dǎo)”。

7-4對(duì)比和一致性

某一元素與眾不同時(shí)（利用顏色册养、形狀东帅、大小等方法），用戶會(huì)本能的注意到他球拦。需要注意的是：

① 要讓“差異”足夠大靠闭，用戶能足夠分辨出這個(gè)設(shè)計(jì)是刻意為之的帐我，要傳達(dá)信息的。

② 避免過度運(yùn)用對(duì)比原則愧膀，否則界面滿是重點(diǎn)也就看不出重點(diǎn)了拦键。

③ 避免沒有對(duì)比導(dǎo)致頁面平淡無比。

④ 可以運(yùn)用對(duì)比來引導(dǎo)用戶在頁面上的視線檩淋，或?qū)⒆⒁饬械綆讉€(gè)關(guān)鍵的要素上芬为。

⑤ 在設(shè)計(jì)中要保持一致性，讓元素視覺大小保持一致的尺寸蟀悦，方便布局媚朦。

方法：使用基于柵格線的布局。

⑥避免教條主義日戈，堅(jiān)持使用柵格線系統(tǒng)询张。

7-5內(nèi)部和外部的一致性

內(nèi)部一致性問題：在產(chǎn)品的兩個(gè)不同的地方反映了不同的設(shè)計(jì)方法

外部一致性問題：產(chǎn)品沒有在同一企業(yè)的其他產(chǎn)品中，反映出被使用的相同的設(shè)計(jì)方法

避免類似問題的解決方法是浙炼，重復(fù)的模塊只設(shè)計(jì)一次份氧，然后把它們應(yīng)用到不同產(chǎn)品的不同位置上。最后檢查每個(gè)產(chǎn)品的設(shè)計(jì)弯屈，找出不適合該產(chǎn)品的模塊蜗帜，單獨(dú)為該產(chǎn)品的模塊再設(shè)計(jì)。注意季俩，再設(shè)計(jì)時(shí)要保持系統(tǒng)的完整性钮糖。

7-6配色方案和排版

7-6-1配色方案

對(duì)比和一致性的原則在設(shè)計(jì)配色方案時(shí)也十分重要。優(yōu)秀的配色方案酌住，需要保證顏色之間的差異足夠用戶把他們區(qū)分開店归，同時(shí)也用了一致的方式來應(yīng)用它們。

7-6-2排版

正文的排版優(yōu)先級(jí)：文字的可讀性要求>網(wǎng)站的風(fēng)格要求 （Helvetica酪我、Times）

題目消痛，導(dǎo)航元素優(yōu)先級(jí)：網(wǎng)站的風(fēng)格要求>文字的可讀性要求（風(fēng)格強(qiáng)烈的字體）

大多情況下，你不需要用太多種字體來滿足你溝通的需求都哭。同樣秩伞，不要選擇兩款似像非像的字體，要有足夠大的差異欺矫，產(chǎn)生對(duì)比纱新。

7-7設(shè)計(jì)合成品和風(fēng)格指南

【視覺模型】又稱設(shè)計(jì)合成品，通過視覺設(shè)計(jì)穆趴，將線框圖轉(zhuǎn)化成的可視化產(chǎn)品脸爱。視覺設(shè)計(jì)不一定要精確地按照線框圖來做——只要它考慮到了相關(guān)的重要級(jí)別以及線框圖中個(gè)元素的組合關(guān)系。

建立【風(fēng)格指南】可以確保設(shè)計(jì)決策的權(quán)威性未妹，即保證視覺設(shè)計(jì)的工作不會(huì)因?yàn)閱T工的離職或時(shí)間的流逝而失去風(fēng)格簿废，集體失憶空入。

風(fēng)格指南文檔確定了視覺設(shè)計(jì)的每個(gè)方面，從最大到最小的范圍內(nèi)的所有元素族檬。影響到產(chǎn)品的每一個(gè)局部的全局標(biāo)準(zhǔn)（比如設(shè)計(jì)柵格歪赢、配色方案、字體標(biāo)準(zhǔn)或標(biāo)志應(yīng)用指南）通常是風(fēng)格指南中的第一部分单料。同時(shí)包括每一個(gè)模塊或網(wǎng)站功能的具體標(biāo)準(zhǔn)埋凯。在某些情況下，風(fēng)格指南中所記錄的標(biāo)準(zhǔn)扫尖，應(yīng)該包括各個(gè)層級(jí)的標(biāo)準(zhǔn)從獨(dú)立界面到統(tǒng)一的導(dǎo)航元素递鹉。總體目標(biāo)是：提供足夠的細(xì)節(jié)來幫助人們將來做出明智的決策藏斩。確保產(chǎn)品看起來像是一個(gè)協(xié)調(diào)的整體，而不是碎片却盘。

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

（1）創(chuàng)建良好的用戶體驗(yàn)最重要的工作內(nèi)容是大量收集待解決的非常細(xì)微的問題狰域。“成功的方法”的特點(diǎn)：

①了解你正在試著去解決的問題——了解問題出在了哪一層黄橘，試著解決兆览。

②了解這些解決辦法所造成的后果——每個(gè)改動(dòng)都會(huì)產(chǎn)生連鎖反應(yīng)。

必須要周全考慮5個(gè)層面的全部因素塞关，保證所有的用戶體驗(yàn)要素都被關(guān)注抬探。

（2）用戶體驗(yàn)決策在不自覺地產(chǎn)生的情況，總是出現(xiàn)在如下場(chǎng)景中：

①由現(xiàn)狀決定的設(shè)計(jì)：發(fā)生在當(dāng)用戶體驗(yàn)的結(jié)構(gòu)遵循背后的技術(shù)時(shí)帆赢。遵循技術(shù)去設(shè)計(jì)產(chǎn)品小压，不一定設(shè)計(jì)出會(huì)對(duì)用戶友好的產(chǎn)品。更多時(shí)候應(yīng)該綜合考慮兩者椰于。

② 由模仿決定的設(shè)計(jì)：發(fā)生在當(dāng)用戶體驗(yàn)依靠于來自其他相似產(chǎn)品時(shí)怠益。這些軟件的情況對(duì)你的用戶或產(chǎn)品來講可能并不合適。

③由領(lǐng)導(dǎo)決定的設(shè)計(jì)：發(fā)生在當(dāng)用戶體驗(yàn)由個(gè)人喜好代替了用戶需求或產(chǎn)品目標(biāo)驅(qū)動(dòng)體驗(yàn)決策的時(shí)候瘾婿。這樣可能已經(jīng)忽略了應(yīng)該用于驅(qū)動(dòng)你做出決策的戰(zhàn)略目標(biāo)蜻牢。

8-1提出正確的問題

設(shè)計(jì)用戶體驗(yàn)的時(shí)候總伴隨著很多小問題。有些小問題牽一發(fā)而動(dòng)全身偏陪，讓你不得不從新思考你認(rèn)為已經(jīng)解決的問題抢呆。很多時(shí)候，你必須要在不同的做法間做出妥協(xié)并評(píng)估利弊做出取舍笛谦。當(dāng)你面對(duì)這樣的選擇抱虐，左右為難的時(shí)候，正確的做法是：將每一個(gè)決定都建立在對(duì)其背后議題的理解之上揪罕。第一個(gè)問題問你自己的：你為什么要這么做梯码？

在沒有多余的時(shí)間宝泵、金錢和資源的情況下，你可以問問客服來收集用戶信息轩娶，可以找朋友家人做做可用性測(cè)試儿奶。總之鳄抒，從已經(jīng)或可以到手的信息下手闯捎，有理有據(jù)的調(diào)整用戶體驗(yàn)。

要在設(shè)計(jì)進(jìn)行中進(jìn)行用戶體驗(yàn)評(píng)估许溅，而不是在項(xiàng)目快要結(jié)束的時(shí)候瓤鼻。否則你就算得到了問題，也沒有時(shí)間進(jìn)行修改了贤重。提前評(píng)估茬祷，不要怕所謂的“用戶體驗(yàn)評(píng)估浪費(fèi)時(shí)間金錢”。

同時(shí)并蝗，也不要在項(xiàng)目結(jié)束的時(shí)候做所謂“用戶接受度測(cè)試”祭犯，這樣會(huì)導(dǎo)致無數(shù)設(shè)計(jì)中的假設(shè)在沒有經(jīng)過任何檢查的情況下進(jìn)入，形成了用戶體驗(yàn)滚停。在已經(jīng)完成的產(chǎn)品中通過用戶測(cè)試中揭露這些假設(shè)是極度困難的沃粗，因?yàn)樗鼈儾卦诹私缑婧徒换サ耐庖孪旅妗?/p>

還有，用戶測(cè)試雖然是保證良好體驗(yàn)的一個(gè)主要手段键畴。但是最盅，不能在設(shè)計(jì)中用測(cè)試取代測(cè)試。測(cè)試永遠(yuǎn)無法取代一個(gè)考慮周密的起惕、準(zhǔn)備充分的用戶體驗(yàn)設(shè)計(jì)過程涡贱。

詢問你的用戶關(guān)于產(chǎn)品的某個(gè)具體元素的問題，能幫助你收集來自用戶的更多相關(guān)信息疤祭。著眼于用戶體驗(yàn)而進(jìn)行用戶測(cè)試盼产，不要用不相關(guān)的內(nèi)容把事情搞混亂。

測(cè)試只是了解用戶的手段之一勺馆，好產(chǎn)品基于對(duì)用戶的準(zhǔn)確理解戏售。要做到“比用戶自己更準(zhǔn)確地去理解他們需求”。

8-2馬拉松和短跑

用戶體驗(yàn)開發(fā)過程是一場(chǎng)“馬拉松”而不是“短跑”草穆。

用戶體驗(yàn)流程應(yīng)當(dāng)多回顧灌灾，前期的交付后期需要測(cè)試，測(cè)試結(jié)束后再根據(jù)結(jié)果修改悲柱。不要等到所有的工作都做完了锋喜，再測(cè)試。那樣團(tuán)隊(duì)里不管是誰都會(huì)抓狂。

用戶體驗(yàn)流程環(huán)環(huán)相扣嘿般，在上一級(jí)的錯(cuò)誤會(huì)消弱更低層面的正確決策段标，視覺糟糕，用戶不喜歡炉奴；上一級(jí)層面的正確決策如果建立在錯(cuò)誤的低層級(jí)決策的話逼庞，漂亮的產(chǎn)品可能并不好用，用戶照樣不喜歡瞻赶。

從產(chǎn)品開發(fā)之初赛糟，在整個(gè)開發(fā)流程之內(nèi)，始終從完整的用戶體驗(yàn)出發(fā)砸逊，就會(huì)有好的結(jié)果璧南。每一件與產(chǎn)品用戶體驗(yàn)有關(guān)的事情都是有意識(shí)地、明確地決策的結(jié)果师逸，只有這樣你才能確保這個(gè)產(chǎn)品同時(shí)滿足你的戰(zhàn)略目標(biāo)和用戶需求司倚。

????a?4