? ?最近閑暇之余翻看了 以前買的Jesse James 著的《用戶體驗要素-以用戶為中心的產(chǎn)品設(shè)計》汗销，在工作幾年后翻看還是深有啟發(fā)剖膳。書中提出來的用戶體驗五要素模型經(jīng)典溉奕。
我們聊聊什么是用戶體驗熙侍？大家回憶一下是不是我們在設(shè)計吁朦、開發(fā)一款產(chǎn)品的時候柒室，更多的是關(guān)注地是產(chǎn)品本身是將來是用來做什么，而并不會太多考慮到產(chǎn)品是如何工作的逗宜？其實被我們忽略的這個點就是用戶體驗雄右。那么書中是怎么定義用戶體驗的空骚？書中是這樣定義的：產(chǎn)品如何與外界發(fā)生關(guān)聯(lián)并發(fā)揮作用。也就是人們?nèi)绾巍敖佑|”和“使用”它擂仍。也就是說用戶體驗不僅僅是產(chǎn)品對我們感官方面的表現(xiàn)囤屹，他存在于嗅覺、味覺和聽覺 防楷。這樣對于簡單產(chǎn)品的而言牺丙，我們創(chuàng)建一個良好的用戶體驗設(shè)計则涯，完全等同于產(chǎn)品自身的定義复局，而對于復(fù)雜的產(chǎn)品來講，創(chuàng)建良好的用戶體驗和產(chǎn)品自身的定義之間的關(guān)系相對而言是獨立的粟判。比如我們手機功能的不斷迭代亿昏。
? ? ? ?那么為什么用戶體驗變得越來越重要？《用戶體驗要素》這本書中給出這樣的幾個觀點：
產(chǎn)品的使用屬性排在第一
大家想想：我們是不是為了實現(xiàn)某個使用功能而設(shè)計產(chǎn)品档礁，并不是為了美觀而設(shè)計產(chǎn)品角钩？比如：鏤空的花瓶、座椅上棱角的圖案…
在使用一款產(chǎn)品的時候呻澜，我們不愿意花費時間去思考递礼，喜歡傻瓜式地操作
因為用戶越來越懶，沒有用戶愿意為了一個功能花費時間去讀說明書羹幸，去思考怎么操作脊髓？當(dāng)然，這歸功于產(chǎn)品設(shè)計越來越人性化栅受，愿意花更多地精力在用戶體驗上将硝。---是一件好事
市場競爭激烈，錯過第一次用戶體驗就很難再次拉回用戶
市場上同類的競品越來越多屏镊，當(dāng)一個用戶離開你的產(chǎn)品依疼，并習(xí)慣了別的競品時。他很難會再回來使用你的產(chǎn)品而芥。
這就是我們?yōu)槭裁匆獙⒂脩趔w驗要素放入到產(chǎn)品設(shè)計中律罢，用戶體驗好了，我們才會有更好的轉(zhuǎn)化率
接下來我們聊聊書中提出的用戶體驗要素模型：
本書作者將用戶體驗劃分成了五個層次：
表現(xiàn)層
框架層
結(jié)構(gòu)層
范圍層
戰(zhàn)略層
結(jié)合我的理解棍丐，對作者談到的用戶五要素整理误辑，如下：
一般我們拿到的產(chǎn)品分析會由上及下。而我們真正做產(chǎn)品設(shè)計的時候骄酗，正好是相反的稀余。
戰(zhàn)略層——》范圍層——》框架層——》結(jié)構(gòu)層——》表現(xiàn)層
1.?戰(zhàn)略層：主要解決了產(chǎn)品目標和用戶目標，從經(jīng)營者和用戶角度分別思考這個網(wǎng)站我們得到了什么趋翻？成功的用戶體驗睛琳，其基礎(chǔ)必須是一個被明確表達的戰(zhàn)略盒蟆。那么我們?nèi)绾稳ぃ瑧?zhàn)略师骗？
1历等、用戶群體細分：從用戶研究和可行性兩點出發(fā)，用戶研究通過問卷調(diào)查辟癌、焦點小組這種市場調(diào)研方法以及現(xiàn)場做任務(wù)寒屯、用戶測試等方法來調(diào)研。為了避免我們的做法與用戶的需求背道而馳黍少，我們可以對用戶進行分類寡夹，制作用戶畫像。甚至可以把用戶畫像打印出來掛在墻上厂置，以后做決定的時候時刻想著他們的需求菩掏，這樣就不至于我們做出太多偏離用戶的需求的決定。
2昵济、我們也可以分析一些目前市場上存在的競品智绸。
這個層面就是我們工作中對應(yīng)的戰(zhàn)略文檔或愿景文檔。
2.?范圍層：戰(zhàn)略層访忿，解決了我們做什么問題瞧栗，在范圍層，解決做什么問題海铆。哪些功能要做迹恐，哪些功能不要做，哪些先做游添，哪些后做系草。在這個層面是我們工作中對應(yīng)的是功能規(guī)格說明書。以后的開發(fā)周期唆涝、優(yōu)先級找都、做不做某個功能都可以參考這個文檔。
?3廊酣、結(jié)構(gòu)層：如果團隊里面有交互設(shè)計師的話能耻，產(chǎn)品和交互設(shè)計的交接點就在這一層了。如果沒有專職的交互設(shè)計師團隊的話亡驰，產(chǎn)品也會負責(zé)這部分的設(shè)計晓猛。不同的團隊產(chǎn)品和交互的職責(zé)定位不一樣，并不能一概而論凡辱。
在范圍層戒职，我們已經(jīng)定義好了需求，已經(jīng)明確了我們要做什么透乾。到了結(jié)構(gòu)層洪燥，我們從抽象的需求逐步具體成用戶可以感知的需求磕秤。同時，結(jié)構(gòu)層定義了產(chǎn)品最終呈現(xiàn)給用戶的框架捧韵，為下一層細化做準備市咆。
結(jié)構(gòu)層的內(nèi)容對應(yīng)到了PRD文檔的另一部分內(nèi)容。
產(chǎn)品結(jié)構(gòu)：產(chǎn)品呈現(xiàn)給用戶的頁面和功能結(jié)構(gòu)再来，是用戶看得到的產(chǎn)品的結(jié)構(gòu)蒙兰，建議使用思維導(dǎo)圖的方式將其列明。
信息架構(gòu)：產(chǎn)品呈現(xiàn)個用戶的信息的組織方式芒篷。建議用思維導(dǎo)圖的方式展開搜变。
頁面結(jié)構(gòu)：產(chǎn)品的功能和信息在頁面上怎么體現(xiàn)。每個頁面大概包括哪些內(nèi)容梭伐。這部分建議以低保真原型圖的方式來呈現(xiàn)出來痹雅。
交互流程：用戶的操作流程和頁面的跳轉(zhuǎn)流程。用戶是怎么執(zhí)行操作的糊识，頁面以什么樣的方式響應(yīng)或跳轉(zhuǎn)。這部分內(nèi)容可以在原型圖上注釋說明摔蓝，并且用流程圖記錄操作流程赂苗。
4、框架層
雖然命名為框架層贮尉，不過在這一層我們逐步將產(chǎn)品從抽象到具體拌滋。到了這一層，基本上能看得出產(chǎn)品的輪廓猜谚。這一層我們通過已經(jīng)制作好的PRD和低保真原型圖败砂，逐步細化成高保真的原型圖。
框架層是結(jié)構(gòu)層的細化魏铅。包括了如下的工作：
信息設(shè)計對已經(jīng)定義好的信息架構(gòu)進行細化昌犹。例如，在結(jié)構(gòu)層览芳，我們已經(jīng)定義好了商品信息需要包含大概的信息斜姥。在框架層再進一步細化。
頁面細化在結(jié)構(gòu)層已經(jīng)定義好的頁面結(jié)構(gòu)基礎(chǔ)上進一步細化沧竟。如頁面的具體布局铸敏，頁面元素的選擇等。這一步將低保真的頁面細化成高保真的頁面悟泵。
交互設(shè)計頁面的交互設(shè)計杈笔，用戶操作后頁面的響應(yīng)。例如糕非，是否需要彈窗提示
表現(xiàn)層：用戶拿到產(chǎn)品后蒙具，產(chǎn)品呈現(xiàn)給用戶的第一印象敦第。內(nèi)容、功能和美學(xué)匯集到一起來產(chǎn)生的一個最終設(shè)計店量，從而滿足其他層面的所有目標芜果。并同時滿足用戶的感官感知∪谑Γ“彌補網(wǎng)站框架層的邏輯排布”的視覺呈現(xiàn)問題右钾。
評估一個產(chǎn)品視覺設(shè)計的簡單方法：
用戶的視線首先落在什么地方？哪個設(shè)計要素在第一時間吸引了用戶的注意力旱爆？
他們對于戰(zhàn)略目標來講最重要的東西舀射？
用戶第一時間注意到的東西與他們的目標是背道而馳嗎？
作為產(chǎn)品我們得原型不需要關(guān)注到太多設(shè)計風(fēng)格怀伦，產(chǎn)品的視覺設(shè)計是靠UI部門去設(shè)計的（一個企業(yè)的視覺設(shè)計是統(tǒng)一風(fēng)格的）脆烟，但是我們可以給出一些自己的參考建議。
回過頭來房待，我們再想想：什么樣的設(shè)計是成功的邢羔？需要用戶在產(chǎn)品上移動的軌跡模式應(yīng)該遵循以下兩個特點：
第一：他們遵循的是一條流暢的路徑
第二：在不需要用太多的細節(jié)來嚇到用戶的前提下，為用戶提供有效選擇的桑孩、某種可能的“引導(dǎo)”拜鹤。
用戶體驗要素的應(yīng)用，我們大概可以將我們?nèi)粘５墓ぷ鳉w類到各個層次里面：
戰(zhàn)略層?-- MRD和BRD
范圍層?-- PRD（部分）
結(jié)構(gòu)層?-- PRD（部分）和低保真原型
框架層?-- 高保真原型和交互設(shè)計
表現(xiàn)層?-- UI設(shè)計
?當(dāng)然并不是所有的工作都是按照這個流程去進行的流椒，這個只是我們工作中參考的一個模型敏簿。看完這本書宣虾，讓我對設(shè)計產(chǎn)品有了更清晰的設(shè)計理念惯裕，也讓我深切體會到用戶體驗的重要性。
