《用戶體驗要素》這本書是Jesse James Garrent編寫的一本以用戶為中心的產品設計書，書中描述了用戶體驗要素模型，包括戰(zhàn)略層，范圍層莱衩，結構層，框架層以及表現(xiàn)層共五個層次娇澎，通過這五層模型講解了產品設計中所需要關注的主要內容膳殷。
作者：Jesse James Garrett是一個用戶體驗咨詢公司的創(chuàng)始人之一【呕穑“用戶體驗要素”在2000年3月初次發(fā)布到以來赚窃，Jesse的所繪制的這個模型已經被下載了2萬多次。他在用戶體驗領域的貢獻包括“視覺辭典”岔激，一個為規(guī)范信息架構文檔而建立的開放符號系統(tǒng)勒极，現(xiàn)在這個系統(tǒng)在全球各個企業(yè)中得到廣泛的應用。他的個人網(wǎng)站www.jjg.net是提供信息架構資源的網(wǎng)站中最受歡迎的一個 虑鼎。
首先辱匿，什么是用戶體驗？
用戶體驗并不是指產品本身如何工作炫彩，而是指產品如何與外界產生聯(lián)系并且使用匾七，也就是用戶如何接觸和使用產品。
其次江兢，產品設計和用戶體驗設計有什么不同昨忆？
很多時候，產品創(chuàng)建者不會想到設計一詞杉允，因為對于他們來講創(chuàng)建產品即是足部建立和完善產品的特性和功能邑贴，但這樣的過程更像是在“開發(fā)”席里。這樣的產品設計是由功能來決定的，即“外形服從于功能”了拢驾。但是正確的產品形態(tài)并不該由功能決定奖磁，它應該是用戶自身直觀的心理感受來決定的。產品“特性”和“功能”很重要繁疤，但是用戶體驗則對于用戶的忠誠度影響很大咖为。
第三，用戶體驗模型建設
書中通過清晰的說明和生動的圖形分析了“以用戶為中心的設計方法(UCD)”來進行網(wǎng)站設計的復雜內涵,并關注于思路而不是工具或技術稠腊。Jesse James Garrett給了一個關于“網(wǎng)站用戶體驗開發(fā)的總體概念”躁染，從戰(zhàn)略和信息架構需求到視覺設計。
用戶體驗模型自下而上分為：戰(zhàn)略層麻养，范圍層，結構層诺舔，框架層和表現(xiàn)層鳖昌。
戰(zhàn)略層：在我們有做某產品的想法之初，我們正在進行戰(zhàn)略層低飒，這個階段的“產品目標”和“用戶需求”就組成了所謂的戰(zhàn)略層许昨。這將是接下來的過程中做每一個決定的基礎。
什么是產品目標褥赊？
產品目標包括了某產品所帶來的商業(yè)目標糕档，在有意或無意中塑造的品牌形象以及具體的成功標準，設定一些可追蹤的指標拌喉，用來衡量產品上線后是否滿足了目標和用戶需求速那，如注冊用戶月訪問量 ，用戶訪問的停留時間等類似的可衡量的指標尿背。
怎么確認用戶需求端仰？
確認用戶需求是 一項非常復雜的工作，一是很多產品經理在做產品的過程中往往把自己作為用戶田藐，試圖為一種理想化的用戶設計產品荔烧，但事實上我們不是為自己而設計。再有汽久，用戶群體之間存在很大的差異鹤竭，這就需要產品經理對不同的用戶進行分析，方法有用戶細分景醇，用戶研究（問卷調查臀稚，用戶訪問，用戶測試...）三痰，用戶畫像等烁涌。
戰(zhàn)略是用戶體驗流程中的起始項苍碟，但并不意味著在項目一開始就需要將戰(zhàn)略完全確定下來，雖然這可能會浪費一定的時間和資源撮执，但是通過在項目演變的過程中不斷地修改校正也是很不錯的微峰。范圍層：當把用戶的需求和產品的目標轉化為應該提供給用戶什么樣的功能時，戰(zhàn)略就變成了范圍抒钱。
定義項目范圍是一個有價值的過程蜓肆，并且需要保證能產出有價值的結果。
用文檔來定義產品需求的好處有谋币？
理清楚產品的最終目標是什么仗扬，也就是要做成什么樣子才是終點，這個目標應該是大家共同認定的蕾额，每個人都知道自己正在做什么早芭，有了這個定義大家也就知道不需要做什么。
接下來诅蝶，通過文檔將產品的需求定義出來退个，并且確定出需求的優(yōu)先級。結構層：將零散的需求組成整體调炬，為網(wǎng)站創(chuàng)建一個概念結構语盈。，確定產品將以什么樣的方式來運作缰泡。
一個概念模型可以反應出系統(tǒng)的某個部分或者是整個系統(tǒng)刀荒，將現(xiàn)實世界中相對應的實物的比喻按需放入概念模型中。即為網(wǎng)站創(chuàng)建一個整體組織信息架構棘钞，將需要表現(xiàn)的內容以結構化的形式展現(xiàn)給用戶缠借，運用最準確的信息結構方式給予用戶正確的引導。
- 框架層：按結構層的信息架構進一步提煉出具體的界面外觀宜猜，導航和信息設計烈炭，更加具體化的展現(xiàn)出網(wǎng)站要展現(xiàn)的概念，確定出具體用什么樣的功能來實現(xiàn)宝恶。
框架層三要素：界面設計符隙，導航設計，信息設計
界面設計：即產品提供給用戶做什么事的能力垫毙；
導航設計：即用戶具有去某個地方的能力
1.提供給用戶在網(wǎng)站內跳轉的方法
2.能夠表現(xiàn)出導航元素和包含內容的關系
3.顯示出網(wǎng)站內容和用戶當前頁面之間的關系霹疫。
信息設計：即產品想要傳達給用戶的內容。
線框圖能夠有效表達出信息架構和視覺設計匯集后將要呈現(xiàn)的效果综芥。
- 表現(xiàn)層：模型頂端丽蝎，最接近用戶的感知設計，直接影響到用戶的感官感受，將產品的內容屠阻，功能红省，交互和美感共同體現(xiàn)出來的層面。
