這幾天因?yàn)闀r(shí)間空閑潘拱，把James Garrett的《用戶體驗(yàn)要素》讀了一遍。產(chǎn)品的書讀過不少，這本書可以稱得上產(chǎn)品設(shè)計(jì)的鼻祖級(jí)教科書了逢防，雖名為《用戶體驗(yàn)要素》，全書其實(shí)講的是如何設(shè)計(jì)一個(gè)Web產(chǎn)品蒲讯，而其中很多設(shè)計(jì)原則即使放在移動(dòng)互聯(lián)網(wǎng)也是適用的忘朝。
《用戶體驗(yàn)要素》提倡產(chǎn)品設(shè)計(jì)應(yīng)該以用戶為中心，從戰(zhàn)略層判帮、范圍層局嘁、結(jié)構(gòu)層、框架層脊另、表現(xiàn)層五個(gè)層面從零開始設(shè)計(jì)一款產(chǎn)品导狡。概括如下：
戰(zhàn)略層：思考公司想從產(chǎn)品中得到什么（商業(yè)目標(biāo)）？目標(biāo)用戶是誰偎痛？用戶想從產(chǎn)品得到什么（解決什么需求）旱捧？衡量目標(biāo)是否達(dá)到的數(shù)據(jù)是什么？
范圍層：為了達(dá)到戰(zhàn)略層的目標(biāo)踩麦，你的產(chǎn)品需要什么功能和內(nèi)容枚赡？
結(jié)構(gòu)層：在定好功能的基礎(chǔ)上，產(chǎn)品的信息架構(gòu)是怎么樣的谓谦？
框架層：搭好了信息架構(gòu)贫橙，單個(gè)頁面的元素布局是怎么樣的？
表現(xiàn)層：在框架層的布局上反粥，字體卢肃、排版、顏色等怎么選擇才顿？
層與層之間關(guān)系緊密莫湘，但并不意味著在設(shè)計(jì)過程中不能修改上一層的內(nèi)容。我們都知道做產(chǎn)品就是“在行進(jìn)中開火”郑气，所以有一條基本設(shè)計(jì)原則：讓每一個(gè)層面的工作在下一個(gè)層面結(jié)束之前完成幅垮。
現(xiàn)在我把這個(gè)設(shè)計(jì)思想用到出版《用戶體驗(yàn)要素》這本書上：
戰(zhàn)略層：我想出版一本書籍，讓用戶通過這本書學(xué)會(huì)怎么設(shè)計(jì)一個(gè)Web產(chǎn)品尾组，而我能通過這本書獲利忙芒，同時(shí)提高行業(yè)地位示弓，并收獲粉絲...
范圍層：略去封面、序呵萨、關(guān)于作者等亂七八糟的東西奏属，這書核心內(nèi)容應(yīng)該清晰描述五層設(shè)計(jì)理念、以及怎么運(yùn)用這個(gè)理念甘桑、一些在實(shí)際中可以運(yùn)用在團(tuán)隊(duì)和項(xiàng)目中的技巧拍皮、以及一些案例。
框架層：繼續(xù)略去封面跑杭、序铆帽、關(guān)于作者等亂七八糟的東西，全書結(jié)構(gòu)分為幾部分德谅，1.為什么這樣去設(shè)計(jì)一個(gè)產(chǎn)品 ;2.設(shè)計(jì)理念概述;3.設(shè)計(jì)理念詳述;4.案例爹橱。最后在每個(gè)部分中間穿插一些實(shí)際遇到的問題和解決方法。
框架層：每頁的左上角放上本章名字窄做，右上角放當(dāng)前頁碼愧驱；每段內(nèi)容包括大標(biāo)題和小標(biāo)題以及正文；文字和圖片水平對(duì)齊椭盏，圖片旁是文字說明组砚；
表現(xiàn)層：正文用某某字體，黑色掏颊；標(biāo)題用某某字體糟红，加粗，黑色乌叶；背景白色等等等等盆偿。
這樣下來，一個(gè)完整的Web產(chǎn)品設(shè)計(jì)過程就一目了然了准浴。
后來出版的很多產(chǎn)品經(jīng)理的入門書籍都借鑒了這本書事扭，例如《結(jié)網(wǎng)》，但《結(jié)網(wǎng)》的受眾更廣乐横，包括創(chuàng)業(yè)者等等求橄，《用戶體驗(yàn)要素》偏重的是產(chǎn)品設(shè)計(jì)。
最后葡公，建議大家不要去看這本書谈撒，因?yàn)樗闹形姆g實(shí)在太爛了，以至于后三分之一我都是快速翻過去的匾南。
完。
