導(dǎo)讀
很多人都有被推薦《用戶體驗要素》這本書的經(jīng)歷淮菠，但初次閱讀時徘意，理解起來有點困難。這是《用戶體驗要素》的重點不清晰枷邪、內(nèi)容抽象造成的隙畜。將《用戶體驗要素》的重點內(nèi)容整理出來抖部，并給出例子，這樣更易理解和運用议惰。
概要
《用戶體驗要素》是一本講產(chǎn)品的好書慎颗，它是入門產(chǎn)品經(jīng)理的必備書籍。作者為我們清晰地介紹了產(chǎn)品設(shè)計流程中的思考維度和注意事項言询。
按產(chǎn)品設(shè)計階段俯萎，分為了用戶體驗的五個要素。
產(chǎn)品設(shè)計五要素分別是：戰(zhàn)略層运杭、范圍層夫啊、結(jié)構(gòu)層、框架層辆憔、表現(xiàn)層撇眯。
《用戶體驗要素》有助于產(chǎn)品新人在宏觀上形成產(chǎn)品觀，而且產(chǎn)品認(rèn)識也非常值的借鑒虱咧。但在細(xì)節(jié)方面有些粗糙熊榛。所以，在閱讀時彤钟，要重點領(lǐng)會《用戶體驗要素》的思想来候，而不要過分關(guān)注細(xì)節(jié)跷叉。如果能夠借此定義工作或面試準(zhǔn)備中遇到的問題逸雹，快速查找資料或求助营搅，也算是物有所值了。
解讀五要素
五要素可以按Why-How-What黃金圈法則來解讀梆砸。
1.為什么要做（戰(zhàn)略層）
我們的用戶是誰转质？解決用戶的什么問題？產(chǎn)品定位是什么帖世？產(chǎn)品的商業(yè)目標(biāo)是什么休蟹？
2.怎么做（范圍層）
采用什么功能和內(nèi)容來達(dá)成目標(biāo)。
3.做什么（結(jié)構(gòu)層日矫、框架層赂弓、表現(xiàn)層）
產(chǎn)品做成什么樣子？可以用結(jié)構(gòu)圖哪轿、線框圖盈魁、和高保真原型圖來分別表示。
通過思維導(dǎo)圖的形式窃诉，可以把《用戶體驗要素》的主要內(nèi)容囊括進(jìn)來杨耙，一目了然，便于回憶和定位問題飘痛∩耗ぃ看著導(dǎo)圖，下來分別介紹這五個體驗要素宣脉。
1.戰(zhàn)略層
整個產(chǎn)品周期很長车柠，先定個戰(zhàn)略，有指導(dǎo)思想脖旱，才能夠解決分歧堪遂，正確地做事。
1）用戶需求
比如美團外賣解決了白領(lǐng)選餐和省時的需求萌庆；支付寶解決了線上支付的需求等溶褪；滴滴打車可以解決用戶出行的需求。
而通過用戶細(xì)分践险，并獲得用戶畫像猿妈，更有助于了解用戶。
2）產(chǎn)品目標(biāo)
比如王健林提出的“一個億目標(biāo)”巍虫；全民K歌為了增強用戶活躍度彭则，推出了社區(qū)功能，并置于首頁占遥。
2.范圍層
在上一步俯抖，我們把戰(zhàn)略定好了，那么瓦胎，接下來是不是就該想想怎么實現(xiàn)目標(biāo)芬萍，該有什么功能來解決什么尤揣。
我們的產(chǎn)品要有哪些功能？比如滴滴打車柬祠，要讓用戶能夠提出出發(fā)地和目的地北戏，要有用戶定位從而讓司機能夠輕松地找到乘客，要提供便利的支付方式漫蛔，要讓乘客和司機能夠通過聯(lián)系方式交流嗜愈，要能夠動態(tài)地、實時地把最合適的乘客推薦給最合適的司機莽龟。
有時候蠕嫁，想到的需求越來越多，想做的功能也越來越多毯盈。這時候拌阴，就需要做減法。對需求進(jìn)行排序奶镶，然后聚焦于能實現(xiàn)業(yè)務(wù)循環(huán)的功能迟赃，把一些需求砍掉或推遲。
3.結(jié)構(gòu)層
高層級組織原則要緊密地與網(wǎng)站目標(biāo)與用戶需求相關(guān)厂镇；低層級會受內(nèi)容與功能需求影響
在結(jié)構(gòu)層纤壁，要考慮兩個問題：“交互設(shè)計”和“信息架構(gòu)”。交互設(shè)計考慮的是跳轉(zhuǎn)邏輯捺信，信息架構(gòu)指的是內(nèi)容的分類組織方式酌媒。一幅App結(jié)構(gòu)圖就是結(jié)構(gòu)層的完美邏輯展現(xiàn)。但結(jié)構(gòu)圖又是什么樣的呢迄靠？以簡書App為例秒咨，由于篇幅所限，畫了它的部分結(jié)構(gòu)圖掌挚。
4.框架層
設(shè)計原則是易被用戶理解和使用
這部分是對結(jié)構(gòu)層的進(jìn)一步具體化雨席。界面設(shè)計指功能按鈕的位置布置。導(dǎo)航設(shè)計針對導(dǎo)航系統(tǒng)吠式。信息設(shè)計指的是信息分分類和排列陡厘，信息設(shè)計是跨域功能型產(chǎn)品和信息型產(chǎn)品的邊界，尤為重要√卣迹現(xiàn)在的app設(shè)計通常都會包含這三個因素糙置，集中體現(xiàn)為線框圖。同樣以簡書app為例是目，制作了首頁的線框圖谤饭。
5.表現(xiàn)層
視覺呈現(xiàn)以“運作良好”為目標(biāo)，眼動軌跡是一條流暢的路徑
表現(xiàn)層是產(chǎn)品的最終表現(xiàn)形式，位于五層模型的頂端揉抵∫说海可以通過設(shè)計產(chǎn)品的配色方案、排版功舀、對比、風(fēng)格統(tǒng)一身弊，充分研究和使用用戶的感知方式（嗅覺辟汰、味覺、觸覺阱佛、視覺帖汞、聽覺等），將產(chǎn)品的風(fēng)格完整呈獻(xiàn)給用戶凑术。以簡書app發(fā)現(xiàn)頁為例進(jìn)行展示翩蘸，以便有直觀地理解。
核心思想?yún)R總
前文已基本上完成了對五層體驗要素的解讀淮逊，但還有很多細(xì)節(jié)未能涵蓋在內(nèi)催首。在文章末尾，把《用戶體驗要素》中的一些關(guān)鍵細(xì)節(jié)列出來泄鹏，以便大家更好地掌握《用戶體驗要素》郎任。
1.要足夠了解用戶，可以通過用戶調(diào)研的一些方法來實現(xiàn)备籽。
2.產(chǎn)品易于被用戶理解舶治，交互流程符合用戶的習(xí)慣，概念模型沒有歧義车猬，最好做到用戶不思考霉猛。
3.開發(fā)產(chǎn)品的每一步，都得考慮用戶的理解和使用場景以及對最終產(chǎn)品的影響珠闰。
4.知道要做什么惜浅，也要知道不要做什么，并排序需求優(yōu)先級伏嗜。
5.內(nèi)部產(chǎn)品說明文檔赡矢，要具體明確，最好能有數(shù)字指標(biāo)阅仔。
6.交互設(shè)計和信息架構(gòu)要符合用戶的思考方式吹散，特別是直覺。
7.按“用戶的思路”和“支持任務(wù)和目標(biāo)”的方式來分類和排列信息八酒。
8.表現(xiàn)層要為盡可能為用戶提供指引空民，同時考慮配色方案、排版和字體。
9.任何一步的設(shè)計都要圍繞網(wǎng)站目標(biāo)和用戶需求界轩。
