用戶(hù)體驗(yàn)要素

目錄

第一章 用戶(hù)體驗(yàn)要素為何如此重要

生活中的遭遇

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

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

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

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

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

在乎你的用戶(hù)

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

五個(gè)層面

表現(xiàn)層

框架層

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

范圍層

戰(zhàn)略層

自下而上的建設(shè)

基本的雙重性

用戶(hù)體驗(yàn)的要素

表現(xiàn)層

框架層

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

范圍層

戰(zhàn)略層

應(yīng)用這些元素

第三章 戰(zhàn)略層

產(chǎn)品目標(biāo)和用戶(hù)需求

戰(zhàn)略層定義

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

用戶(hù)需求

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

第四章 范圍層

功能規(guī)則和內(nèi)容需求

范圍層定義

功能和內(nèi)容

定義需求

功能規(guī)格說(shuō)明

內(nèi)容需求

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

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

交互設(shè)計(jì)與信息架構(gòu)

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

交互設(shè)計(jì)

概念模型

信息架構(gòu)

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

第六章 框架層

界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)

框架層定義

習(xí)慣比比喻

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

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

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

線(xiàn)框圖

第七章 表現(xiàn)層

感知設(shè)計(jì)

表現(xiàn)層定義

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

忠于眼睛

對(duì)比和一致性

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

配色方案和排版

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

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

提出正確的問(wèn)題

馬拉松和長(zhǎng)跑

第一章、用戶(hù)體驗(yàn)要素為何如此重要

1.1生活中的遭遇

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

正確的產(chǎn)品形態(tài)不是由“功能”所決定的，而是應(yīng)該有用戶(hù)自身的心理感受和行為所決定的。

用戶(hù)體驗(yàn)的前提是產(chǎn)品具有使用價(jià)值，一把椅子能做坐人才能稱(chēng)為產(chǎn)品。產(chǎn)品越復(fù)雜，確定如何向用戶(hù)提供良好的使用體驗(yàn)就越困難。

用戶(hù)在使用一個(gè)產(chǎn)品時(shí)，它都是一個(gè)“自助型”應(yīng)用，我們應(yīng)該盡可能的幫助用戶(hù)理解產(chǎn)品，避免用戶(hù)產(chǎn)生挫敗感從而對(duì)產(chǎn)品失去信心。如果用戶(hù)弄不明白你的產(chǎn)品時(shí)怎樣工作的，你所提供的“世上最強(qiáng)的功能”也將毫無(wú)用戶(hù)。

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

任何在用戶(hù)體驗(yàn)上做的努力都是為了提高效率?！皫椭藗児ぷ鞯酶臁焙?減少他們犯錯(cuò)的幾率"。

1.3在乎你的用戶(hù)

“以用戶(hù)為中心的設(shè)計(jì)”：在產(chǎn)品開(kāi)發(fā)的每個(gè)步驟中，都要將用戶(hù)列入考慮范圍（需求分析、產(chǎn)品設(shè)計(jì)、需求文檔、開(kāi)發(fā)/設(shè)計(jì)、測(cè)試/Bug修復(fù)）。這保證了你所做的決定、妥協(xié)都不是隨意得到的。

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

2.1五個(gè)層面

確保用戶(hù)在你的產(chǎn)品上的所以體驗(yàn)不會(huì)發(fā)生在你“明確、有意識(shí)的意圖”之外（邏輯嚴(yán)謹(jǐn)、考慮產(chǎn)品的初始、常態(tài)、邊界、錯(cuò)誤等多種情況）?？紤]用戶(hù)有可能采取的每一個(gè)行動(dòng)的每一種可能，并試圖去理解用戶(hù)在這個(gè)過(guò)程的的期望值。

表現(xiàn)層：滿(mǎn)足用戶(hù)的感官需要

框架層：

①界面設(shè)計(jì)(頁(yè)面布局和界面各類(lèi)控件；)/導(dǎo)航設(shè)計(jì)(全局/局部/友好/輔助導(dǎo)航/SiteMap)

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

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

①交互設(shè)計(jì)(可能的用戶(hù)行為+系統(tǒng)如何配合相應(yīng)這些行為)

②信息架構(gòu)(如何將信息表達(dá)給用戶(hù))

范圍層：

①需求范圍/集合

②功能規(guī)格(內(nèi)容清單+功能規(guī)格說(shuō)明、需求優(yōu)先級(jí)排序)

戰(zhàn)略層：

①產(chǎn)品目標(biāo)(我們想通過(guò)產(chǎn)品得到什么？)

②用戶(hù)需求(用戶(hù)想通過(guò)產(chǎn)品得到什么？)

在大多數(shù)情況下，你所能夠提供給用戶(hù)的體驗(yàn)狀態(tài)主要是由技術(shù)來(lái)決定的。

2.2自下而上的假設(shè)

這種連鎖效應(yīng)意味著在較高層面中選擇一個(gè)界限之外的選項(xiàng)將需要重新考慮較低層面中所做的決策（產(chǎn)品目標(biāo)、用戶(hù)需求不確認(rèn)時(shí)，后續(xù)修改影響全局--控制修改范圍）。

第三章、戰(zhàn)略層

3.1戰(zhàn)略層定義

成功的用戶(hù)體驗(yàn)，其基礎(chǔ)是一個(gè)唄明確表達(dá)的“戰(zhàn)略”。知道企業(yè)與用戶(hù)雙方對(duì)于產(chǎn)品的期許和目標(biāo)，有助有促進(jìn)用戶(hù)體驗(yàn)各方面戰(zhàn)略的確立和制定。

產(chǎn)品目標(biāo)：我們想要通過(guò)這個(gè)產(chǎn)品得到什么？

用戶(hù)需求：我們的用戶(hù)想得到什么？

這里的關(guān)鍵詞是明確：當(dāng)我們能夠?qū)⒆约合胍裁幢磉_(dá)得越清楚，以及確切的知道其他人（用戶(hù)）想要從我們這里得到什么，我們就能越精確的滿(mǎn)足雙方的需求。

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

我們每做的一個(gè)決定，都應(yīng)該建立在我們確切的了解了它們的影響力的基礎(chǔ)上。

3.3品牌識(shí)別

將品牌形象具體而確切的寫(xiě)進(jìn)目標(biāo)，將會(huì)提高呈現(xiàn)積極產(chǎn)品形象的機(jī)會(huì)。

3.4成功標(biāo)準(zhǔn)

3.5用戶(hù)需求

避免理想化的用戶(hù)-要對(duì)用戶(hù)需求尋根問(wèn)底，就必須要定義誰(shuí)是我們的用戶(hù)。

①用戶(hù)細(xì)分

用戶(hù)細(xì)分將全部的用戶(hù)劃分為較小的、有共同需求的小組，以此來(lái)幫助我們更好的了解用戶(hù)的需求。

②可用性和用戶(hù)研究

一些常用的研究方法——問(wèn)卷調(diào)查、用戶(hù)訪(fǎng)談、焦點(diǎn)小組、數(shù)據(jù)分析、用戶(hù)反饋、行業(yè)資訊、用戶(hù)測(cè)試

③創(chuàng)建人物角色

收集用戶(hù)數(shù)據(jù)是非常有價(jià)值的，但是通常你會(huì)忽略那些數(shù)字背后所代表的真正人物，通過(guò)創(chuàng)建人物角色（用戶(hù)模型）會(huì)讓你的用戶(hù)變得更真實(shí)。通過(guò)賦予一張人物的面孔和名字將用戶(hù)調(diào)查和用戶(hù)細(xì)分過(guò)程中的分散數(shù)據(jù)重新關(guān)聯(lián)起來(lái)，人物角色可以確保你在產(chǎn)品設(shè)計(jì)整個(gè)過(guò)程中把用戶(hù)放在心里。

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

在擬定策略時(shí)，應(yīng)該盡可能的讓更多地人參與進(jìn)來(lái)（客服人員在平時(shí)更多的能夠接觸用戶(hù)），用戶(hù)真正的反饋很少能夠傳遞到產(chǎn)品開(kāi)發(fā)團(tuán)隊(duì)中（建立用戶(hù)反饋渠道）

產(chǎn)品目標(biāo)和用戶(hù)需求通常被定義在戰(zhàn)略文檔或愿景文檔中。這些文檔應(yīng)該盡可能的簡(jiǎn)潔明了并切中要點(diǎn)。

戰(zhàn)略文檔不應(yīng)該是由幾個(gè)資深員工能夠分享，在項(xiàng)目進(jìn)行期間應(yīng)該讓所有參與者都能了解。

戰(zhàn)略也應(yīng)該是可以演變和改進(jìn)的，當(dāng)戰(zhàn)略被系統(tǒng)的修改與校正時(shí)，這些工作就會(huì)貫穿正過(guò)程，應(yīng)該讓所有參與者都了解到改動(dòng)，并做好相應(yīng)的對(duì)策。

第四章、范圍層

4.1范圍層定義

當(dāng)你把用戶(hù)需求和產(chǎn)品目標(biāo)轉(zhuǎn)變成你應(yīng)該提供給用戶(hù)什么樣的功能和內(nèi)容時(shí)，戰(zhàn)略就變成了范圍。

用文檔來(lái)定義需求（需求表、需求文檔），這樣你才知道你在建設(shè)什么（達(dá)成共識(shí)、信息傳遞、責(zé)任分解）、才知道你不需要建設(shè)什么（需求管理、范圍定義、優(yōu)先級(jí)、產(chǎn)品迭代）。

4.2功能和需求

在范圍層，我們從戰(zhàn)略層的抽象問(wèn)題“我們?yōu)槭裁撮_(kāi)發(fā)這個(gè)產(chǎn)品”，轉(zhuǎn)而面對(duì)一個(gè)新的問(wèn)題“我們要開(kāi)發(fā)的是什么”?！δ芤?guī)格說(shuō)明書(shū)

用時(shí)候人們口中說(shuō)出來(lái)的、所期望的特性并不是他們想要的。聽(tīng)用戶(hù)的反饋，但不要用戶(hù)建議的方案簡(jiǎn)單實(shí)現(xiàn)。

當(dāng)你把所有精力投入到為維持現(xiàn)有產(chǎn)品時(shí)，你常常會(huì)忘了哪些是真正的限制條件，哪些是為了簡(jiǎn)化產(chǎn)品做的選擇（文檔記錄）。

假設(shè)你有一個(gè)用戶(hù)決定購(gòu)買(mǎi)了-但不知道是不是你的產(chǎn)品，你設(shè)計(jì)的產(chǎn)品如何讓這個(gè)選擇過(guò)程更容易呢？

競(jìng)品借鑒、競(jìng)品分析

場(chǎng)景：一個(gè)場(chǎng)景是一個(gè)簡(jiǎn)單的故事，描述了一個(gè)任務(wù)角色會(huì)如何完成這些用戶(hù)需求。通過(guò)想象“我們的用戶(hù)將會(huì)經(jīng)歷一個(gè)怎樣的過(guò)程”，我們就可以幫助他找到這個(gè)過(guò)程潛在的需求。

4.3功能規(guī)格說(shuō)明

文檔不能解決問(wèn)題，但定義可以，文檔應(yīng)該足夠準(zhǔn)確和清楚。

樂(lè)觀(guān)：描述這個(gè)系統(tǒng)將要做什么去防止"不好的"事發(fā)生，而不是這個(gè)系統(tǒng)不應(yīng)該做什么“不好的事”。

具體：

避免主觀(guān)的語(yǔ)氣：容易產(chǎn)生誤解、功能規(guī)格不下可驗(yàn)證的。

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

項(xiàng)目范圍是建立在戰(zhàn)略層之上的，因此我們應(yīng)該無(wú)評(píng)估這些需求是否滿(mǎn)足戰(zhàn)略層的目標(biāo)，以及實(shí)現(xiàn)這些需求的可能性有多大？

如果你的戰(zhàn)略計(jì)劃在戰(zhàn)略目標(biāo)類(lèi)制定了一個(gè)清晰的優(yōu)先級(jí)，那么這些優(yōu)先級(jí)將會(huì)決定是否采納人們的建議的重要因素。

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

5.1結(jié)構(gòu)層定義

在定義好用戶(hù)需并排列好優(yōu)先級(jí)之后，我們對(duì)于產(chǎn)品將會(huì)包括什么樣的特性以及有了清楚的圖像。然而，如何將這些分散的片段組合為一個(gè)整體，這就是結(jié)構(gòu)層的內(nèi)容——為產(chǎn)品建立一個(gè)概念結(jié)構(gòu)。

交互設(shè)計(jì)（功能型）：關(guān)注與描述用戶(hù)“可能的行為”，同時(shí)定義“系統(tǒng)如何響應(yīng)”這些需求/行為。

信息架構(gòu)（內(nèi)容型）：如何將信息表達(dá)給用戶(hù)

5.2概念模型(購(gòu)物車(chē)）

打破傳統(tǒng)并沒(méi)有錯(cuò)——只要你有足夠的利用說(shuō)明“為什么這樣做”。

5.3錯(cuò)誤處理

任何一個(gè)交互設(shè)計(jì)的項(xiàng)目都會(huì)有很大的部分牽涉處理“用戶(hù)錯(cuò)誤”。

最好的辦法是——預(yù)防，防止錯(cuò)誤的發(fā)生

其次是——改正，使錯(cuò)誤難以發(fā)生，有效的錯(cuò)誤信息和容易自我解釋的界面。

最后是——恢復(fù)，提供從錯(cuò)誤中恢復(fù)的機(jī)制；對(duì)于那些不可恢復(fù)的錯(cuò)誤，提供大量的警告就是系統(tǒng)可提供的唯一防范。

5.4信息架構(gòu)

信息架構(gòu)關(guān)注的是認(rèn)識(shí)如何認(rèn)識(shí)信息的過(guò)程，對(duì)于產(chǎn)品而言，信息架構(gòu)關(guān)注的就是呈現(xiàn)給用戶(hù)的信息是否合理并具有意義。

在以?xún)?nèi)容為住得產(chǎn)品，信息架構(gòu)的主要工作就是設(shè)計(jì)分類(lèi)和導(dǎo)航的結(jié)構(gòu)——設(shè)計(jì)出容易讓用戶(hù)找到信息的系統(tǒng)。

從下到上的架構(gòu)方法是由范圍層驅(qū)動(dòng)的；過(guò)于精確的反映可現(xiàn)有的內(nèi)容，不能靈活的容納未來(lái)內(nèi)容的變動(dòng)或增加。（產(chǎn)品迭代需求規(guī)劃）

由上到下的架構(gòu)方法是由戰(zhàn)略層驅(qū)動(dòng)的；有時(shí)可能導(dǎo)致內(nèi)容的重要細(xì)節(jié)被忽略。

結(jié)果質(zhì)量最重要的評(píng)價(jià)標(biāo)準(zhǔn)，不是完成任務(wù)所需的步驟，而是用戶(hù)是否認(rèn)為當(dāng)前步驟是合理的，以及當(dāng)前步驟是否延續(xù)了上一步驟的任務(wù)。

結(jié)構(gòu)方法：層級(jí)結(jié)構(gòu)、矩陣結(jié)構(gòu)、自然結(jié)構(gòu)、線(xiàn)性結(jié)構(gòu)。

組織原則：一般來(lái)說(shuō)，在產(chǎn)品最高層級(jí)使用的組織原則應(yīng)該緊密的與產(chǎn)品目標(biāo)與用戶(hù)需求相關(guān)

成功的用戶(hù)體驗(yàn)就是能實(shí)現(xiàn)預(yù)知用戶(hù)的期望并將其納入設(shè)計(jì)之中。

語(yǔ)言和元數(shù)據(jù)：使用用戶(hù)的語(yǔ)言并保持“一致性”是非常重要的。

架構(gòu)圖：

第六章、框架層

6.1框架層定義

在框架層我們隊(duì)結(jié)構(gòu)層的需求進(jìn)一步提取，確定很詳細(xì)的界面外觀(guān)、導(dǎo)航和信息設(shè)計(jì)。

讓你的界面與用戶(hù)早已養(yǎng)成的習(xí)慣保持一致很重要，再多每一個(gè)決定時(shí)都應(yīng)該用充分、明確的理由。

有效的運(yùn)用比喻就是要減少用戶(hù)在理解和使用你的產(chǎn)品時(shí)對(duì)猜測(cè)的要求。

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

成功的界面設(shè)計(jì)能讓用戶(hù)一眼就看到最重要的東西；組織好用戶(hù)最常用的行為，同時(shí)讓這些元素用最容易的方式獲取和使用。

在界面第一次呈現(xiàn)給用戶(hù)時(shí)，仔細(xì)考慮每一個(gè)選項(xiàng)的默認(rèn)值——如果你了解用戶(hù)的任務(wù)和目標(biāo)，認(rèn)為他們中的大多數(shù)都希望在快速搜索時(shí)希望看到更多的細(xì)節(jié)，那么保持“更多地細(xì)節(jié)”默認(rèn)選中，就意味著大多數(shù)人能得到滿(mǎn)意的結(jié)果。

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

清晰的告訴用戶(hù)他們?cè)谀模约八麄兡苋ツ摹?/p>

提供一種在網(wǎng)站間跳轉(zhuǎn)的方式，導(dǎo)航元素必須選擇那些能促進(jìn)用戶(hù)行為的

這些元素和她所包含的元素之間的關(guān)系

傳遞他的內(nèi)容和當(dāng)前用戶(hù)瀏覽頁(yè)面的關(guān)系

全局導(dǎo)航、局部導(dǎo)航、輔助導(dǎo)航、上下文導(dǎo)航、友好導(dǎo)航、網(wǎng)站地圖、索引表

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

信息設(shè)計(jì)是人們對(duì)信息進(jìn)行處理的技巧和實(shí)踐，通過(guò)信息設(shè)計(jì)可以提高人們應(yīng)用信息的效能。

錯(cuò)誤提示以及指示標(biāo)示（面包屑?）是一個(gè)良好的產(chǎn)品信息設(shè)計(jì)中重要的一部分

6.5線(xiàn)框圖

第七章、表現(xiàn)層

6.1表現(xiàn)層定義

通過(guò)信息設(shè)計(jì)我們決定了這些信息元素該如何分組排列，在表現(xiàn)層；通過(guò)視覺(jué)設(shè)計(jì)，我們決定這種安排在視覺(jué)上如何呈現(xiàn)。

忠于眼睛：用戶(hù)第一眼看到的與你（用戶(hù)）的目標(biāo)一致嗎？它應(yīng)該遵循一條流暢的路徑

6.2對(duì)比和一致性

6.3配色方案和排版

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

6.1提出正確的問(wèn)題

部分錯(cuò)誤的決策：由現(xiàn)狀決定的設(shè)計(jì)、由模仿決定的設(shè)計(jì)、由領(lǐng)隊(duì)決定的設(shè)計(jì)

比用戶(hù)更準(zhǔn)確的去理解他們的需求

大多數(shù)情況，你在上一級(jí)層面做的錯(cuò)誤決策都會(huì)削弱較低層面的正確決策。在較低層面的錯(cuò)誤決策對(duì)于上一層面的影響更甚。

2017-2-26 21:10:13