全書讀完的一個小結(jié)：

一税朴、戰(zhàn)略層：產(chǎn)品目標(biāo)及其目標(biāo)用戶（做什么碍扔、為誰而做瘩燥？）經(jīng)營者和用戶分別想從網(wǎng)站得到什么。

二不同、范圍層：功能及其內(nèi)容需求整合（需要做哪些厉膀？）

三、結(jié)構(gòu)層：交互設(shè)計(jì)及其信息架構(gòu)（怎樣做二拐？）

四服鹅、框架層：界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和內(nèi)容（信息）設(shè)計(jì)（要做成什么樣子百新？）

五企软、表現(xiàn)層：功能及內(nèi)容的視覺呈現(xiàn)（做成了什么樣子？）

一饭望、戰(zhàn)略層：企業(yè)與用戶對產(chǎn)品的期望和目標(biāo)仗哨。（做什么，為誰而做铅辞？）

二藻治、范圍層：功能及其內(nèi)容需求整合。（需要做哪些巷挥？）

1、 產(chǎn)品功能的確定验靡。收集功能需求—>為需求定義優(yōu)先級

2倍宾、需求的三個主要類別：人們講述的、他們想要的胜嗓；用戶實(shí)際想要的高职；潛在需求。

3辞州、戰(zhàn)略與范圍的關(guān)系：戰(zhàn)略決定范圍怔锌，功能承載產(chǎn)品價值，范圍層是為了實(shí)現(xiàn)戰(zhàn)略層意圖。

三埃元、結(jié)構(gòu)層：交互設(shè)計(jì)及其信息架構(gòu)（怎樣做涝涤？）

1、功能產(chǎn)品：結(jié)構(gòu)層將從范圍轉(zhuǎn)變成系統(tǒng)如何響應(yīng)用戶的請求岛杀。

信息產(chǎn)品：結(jié)構(gòu)層則是信息空間中內(nèi)容元素的分布阔拳。

2、結(jié)構(gòu)層確定各個將要呈現(xiàn)給用戶的選項(xiàng)的模式和順序类嗤。包括：

交互設(shè)計(jì)：作為軟件界面的網(wǎng)頁糊肠，為用戶設(shè)計(jì)結(jié)構(gòu)化體驗(yàn)；

信息架構(gòu)：作為超文本的網(wǎng)頁遗锣，內(nèi)容建設(shè)通過信息架構(gòu)構(gòu)建用戶體驗(yàn)货裹；

3、結(jié)構(gòu)精偿，和界面布局弧圆、導(dǎo)航體系強(qiáng)相關(guān)』棺睿考慮如何將這些功能排列墓阀、組合。

4拓轻、結(jié)構(gòu)層與范圍層的關(guān)系：結(jié)構(gòu)層確定網(wǎng)站各種特性和功能的最適合的組合方式斯撮，而這些特性和功能就構(gòu)成了網(wǎng)站的范圍層。

四扶叉、框架層：界面設(shè)計(jì)勿锅、導(dǎo)航設(shè)計(jì)和內(nèi)容（信息）設(shè)計(jì)（要做成什么樣子？）

1枣氧、確定實(shí)現(xiàn)形式溢十，包括：

界面設(shè)計(jì)：確定框架，“按鈕达吞、輸入框张弛、界面控件”的領(lǐng)域；按鈕酪劫、表格吞鸭、照片和文本區(qū)域的位置。

導(dǎo)航設(shè)計(jì)：呈現(xiàn)信息覆糟；

信息設(shè)計(jì)：呈現(xiàn)有效地信息溝通刻剥。

2、成功的界面設(shè)計(jì)：優(yōu)化設(shè)計(jì)布局滩字，達(dá)到元素的最大效果和效率造虏。

一眼看到“最重要的東西”

組織好用戶最常采用的行為

界面元素容易獲取和使用

根據(jù)用戶任務(wù)合理放置界面元素

3御吞、導(dǎo)航設(shè)計(jì)的三個目標(biāo)

提供一種在網(wǎng)站間跳轉(zhuǎn)的方法

傳達(dá)導(dǎo)航元素和它所包含內(nèi)容之間的關(guān)系

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

4、框架層與結(jié)構(gòu)層的關(guān)系：框架是結(jié)構(gòu)的具體表達(dá)方式漓藕√罩椋框架層確定了我們頁面上交互元素的位置，而結(jié)構(gòu)層則用來設(shè)計(jì)用戶如何到達(dá)某個頁面撵术，并且在他們做完事情之后能去什么地方背率。

比如：框架層定義了導(dǎo)航條上各項(xiàng)的排列方式，允許用戶可以瀏覽書籍的不同類別嫩与；結(jié)構(gòu)層則確定哪些類別應(yīng)該出現(xiàn)在那里寝姿。

五、表現(xiàn)層：功能及內(nèi)容的視覺呈現(xiàn)（做成了什么樣子划滋？）

1饵筑、成功的設(shè)計(jì)的特點(diǎn)：

遵循一條流暢的路徑

為用戶提供有效選擇的、某種可能的“引導(dǎo)”

前言

如何把技術(shù)的可能性轉(zhuǎn)變成人類體驗(yàn)的提升处坪？

用戶根资，商業(yè)，技術(shù) ?三者的關(guān)系的闡述

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

當(dāng)產(chǎn)品滿足了人們的需要時同窘，他的創(chuàng)造者應(yīng)該受到贊揚(yáng)玄帕；反之，則會受到指責(zé)

用戶體驗(yàn)是指“產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用”想邦，也就是人們?nèi)绾巍敖佑|”和“使用”它

大部分時候裤纹，人們想提到產(chǎn)品設(shè)計(jì)的時候，會想到感官方面的表現(xiàn)丧没；另外一種角度來說鹰椒，則是與“功能”有關(guān)的

用戶體驗(yàn)設(shè)計(jì)通常要解決的是應(yīng)用環(huán)境的綜合問題

視覺設(shè)計(jì)選擇合適的按鈕形狀和材質(zhì)，要保證它在咖啡機(jī)上能引起用戶的注意

功能設(shè)計(jì)要保證這個按鈕在設(shè)備上出發(fā)適當(dāng)?shù)膭幼?/p>

用戶體驗(yàn)設(shè)計(jì)則要綜合以上兩者呕童，兼顧視覺和功能兩方面的因素漆际，同時解決產(chǎn)品所面臨的其他問題

不管用戶訪問的是什么類型的網(wǎng)站。他都是一個”自助式“的產(chǎn)品

在大多數(shù)的情況下夺饲，企業(yè)只是把擁有網(wǎng)站看成是一個杰出的成就奸汇，至于它是否真正能為人們所用，充其量是后來才想到的一件事情

用戶體驗(yàn)就是商機(jī)往声，尤其是你一個網(wǎng)站的用戶體驗(yàn)（當(dāng)年自己在選擇調(diào)劑的學(xué)校的時候茫蛹，就是因?yàn)樯钲诖髮W(xué)的網(wǎng)站很高大上，于是才選擇了這里）

投資回報率（ROI）:所花的每一元錢烁挟，能收回多少元的等值收益，這就是投資回報率

一個常用的投資收益的度量的標(biāo)準(zhǔn)是轉(zhuǎn)化率（conversion rate）骨坑，轉(zhuǎn)化率可以讓你更強(qiáng)烈地感受到在用戶體驗(yàn)上的投入所得到的回報

3個注冊并且訂閱郵件的用戶／36個訪問者=8.33%的轉(zhuǎn)化率

UCD:user centered design 以用戶為中心的設(shè)計(jì) ? ? UED:user experience design 用戶體驗(yàn)設(shè)計(jì)

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

一共有五個層面撼嗓，從下到上分別是：

戰(zhàn)略層：經(jīng)營者想從網(wǎng)站上得到什么柬采；用戶想從網(wǎng)站上得到什么

范圍層：確定網(wǎng)站各種特性和功能最合適的組合方式

結(jié)構(gòu)層：結(jié)構(gòu)層用來設(shè)計(jì)用戶如何達(dá)到某個頁面，并且在他們做完事情之后能去什么地方（它是比框架層更加抽象的存在）

框架層：按鈕且警；控件粉捻；照片；文本區(qū)域的位置斑芜〖缛校框架層用于優(yōu)化設(shè)計(jì)布局，以達(dá)到這些元素的最大的效果和效率悟泵，使你在需要的時候苍狰，能記得標(biāo)識并找到購物車的按鈕

表現(xiàn)層：你看到的是一系列的網(wǎng)頁匀泊，由圖片和文字組成。一些圖片是可以點(diǎn)擊的呢燥，從而執(zhí)行某種功能，例如把你帶到購物車?yán)锶サ馁徫镘噲D標(biāo)寓娩。一些圖片就只是圖片叛氨，比如一個促銷產(chǎn)品的照片或網(wǎng)站自己的標(biāo)志

任何一個層面的工作都不能在其下層面的工作完成之前結(jié)束

除了上面說的五個要素以外還有細(xì)分了兩塊內(nèi)容：功能型產(chǎn)品和信息型產(chǎn)品

功能型產(chǎn)品——平臺類產(chǎn)品 ? ?信息型產(chǎn)品——媒介類產(chǎn)品

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

戰(zhàn)略層的定義：

我們要通過這個產(chǎn)品得到什么？——產(chǎn)品目標(biāo)

我們的用戶要通過這個產(chǎn)品得到什么棘伴？——用戶需求

產(chǎn)品目標(biāo)：

商業(yè)目標(biāo)：這種說法比較狹義寞埠，并不是每一個內(nèi)部目標(biāo)都是商業(yè)目標(biāo)；企業(yè)網(wǎng)站的存在是為了滿足兩種意圖當(dāng)中的一個：替公司賺錢或替公司省錢

品牌識別：品牌的概念遠(yuǎn)遠(yuǎn)超越了視覺表現(xiàn)

成功標(biāo)準(zhǔn)：就是有一些可追蹤的指標(biāo)（印象數(shù)：你的網(wǎng)站上每一個廣告的每天被展示的數(shù)量）

用戶需求：用戶細(xì)分將全部的用戶劃分成較小的焊夸，有共同需求的小組

用戶細(xì)分：市場營銷人員通常依據(jù)人口統(tǒng)計(jì)學(xué)的標(biāo)準(zhǔn)來劃分用戶：性別仁连，年齡，教育水平淳地，婚姻狀況怖糊，收入（消費(fèi)心態(tài)檔案：是用來描述用戶對于這個世界，尤其是與你的產(chǎn)品有關(guān)的某個事物的觀點(diǎn)和看法的心理分析方法）

可用性和用戶研究：

用戶研究

（1）研究工具（問卷調(diào)查颇象，用戶訪談伍伤，焦點(diǎn)小組）最適合用于手機(jī)用戶的普遍觀點(diǎn)與感知

其他的研究工具（用戶測試或現(xiàn)場調(diào)查）更適合用于理解具體的用戶行為以及用戶在和產(chǎn)品交互時的表現(xiàn)

（2）現(xiàn)場調(diào)查：是指一整套完整，有效且全面的方法遣钳，用于了解日常生活情景中的用戶行為

（3）任務(wù)分析：是認(rèn)為每一個用戶與產(chǎn)品的交互行為都發(fā)生在執(zhí)行某一任務(wù)的環(huán)境中

（4）用戶測試（user testing）:請用戶來幫忙測試你的產(chǎn)品

可用性：令產(chǎn)品更容易使用的途徑

創(chuàng)建人物角色——有時也叫做用戶模型或用戶簡介

人物角色是能代表整個真實(shí)用戶需求的虛構(gòu)人物

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

（題外話）突然想到如果你是一個做股票app的pm扰魂，是否應(yīng)該掌握基本的股票知識（是需要的，要到具體的地方去了解相關(guān)的東西）

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

在軟件開發(fā)中蕴茴，范圍層確定的是全部的功能需求或功能規(guī)格

戰(zhàn)略層：我們?yōu)槭裁匆_發(fā)這個產(chǎn)品劝评？ ? ? 范圍層：我們要開發(fā)的是什么？

在功能型產(chǎn)品方面：功能規(guī)格——哪些應(yīng)該被當(dāng)成軟件產(chǎn)品的“功能”以及相應(yīng)的組合

在信息型產(chǎn)品方面：內(nèi)容需求——編輯和營銷推廣的傳統(tǒng)領(lǐng)域

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

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

交互設(shè)計(jì)——關(guān)注于影響用戶執(zhí)行和完成任務(wù)的元素

信息架構(gòu)——關(guān)注如何將信息表達(dá)給用戶的元素

交互設(shè)計(jì)：關(guān)注于描述“可能的用戶行為”蒋畜，同時定義“系統(tǒng)如何配合與響應(yīng)”這些用戶行為

概念模型：用戶對于“交互逐漸將怎樣工作”的觀點(diǎn)成為概念模型，概念模型是用于在交互設(shè)計(jì)的開發(fā)過程中保持使用方式的一致性的撞叽。

對于錯誤處理：第一種方式是把系統(tǒng)設(shè)計(jì)成不可能犯錯的那種 ?第二種就是使錯誤難以發(fā)生

交互設(shè)計(jì)會處理每一個級別的錯誤姻成，以確保更高比例的用戶能有積極的體驗(yàn)

信息架構(gòu)：研究人們?nèi)绾握J(rèn)知信息的過程插龄，設(shè)計(jì)出讓用戶容易找到信息的系統(tǒng)

由上到下的架構(gòu)方法是由戰(zhàn)略層驅(qū)動的

由下到上的架構(gòu)方法是由范圍層驅(qū)動的

層級結(jié)構(gòu)

矩陣結(jié)構(gòu)

自然結(jié)構(gòu)

線性結(jié)構(gòu)（就是很簡單的從頭到尾一條線）

信息架構(gòu)的基本單位是節(jié)點(diǎn)，如果“把頁面作為節(jié)點(diǎn)”對目前的項(xiàng)目來說太小科展，我們可以調(diào)整各個節(jié)點(diǎn)來對應(yīng)網(wǎng)站整體均牢。如果頁面太大，我們也可以把頁面內(nèi)的每一個元素內(nèi)的每一個元素定義為獨(dú)立的節(jié)點(diǎn)才睹，而頁面則變成這些節(jié)點(diǎn)的一個組合徘跪。

組織原則

語言和元數(shù)據(jù)（受控詞典）

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

架構(gòu)圖：最重要的是記錄概念關(guān)系：哪些級別需要放在一起，而哪些需要保持獨(dú)立琅攘？在交互過程中那些步驟要怎樣相互配合垮庐？

第6章 框架層

框架層用于確定用什么樣的功能和形式來實(shí)現(xiàn)

界面設(shè)計(jì)：如果這涉及提供給用戶做某些事的能力，則屬于”界面設(shè)計(jì)“

導(dǎo)航設(shè)計(jì)：如果是提供給用戶去某個地方的能力

信息設(shè)計(jì)：傳達(dá)想法給用戶

不應(yīng)該過于強(qiáng)調(diào)交互設(shè)計(jì)背后的概念模型一樣你應(yīng)該抑制在產(chǎn)品四周建立起比喻的沖動

有效的使用比喻乎澄，就是要減少用戶在”理解和使用你的產(chǎn)品功能“時對猜測的要求

用一個電話簿的圖標(biāo)來代表真實(shí)的電話號碼簿也許還能行得通突硝，但用一個咖啡店的圖片代表聊天區(qū)域可能就會出現(xiàn)問題

界面設(shè)計(jì)：就是選擇正確的界面元素

成功的界面設(shè)計(jì)是那些讓用戶一眼就看到”最重要的東西“的界面設(shè)計(jì)

技術(shù)工具和體系自身的局限使得我們可選擇的界面選項(xiàng)受到限制

導(dǎo)航設(shè)計(jì)必須有下面的三個目標(biāo)：

它必須提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法

導(dǎo)航設(shè)計(jì)必須傳達(dá)出這些元素和它們所包含內(nèi)容之間的關(guān)系

導(dǎo)航設(shè)計(jì)必須傳達(dá)出它的內(nèi)容和用戶當(dāng)前瀏覽頁面之間的關(guān)系

線框圖：頁面布局是將信息設(shè)計(jì)，界面設(shè)計(jì)和導(dǎo)航設(shè)計(jì)放置到一起置济，形成一個統(tǒng)一的解恰，有內(nèi)在凝聚力的架構(gòu)

第7章 表現(xiàn)層

表現(xiàn)層就是感知設(shè)計(jì)，解決并彌補(bǔ)框架層的邏輯排布的感知呈現(xiàn)問題

如果你想表達(dá)的品牌形象是技術(shù)性和權(quán)威性浙于，那么使用漫畫字體和亮粉色可能就不是正確的選擇护盈。這不僅僅是一個美學(xué)的問題，而是戰(zhàn)略定位的問題羞酗。

如果你的設(shè)計(jì)是成功的腐宋，用戶研究的移動軌跡的模式應(yīng)該有以下兩個重要的特點(diǎn)：首先，它們遵循的是一條流暢的路徑檀轨；其次胸竞，在不需要用太多細(xì)節(jié)來嚇到用戶的前提下，它為用戶提供有效選擇的参萄，某種可能的“引導(dǎo)”

總結(jié)：

1.

戰(zhàn)略層：明確商業(yè)目標(biāo)和用戶目標(biāo)卫枝，重點(diǎn)是解決兩者之間的沖突，找到平衡點(diǎn)讹挎。例如校赤，通常的商業(yè)目標(biāo)是賺錢，而用戶是要省錢筒溃，這種最底層的沖突沒法通過產(chǎn)品設(shè)計(jì)解決马篮，而要靠商業(yè)上找準(zhǔn)價值的切入點(diǎn)。作為PD怜奖，通常早些年接觸不到戰(zhàn)略制定的過程浑测，但仍然要深刻理解公司戰(zhàn)略并盡可能的去發(fā)揮自己的影響力。

范圍層：做好需求采集工作歪玲，確定功能范圍和需求優(yōu)先級尽爆。這時候先要盡可能多的收集怎顾，通過各種市場研究、用戶研究的方法收集漱贱，不要遺漏；再盡可能多的放棄夭委，因?yàn)槲覀兊馁Y源有限幅狮，只能做最有價值的。先做的收集不是為了放棄株灸，而是為了不漏掉任何“最有價值的”崇摄。

結(jié)構(gòu)層：完成信息架構(gòu)與交互設(shè)計(jì)。上一步相當(dāng)于把菜都選好了慌烧，現(xiàn)在開始考慮具體是蒸是煮是炒是炸了逐抑，這一步可以產(chǎn)出產(chǎn)品的功能結(jié)構(gòu)關(guān)系，網(wǎng)站地圖等屹蚊。一般來說厕氨，技術(shù)部門在這個層面開始全面介入。

框架層：界面設(shè)計(jì)汹粤、導(dǎo)航設(shè)計(jì)命斧、信息設(shè)計(jì)，到了這一步嘱兼，才出現(xiàn)用戶真正能看到的東西国葬。常見錯誤是從以為這里才開始算設(shè)計(jì)，忽略了上面的幾層芹壕，這樣在大前提不正確的情況下做出來的產(chǎn)品必然會成為一個悲劇汇四。

表現(xiàn)層：包含了視覺設(shè)計(jì)和內(nèi)容優(yōu)化。這部分是最有意思的踢涌，但設(shè)計(jì)師一定要理解好商業(yè)和用戶的目標(biāo)才能做出正確的設(shè)計(jì)通孽，畢竟我們不是藝術(shù)家，這里的表現(xiàn)是最終產(chǎn)品氣質(zhì)的體現(xiàn)斯嚎。