《用戶體驗要素》一書中所分析的用戶體驗要素自下而上包含五個層面：戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層。
什么是用戶體驗？
用戶體驗是指“產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用”，也就是人們?nèi)绾巍敖佑|”和“使用”它。
什么是用戶體驗設(shè)計？
用戶體驗設(shè)計通常要解決的是應(yīng)用環(huán)境的綜合問題，兼顧視覺和功能兩方面的因素，同時解決產(chǎn)品所面臨的其他問題。
用戶體驗的雙重性
功能型&信息型
戰(zhàn)略層
當(dāng)我們能越清楚地表達我們想要什么，以及確切地知道其他人想要從我們這里得到什么時，我們就能越精確地滿足雙方的需求。
產(chǎn)品目標：我們要通過這個產(chǎn)品得到什么？
在太具體和太寬泛之間取得一個平衡，避免在尚未充分了解問題之前就試圖得出結(jié)論。
- 商業(yè)目標：替公司賺錢或替公司省錢。
- 品牌識別：可以是概念系統(tǒng)，也可以是情緒反應(yīng)——它之所以重要是因為它無法不被用戶注意。
- 成功標準：一些可追蹤的指標，在產(chǎn)品上線以后用來顯示它是否滿足了我們自己的目標和用戶的需求。
用戶需求：我們的用戶要通過這個產(chǎn)品得到什么？
- 用戶細分：把大量的用戶需求劃分成幾個具有某些共同關(guān)鍵特征的、可管理的部分。
- 可用性和用戶研究：
- 問卷調(diào)查
- 用戶訪談
- 焦點小組
- 現(xiàn)場調(diào)查
- 用戶測試
- 創(chuàng)建人物角色：在用戶體驗設(shè)計的過程中，人物角色是從用戶研究中提取出的、可成為樣例的虛構(gòu)人物。
- 團隊角色和流程：戰(zhàn)略文檔并不是創(chuàng)建出來被藏到某個地方，或只與少數(shù)幾個資深員工分享的，所有參與者（設(shè)計師、程序員、信息架構(gòu)師、項目經(jīng)理）需要這份戰(zhàn)略文檔，以幫助他們在工作中做出正確的決定。
范圍層
定義項目范圍同時在做這兩件事：這是一個有價值的過程，同時能產(chǎn)生有價值的產(chǎn)品。
- 過程的價值在于，當(dāng)整個事情還處在假設(shè)階段的時候，它能迫使你去考慮潛在的沖突和產(chǎn)品中一些粗略的點。
- 產(chǎn)品的價值在于，被定義的這個產(chǎn)品給了整個團隊一個參考點，明確了這個項目中要完成的的全部工作，它也提供了一門用于討論這件事情的共同的語言。
用文檔來定義產(chǎn)品需求
理由：
1. 這樣你才知道你正在建設(shè)什么（擁有一系列明確的要求，責(zé)任分配得更清晰）
2. 這樣你才知道你不需要建設(shè)什么（抵制誘惑，需求把控）
定義需求——三個主要類別：
- 人們講述的、他們想要的東西。
- 人們口中說出來的、所期望的特性其實并不是他們想要的。
- 人們不知道他們是否需要的。
功能規(guī)格
功能規(guī)格說明不需要包含產(chǎn)品的每一個細節(jié)——只需要包含在設(shè)計或開發(fā)過程中出現(xiàn)有可能混淆的功能定義。功能規(guī)格說明也不需要展望產(chǎn)品未來的理想化狀態(tài)——只需要記錄創(chuàng)建這個產(chǎn)品時已經(jīng)確定下來的決議。
- 樂觀
- 具體
內(nèi)容需求
- 內(nèi)容清單
- 確定需求優(yōu)先級
結(jié)構(gòu)層
交互設(shè)計：關(guān)注將影響用戶執(zhí)行和完成任務(wù)的元素
- 概念模型：用戶對于“交互組件將怎樣工作”的觀點稱為概念模型。
- 錯誤處理：處理“用戶錯誤”—當(dāng)人們犯錯誤時系統(tǒng)要怎么反應(yīng)，并且當(dāng)錯誤第一次發(fā)生時，系統(tǒng)要如何防止人們繼續(xù)犯錯？
交互設(shè)計會處理每一個級別的錯誤，以確保更高比例的用戶能有積極的體驗。
信息架構(gòu)：關(guān)注如何將信息表達給用戶的元素
- 結(jié)構(gòu)化內(nèi)容：分類體系
- 從上到下：從最廣泛的、有可能滿足決策目標的內(nèi)容與功能開始進行分類，然后再依據(jù)邏輯細分出次級分類。
- 從下到上：把已有資料統(tǒng)統(tǒng)放到最低級別的分類中，然后再將它們分別歸屬到較高一級的類別，從而逐漸構(gòu)建出能反映我們的產(chǎn)品目標和用戶需求的結(jié)構(gòu)。
- 結(jié)構(gòu)方法
- 層級結(jié)構(gòu)：節(jié)點與其他相關(guān)節(jié)點之間存在父級/子級的關(guān)系。
- 矩陣結(jié)構(gòu)：允許用戶在節(jié)點與節(jié)點之間沿著兩個或更多的“維度”移動。
- 自然結(jié)構(gòu)：不會遵循任何一致的模式。
- 線性結(jié)構(gòu)：用于限制那些需要呈現(xiàn)的內(nèi)容順序?qū)τ诜嫌脩粜枨蠓浅ｊP(guān)鍵的應(yīng)用程序。
- 組織原則：是我們決定哪些節(jié)點要編成一組，而哪些節(jié)點要保持獨立的標準。
框架層
信息設(shè)計：傳達想法給用戶。
用一種能“反映用戶的思路”和“支持他們的任務(wù)和目標”的方式來分類和排列信息元素。
界面設(shè)計：提供給用戶做某些事的能力。
- 習(xí)慣和比喻：習(xí)慣和反射作用是我們與這個世界交互時的各種基礎(chǔ)。
- 選擇正確的界面元素，妥善處理所有不同的界面元素。
- 復(fù)選框
- 單選框
- 文本框
- 下拉菜單
- 多選菜單
- 按鈕
導(dǎo)航設(shè)計：提供給用戶去某個地方的能力。
必須同時完成三個目標：
- 提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法
- 傳達出這些元素和它們所包含內(nèi)容之間的關(guān)系
- 傳達出它的內(nèi)容和用戶當(dāng)前瀏覽頁面之間的關(guān)系
幾種常見的導(dǎo)航系統(tǒng)：
- 全局導(dǎo)航：提供了覆蓋整個網(wǎng)站的通路。
- 局部導(dǎo)航：提供給用戶在這個架構(gòu)中到“附近地點”的通路。
- 輔助導(dǎo)航：提供了全局導(dǎo)航或局部導(dǎo)航不能快速達到的相關(guān)內(nèi)容的快捷途徑。
- 上下文導(dǎo)航：有時也叫“內(nèi)聯(lián)導(dǎo)航”，是嵌入頁面自身內(nèi)容的一種導(dǎo)航。
- 友好導(dǎo)航：提供給用戶他們通常不會需要的鏈接，但它們是作為一種便利的途徑來使用的。
- 遠程導(dǎo)航：并沒有包含在頁面結(jié)構(gòu)中，而是以它們自己的方式存在，獨立于你的網(wǎng)站的內(nèi)容或功能。
- 站點地圖
- 索引表
指示標識
將信息設(shè)計和導(dǎo)航設(shè)計結(jié)合到一起，有一個重要的作用：支持指示標識，這是用來幫助用戶理解“他們在哪”以及“他們能去哪”的系統(tǒng)。
線框圖
頁面布局是將信息設(shè)計、界面設(shè)計和導(dǎo)航設(shè)計放置到一起，形成一個統(tǒng)一的、有內(nèi)在凝聚力的架構(gòu)的地方。
線框圖捕獲所有在框架層做出的決定，并用一個文檔來展現(xiàn)它們。它作為視覺設(shè)計和網(wǎng)站實施的參考來使用。
線框圖是整合在結(jié)構(gòu)層的全部三種要素的方法：
1.通過安排和選擇界面元素來整合界面設(shè)計；
2.通過識別和定義核心導(dǎo)航系統(tǒng)來整合導(dǎo)航設(shè)計；
3.通過放置和排列信息組成部分的優(yōu)先級來整合信息設(shè)計。
表現(xiàn)層
合理設(shè)計感知
- 嗅覺和味覺（用戶體驗設(shè)計師很少考慮的范疇）
- 觸覺
- 聽覺
- 視覺（用戶體驗設(shè)計師最得心應(yīng)手的領(lǐng)域）
忠于眼睛
評估一個產(chǎn)品視覺設(shè)計的簡單方法——提問：
- 你的視線首先落在什么地方？
- 哪個設(shè)計要素在第一時間吸引了用戶的注意力？
- 它們是對于戰(zhàn)略目標來講很重要的東西嗎？
- 用戶第一時間注意到的東西與他們的（或你的）目標是背道而馳的嗎？
對比和一致性
- 把用戶的注意力吸引到界面中的關(guān)鍵部分，傳達信息設(shè)計中的概念群組，對比是一個重要手段。
- 在你的設(shè)計中保持一致性，能使你的設(shè)計有效地傳達信息，而不會導(dǎo)致用戶迷惑或焦慮。
