幾條閱讀建議
仔仔細(xì)細(xì)地讀完了 用戶體驗(yàn)要素 (douban.com) 這本書(shū)。
在開(kāi)始介紹我對(duì)這本書(shū)的理解之前，有幾個(gè)關(guān)于本書(shū)的閱讀建議：
有條件的話盡量閱讀原版，非常不推薦單獨(dú)看譯本。
有些地方的翻譯確實(shí)比較影響理解。盡管我看的版本中，譯者把一些拿捏不準(zhǔn)的名詞附到了文中，但翻譯中的語(yǔ)序、邏輯問(wèn)題也比較妨礙閱讀。（印象很深的是，chapter 5的截面、組織原則部分，以及chapter6的導(dǎo)航設(shè)計(jì)部分，當(dāng)時(shí)我看了很久都沒(méi)理解在說(shuō)什么，后來(lái)找到原著之后就比較好理解了）
另外，即使英語(yǔ)水平不好也不用擔(dān)心。機(jī)械工業(yè)出版社出版的這個(gè)版本，盡管在翻譯上不能說(shuō)是十全十美，不過(guò)謝天謝地——它真的“夠?qū)憣?shí)”。我后來(lái)找到原版的電子書(shū)對(duì)照查看時(shí)，發(fā)現(xiàn)譯本的頁(yè)面布局、頁(yè)碼與原著基本保持一致，這實(shí)在大大方便了我將之前沒(méi)理解的內(nèi)容翻出來(lái)對(duì)照原本理解。對(duì)于PM和UX入門(mén)，很推薦閱讀這本書(shū)。
2.1 這本書(shū)適合早期讀、簡(jiǎn)單讀，搭建初期的認(rèn)知框架。書(shū)中的模型可以提供一個(gè)認(rèn)知產(chǎn)品的方法框架，避免初期分析產(chǎn)品時(shí)陷入混亂，或者只關(guān)注表層的體驗(yàn)；
2.2 除了模型的介紹之外，書(shū)中穿插了很多作者的建議，這些也非常值得一看。我個(gè)人在閱讀過(guò)程中就發(fā)現(xiàn)，有很多實(shí)際踩過(guò)、后面才找到解決方案的坑，看完書(shū)發(fā)現(xiàn)有前輩已經(jīng)提及了，偶爾就有點(diǎn)惋惜為什么沒(méi)有早點(diǎn)看到（不過(guò)如果沒(méi)踩過(guò)這個(gè)坑，可能看到這些內(nèi)容也不會(huì)重視，當(dāng)然關(guān)于實(shí)踐和閱讀，這又是另一個(gè)話題了……）
2.3 追加一條避坑提示：將這本書(shū)作為指導(dǎo)認(rèn)知的模型與建議，不要將這本書(shū)當(dāng)作寫(xiě)報(bào)告的模板。信息只有在我們理解之后才能發(fā)揮作用，與其按圖索驥地堆砌出一篇模板文章，不如扎扎實(shí)實(shí)地記錄我們看到以及想明白的事情。不建議花太多時(shí)間細(xì)讀。
盡管這本書(shū)很值得讀，但我認(rèn)為它并不值得花很長(zhǎng)的時(shí)間去細(xì)細(xì)琢磨、梳理。假設(shè)我有機(jī)會(huì)給沒(méi)有開(kāi)始閱讀的自己提一個(gè)閱讀本書(shū)的建議，我想我會(huì)說(shuō)，“別抱有太大的壓力，對(duì)照著五層模型的圖去看看書(shū)中作者展開(kāi)講了哪些內(nèi)容就好”。
3.0 這張圖 elements.pdf (jjg.net) 是全書(shū)的核心。先理解圖示的模型和背景再開(kāi)始閱讀，可以減少很多困惑。
3.1 這本書(shū)主要是為了闡釋作者的用戶體驗(yàn)的理念，非技術(shù)向、非手冊(cè)性。說(shuō)白了就是，這本書(shū)的核心依舊是流傳很廣的那張五層模型圖，而不是一個(gè)說(shuō)明手冊(cè)；
3.2 看書(shū)的過(guò)程中不需要過(guò)于糾結(jié)模塊內(nèi)部的信息完整性。如果希望了解單個(gè)模塊內(nèi)設(shè)計(jì)的具體執(zhí)行，我認(rèn)為，用書(shū)中提到的關(guān)鍵詞去檢索，收益更高；
3.3 看書(shū)的過(guò)程中不需要過(guò)于糾結(jié)模型內(nèi)的邊界劃分。這個(gè)模型并不是通過(guò)嚴(yán)密的邏輯推論出來(lái)的產(chǎn)物，而是作者基于自身的經(jīng)驗(yàn)以及當(dāng)時(shí)遇到的問(wèn)題，所提出的一個(gè)解決方案，模型的意義在于幫助設(shè)計(jì)者定義出有哪些需要進(jìn)行的設(shè)計(jì)，以及確認(rèn)體驗(yàn)設(shè)計(jì)的完整性。
這本書(shū)“不講什么”
The Elements of User Experience: User-Centered Design for the Web and Beyond
× 針對(duì)體驗(yàn)要素進(jìn)行設(shè)計(jì) ?? 從用戶體驗(yàn)的視角出發(fā)進(jìn)行設(shè)計(jì)
本書(shū)名為《用戶體驗(yàn)要素——以用戶為中心的產(chǎn)品設(shè)計(jì)》。相比于“用戶體驗(yàn)要素”這個(gè)名字，我認(rèn)為副標(biāo)題更能代表這本書(shū)的內(nèi)容：這本書(shū)其實(shí)不是傳統(tǒng)意義上的“如何設(shè)計(jì)一個(gè)好的用戶體驗(yàn)”，它的確從用戶體驗(yàn)的視角出發(fā)，但是，書(shū)里面的內(nèi)容其實(shí)在講“怎么以用戶為中心進(jìn)行產(chǎn)品設(shè)計(jì)”。
展開(kāi)來(lái)講，書(shū)中并不僅僅是“針對(duì)體驗(yàn)要素的設(shè)計(jì)”，也不僅是“信息設(shè)計(jì)、交互設(shè)計(jì)、界面設(shè)計(jì)”這些我們理解的UX設(shè)計(jì)，而是更類似“如何實(shí)現(xiàn)UCD”。
我理解的“用戶體驗(yàn)設(shè)計(jì)”更偏重結(jié)構(gòu)層和框架層的設(shè)計(jì)，關(guān)注交互、信息架構(gòu)以及界面。這個(gè)“用戶體驗(yàn)設(shè)計(jì)”主要聚焦于本書(shū)的 Chapter5結(jié)構(gòu)層和Chapter6框架層的設(shè)計(jì)，在這兩層中，我們關(guān)注“如何通過(guò)設(shè)計(jì)來(lái)優(yōu)化用戶的使用感受”，從而保證信息的正確傳達(dá)以及流程的正常推進(jìn)。
而本書(shū)建立的五層模型則是從開(kāi)始就將用戶納入設(shè)計(jì)的決策依據(jù)內(nèi)，保證從產(chǎn)品目標(biāo)、功能、結(jié)構(gòu)到視覺(jué)呈現(xiàn)的設(shè)計(jì)結(jié)果都服務(wù)于用戶體驗(yàn)。
× 手冊(cè)和教程 ??一個(gè)認(rèn)知和設(shè)計(jì)產(chǎn)品的概念模型
作者在這個(gè)模型劃分的五個(gè)層，在設(shè)計(jì)的過(guò)程中存在前后依賴的關(guān)系，再加上我自己在看這本書(shū)之前，就根據(jù)標(biāo)題理解成了狹義的“如何設(shè)計(jì)好的用戶體驗(yàn)”。在這種認(rèn)知下，盡管我看到作者多次強(qiáng)調(diào)本書(shū)不是手冊(cè)，但很多時(shí)候只是淺層地“看到了”這句話，閱讀中還是下意識(shí)地代入“設(shè)計(jì)者”的視角出發(fā)，并嘗試從書(shū)中獲取一個(gè)確定的答案，“希望學(xué)會(huì)怎么逐層完成體驗(yàn)要素的設(shè)計(jì)”，看到后期認(rèn)知就比較割裂。比如在很多章節(jié)，我會(huì)發(fā)現(xiàn)，本書(shū)并無(wú)意指導(dǎo)如何完成具體設(shè)計(jì)，以chapter3的用戶需求為例，作者提到可行性和用戶研究的幾個(gè)方法更多地是為了闡述“這個(gè)部分我們的工作和目的是什么”，對(duì)于看書(shū)的我們來(lái)說(shuō)，重點(diǎn)在于理解“用戶研究”在產(chǎn)品設(shè)計(jì)中的意義是什么，而不是糾結(jié)于介紹的方法本身。（p.s.如果想要詳細(xì)知識(shí)可能直接google會(huì)更好。）
回過(guò)頭來(lái)，我認(rèn)為，作者選擇劃出五層兩類的框架，更多的是按照認(rèn)知邏輯、根據(jù)抽象層級(jí)進(jìn)行區(qū)分，而不是應(yīng)然地進(jìn)行劃分。模型內(nèi)部的框架主要是服務(wù)于設(shè)計(jì)中的完整性?？磿?shū)時(shí)不需要過(guò)于糾結(jié)邊界在哪里、知識(shí)是否完整，善用這個(gè)模型檢查設(shè)計(jì)思路是否有欠缺即可。
正如作者在前言說(shuō)的，If you need the big picture, if you need to understand the context for the decisions that user experience practitioners make, this book is for you.
這本書(shū)“在講什么”
The Elements of User Experience: User-Centered Design for the Web and Beyond
在理解作者“希望向我們傳達(dá)什么”之前，讓我們先還原這本書(shū)的背景。
不同于 web app 盛行的現(xiàn)在，《用戶體驗(yàn)要素》成書(shū)是在2002年，應(yīng)該是 web 2.0 的萌芽期，web page 出現(xiàn)了從文本或超文本信息載體向功能化轉(zhuǎn)變的趨勢(shì)。作者Jesse James Garrett作為信息架構(gòu)咨詢師，在工作中對(duì)架構(gòu)的必要性有深刻的認(rèn)知。但是，作者發(fā)現(xiàn)，，當(dāng)時(shí)網(wǎng)絡(luò)上架構(gòu)設(shè)計(jì)領(lǐng)域的內(nèi)容復(fù)雜且沒(méi)有清晰的定義，查閱資料時(shí)很容易感到困惑；另外，一個(gè)成功的產(chǎn)品不僅需要優(yōu)秀的架構(gòu)、開(kāi)發(fā)、功能設(shè)計(jì)，可能需要更多設(shè)計(jì)決策的支持，例如團(tuán)隊(duì)如何應(yīng)對(duì)范圍蠕動(dòng)，而這些決策目前在大部分團(tuán)隊(duì)還是空白的。
結(jié)合經(jīng)驗(yàn)，作者在2000年提出了一個(gè)概念模型，用來(lái)①幫助網(wǎng)站設(shè)計(jì)者自身建立認(rèn)知，通過(guò)這個(gè)模型來(lái)更好地進(jìn)行設(shè)計(jì)決策，②為設(shè)計(jì)師“統(tǒng)一語(yǔ)言”，可以結(jié)構(gòu)化地、完整地表述設(shè)計(jì)范圍，也方便大家在交流中更清晰地定位正在討論的問(wèn)題。
這個(gè)模型并不局限于web；書(shū)中常出現(xiàn)“網(wǎng)站”，我們把它當(dāng)成指代互聯(lián)網(wǎng)產(chǎn)品即可。
這個(gè)概念模型自抽象到具體分為五個(gè)層級(jí)，其中又按照任務(wù)驅(qū)動(dòng)(功能型產(chǎn)品)和信息驅(qū)動(dòng)(信息型產(chǎn)品)分為兩大類。
五個(gè)層級(jí)分別是：
Chapter 3戰(zhàn)略層-產(chǎn)品目標(biāo)和用戶需求：產(chǎn)品的“北斗星”，影響后面所有決策
根本上，一家企業(yè)做產(chǎn)品是為了實(shí)現(xiàn)盈利(或者其他的產(chǎn)品目的)；產(chǎn)品無(wú)論是直接還是間接實(shí)現(xiàn)營(yíng)收，都需要滿足用戶的需求。
上面所說(shuō)的“盈利”、“營(yíng)收”，其實(shí)就是產(chǎn)品目標(biāo)。在戰(zhàn)略層中，我們需要對(duì)產(chǎn)品目標(biāo)和用戶需求進(jìn)行定義。戰(zhàn)略層的決策將以戰(zhàn)略文檔和用戶畫(huà)像的形式指導(dǎo)后續(xù)的設(shè)計(jì)。
Chapter 4范圍層-功能規(guī)格和內(nèi)容需求：產(chǎn)品的“范圍圈”，確定do or notdo
戰(zhàn)略層會(huì)對(duì)產(chǎn)品戰(zhàn)略方向進(jìn)行設(shè)計(jì)與決策，但在產(chǎn)品經(jīng)理對(duì)新功能的設(shè)計(jì)之前，我們還需要?jiǎng)澏óa(chǎn)品以及當(dāng)前階段的范圍，從而保證項(xiàng)目如期交付。
范圍層的意義在于，確定什么是我們?cè)撟龅模╢eature），以及確定什么是現(xiàn)在該做的（優(yōu)先級(jí)）。
Chapter5結(jié)構(gòu)層-交互設(shè)計(jì)與信息架構(gòu)：產(chǎn)品的“架構(gòu)圖”，確定分支群組結(jié)構(gòu)
范圍層會(huì)給出“我們的產(chǎn)品需要包含什么”，但這些信息還是零散的；在結(jié)構(gòu)層中，我們的設(shè)計(jì)重點(diǎn)是確定呈現(xiàn)給用戶的每個(gè)元素的模式和順序，讓設(shè)計(jì)出的產(chǎn)品符合用戶的認(rèn)知邏輯。而“符合認(rèn)知邏輯”，這要求產(chǎn)品的反饋應(yīng)盡量符合用戶的預(yù)期、減少用戶猜測(cè)，同時(shí)，對(duì)于信息量龐大的產(chǎn)品，我們則需要通過(guò)信息的組織呈現(xiàn)來(lái)減少用戶的心智負(fù)擔(dān)。
相應(yīng)地，設(shè)計(jì)師需要在設(shè)計(jì)過(guò)程中應(yīng)用概念模型等方法，根據(jù)我們對(duì)用戶需求的理解來(lái)完成設(shè)計(jì)。結(jié)構(gòu)層的決策通常以產(chǎn)品架構(gòu)圖的形式出現(xiàn)。
Chapter6框架層-界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、信息設(shè)計(jì)：產(chǎn)品的“線框圖/頁(yè)面布局”
在結(jié)構(gòu)層確定產(chǎn)品架構(gòu)和運(yùn)作方式后，框架層開(kāi)始聚焦于具體的產(chǎn)品、組件、功能和形式設(shè)計(jì)。在這一層中，我們需要解決“頁(yè)面結(jié)構(gòu)問(wèn)題”，其中，界面設(shè)計(jì)考慮可交互元素的布局，導(dǎo)航設(shè)計(jì)考慮產(chǎn)品內(nèi)部信息的連結(jié)以及對(duì)用戶移動(dòng)的引導(dǎo)，信息設(shè)計(jì)考慮傳達(dá)給用戶的信息要素的排布，三者聚合起來(lái)形成框架層設(shè)計(jì)以及頁(yè)面內(nèi)的布局，并以線框圖的形式指導(dǎo)后續(xù)的設(shè)計(jì)。
Chapter7表現(xiàn)層-感知設(shè)計(jì)：產(chǎn)品的“感知呈現(xiàn)”(主要是視覺(jué))、最終設(shè)計(jì)
在框架層解決了“頁(yè)面結(jié)構(gòu)問(wèn)題”的基礎(chǔ)上，表現(xiàn)層需要為界面的要素排布選擇合適的感知呈現(xiàn)方式。換句話說(shuō)，框架層側(cè)重框架的記錄，表現(xiàn)層的設(shè)計(jì)則需要運(yùn)用一定的方法(布局、色彩等)將線框圖的核心概念、信息等顯著地呈現(xiàn)出來(lái)。
這個(gè)模型劃分出來(lái)的五個(gè)層，盡管在設(shè)計(jì)的過(guò)程中存在前后依賴的關(guān)系，并且每個(gè)層也有明確的產(chǎn)出物，但它們并不是孤立存在的幾個(gè)步驟。五個(gè)層中所涵蓋的elements，其實(shí)是圍繞用戶體驗(yàn)對(duì)產(chǎn)品進(jìn)行的拆解結(jié)果，而作者通過(guò)逐個(gè)介紹這些拆解出的要素，可以結(jié)構(gòu)化地向我們展示，在產(chǎn)品設(shè)計(jì)中我們需要做哪些決策，同時(shí)我們應(yīng)當(dāng)如何從用戶體驗(yàn)出發(fā)來(lái)優(yōu)化決策的結(jié)果。而掌握這個(gè)模型后，我們不僅可以按照作者拆解的順序去逐步完成產(chǎn)品設(shè)計(jì)，對(duì)模型的理解同樣可以服務(wù)于單個(gè)issue的思考。
如果你對(duì)這本書(shū)感興趣的話~可以通過(guò)鏈接跳轉(zhuǎn)到章節(jié)對(duì)應(yīng)的筆記進(jìn)行瀏覽。
筆記以引言的形式加了些“私貨”，主要是一些理解補(bǔ)充或我覺(jué)得很重要的信息；章節(jié)內(nèi)部也是用個(gè)人想法進(jìn)行了reorganize，可能并非100%還原作者的用意。歡迎朋友們勘誤或來(lái)評(píng)論區(qū)寫(xiě)下你的想法(?'?'?)
