在《初識(shí)用戶體驗(yàn)》中我們已經(jīng)了解到捞蛋，優(yōu)質(zhì)的用戶體驗(yàn)設(shè)計(jì)就是“要考慮到用戶有可能采取的每一個(gè)行動(dòng)的每一種可能性，并且去理解在這個(gè)過程的每一個(gè)步驟中用戶的期望值”柬姚。這章內(nèi)容開始拟杉，我們將分解用戶體驗(yàn)設(shè)計(jì)工作，了解構(gòu)成用戶體驗(yàn)的五要素：戰(zhàn)略層伤靠、范圍層捣域、結(jié)構(gòu)層、框架層宴合、表現(xiàn)層焕梅，從而更好地把握解決整體問題。
<br />
網(wǎng)站的五要素
我們通過網(wǎng)站購買一個(gè)實(shí)物卦洽，從搜索贞言、挑選、購買阀蒂，最后這個(gè)實(shí)物送到我們手中该窗，一整個(gè)過程事實(shí)上是由一系列完整的決策組成的。現(xiàn)在我們?nèi)サ趔w驗(yàn)的外殼蚤霞，一層層去理解這些決策酗失，以及它們?nèi)绾胃嬷⒂绊懹脩趔w驗(yàn)。
· 表現(xiàn)層（surface）：
在表現(xiàn)層昧绣，我們看到的是一系列的網(wǎng)頁规肴，由圖片和文字組成。在這些圖片和文字中夜畴，有的是可以點(diǎn)擊拖刃，從而執(zhí)行某些功能（比如跳轉(zhuǎn)、提交贪绘、刪除等）的兑牡；有的只是裝飾或說明。
<br />
· 框架層（skeleton）：
框架層是結(jié)構(gòu)層的具體表達(dá)方式税灌，用于優(yōu)化設(shè)計(jì)布局均函，以達(dá)到這些元素的最大效果和效率亿虽，使你在需要的時(shí)候，能記得標(biāo)志并找到可以動(dòng)作的控件边酒。它包括按鈕经柴、控件狸窘、照片和文本區(qū)域的位置墩朦。
<br />
· 結(jié)構(gòu)層（structure）：
結(jié)構(gòu)層要做兩個(gè)維度的事情：
a.縱向看：
從整個(gè)app層面，要完成操作的流向翻擒，頁面間的跳轉(zhuǎn)氓涣，使功能的路徑形成閉環(huán)。框架層確定了具體頁面上交互元素的位置陋气；結(jié)構(gòu)層則用來設(shè)計(jì)用戶如何到達(dá)某個(gè)頁面劳吠，并且在用戶完成當(dāng)前操作后能去什么地方。
b.橫向看：
從單個(gè)頁面看巩趁，各個(gè)功能板塊之間的關(guān)系痒玩，整理歸納出功能之間的關(guān)系。框架層定義了某個(gè)大功能上各個(gè)小功能的排列方式议慰，允許用戶使用瀏覽蠢古；結(jié)構(gòu)層則確定哪些小功能應(yīng)該出現(xiàn)在這個(gè)功能里；而下一層范圍層規(guī)定了共有哪些大功能别凹、小功能草讶。
好像有點(diǎn)繞，那么舉個(gè)不是很恰當(dāng)?shù)念惐葋斫忉屓咧g的關(guān)系吧炉菲。假設(shè)你是廚師今天手上有十樣食材堕战，決定要做出三盤菜品，把這十樣食材都用上拍霜。
這個(gè)例子中嘱丢，要做三盤菜是范圍層來規(guī)定的。這三盤菜里會(huì)有主要食材中的哪幾樣祠饺，是否還需要添加輔助食材越驻，他們的烹飪順序是什么，是結(jié)構(gòu)層來決定的吠裆。這三盤菜烹飪與擺盤時(shí)伐谈，色彩上怎么好看，形狀怎么搭配试疙，就是表現(xiàn)層來決定的诵棵。
<br />
· 范圍層（scope）：
上面說到結(jié)構(gòu)層確定網(wǎng)站各種特性和功能最合適的組合方式，而這些特性和功能就構(gòu)成了網(wǎng)站的范圍層祝旷。一個(gè)功能是否應(yīng)該成為網(wǎng)站的功能之一履澳，就屬于范圍層要解決的問題嘶窄。
<br />
· 戰(zhàn)略層（strategy）：
網(wǎng)站的范圍基本上是由網(wǎng)站戰(zhàn)略層所決定的。這些戰(zhàn)略不僅包括了經(jīng)營者想從網(wǎng)站得到什么距贷，還包括用戶想從網(wǎng)站得到什么柄冲，引導(dǎo)整個(gè)產(chǎn)品達(dá)到戰(zhàn)略目標(biāo)。
<br />
自下而上建設(shè)五要素
通過上述的五要素忠蝗，我們構(gòu)建了一個(gè)基本架構(gòu)现横，在這個(gè)基礎(chǔ)架構(gòu)上，我們才能繼續(xù)討論用戶體驗(yàn)的問題阁最，以及用什么工具來解決用戶的體驗(yàn)戒祠。隨著層面的上升，我們要做的決策就一點(diǎn)點(diǎn)地變的具體速种，并設(shè)計(jì)越來越精細(xì)的細(xì)節(jié)姜盈。
每一個(gè)要素都是根據(jù)它下一層的要素來決定的。當(dāng)我們做出的決定沒有和上下層面保持一致的時(shí)候配阵，項(xiàng)目常常會(huì)偏離正常軌道馏颂，完成日期延遲。
這種依賴性意味著在戰(zhàn)略層上的決定將具有某種自下而上的“連鎖效應(yīng)”棋傍。反過來講救拉，也就意味著每個(gè)層面中我們可用的選擇，都受到其下層面中所確定的議題約束舍沙。因此近上，在“較高層面”中選擇一個(gè)界限之外的選項(xiàng)，將需要重新考慮“較低層面”中所做出的決策拂铡。
但是壹无，這并不是說每一個(gè)“較低層面”上的決策都必須在設(shè)計(jì)“較高層面”之前做出。事物的影響是雙向的感帅，在“較高層面”中的決定有時(shí)會(huì)促成對(duì)“較低層面”決策的一次重新評(píng)估（甚至是競爭對(duì)手斗锭、業(yè)界最佳的實(shí)踐成果都可能會(huì)影響決策）。
在實(shí)際工作中失球，最好的方式是讓每一個(gè)層面的工作在下一個(gè)層面結(jié)束之前完成岖是，并且要保證讓每一個(gè)層面中的工作都不能在其下層面的工作完成之前結(jié)束。
<br />
基本的雙重性
隨著網(wǎng)站和各類電子產(chǎn)品的發(fā)展实苞，慢慢形成了兩種的主要類型豺撑，一種是功能型的平臺(tái)類產(chǎn)品（APP、平板等形態(tài)的產(chǎn)品大部分屬于這類）黔牵，這類產(chǎn)品主要從傳統(tǒng)的桌面和客戶端軟件的角度來考慮解決方案聪轿，它主要關(guān)注的是任務(wù)。
關(guān)注任務(wù)——所有的操作都被納入一個(gè)過程猾浦，去思考人們?nèi)绾瓮瓿蛇@個(gè)過程陆错。在這里灯抛，我們把網(wǎng)站看成用戶用于完成一個(gè)或多個(gè)任務(wù)的一個(gè)或一組工具。
另一種是信息型的媒介類產(chǎn)品音瓷，用于信息的發(fā)布和檢索对嚼，這類產(chǎn)品主要從傳統(tǒng)出版、媒體和信息技術(shù)的角度來考慮問題的解決方案绳慎，它主要關(guān)注的是信息纵竖。
關(guān)注信息——網(wǎng)站應(yīng)該提供哪些信息，這些信息對(duì)用戶的意義是什么偷线。創(chuàng)建一個(gè)富信息（information-rich）的用戶體驗(yàn)磨确，就是提供給用戶一個(gè)可以尋找沽甥、理解声邦，且有意義的信息組合。
這兩種類型不同的關(guān)注點(diǎn)摆舟，導(dǎo)致我們?cè)跊Q策五個(gè)要素的過程中的任務(wù)也發(fā)生了改變亥曹。
名詞解釋：
· 戰(zhàn)略層（strategy）
用戶需求（user need）：來自企業(yè)外部。是網(wǎng)站恨诱，尤其是那些將要使用我們網(wǎng)站用戶的目標(biāo)媳瞪。
產(chǎn)品目標(biāo)（product objective）：來自我們自己對(duì)網(wǎng)站的期望目標(biāo)≌毡Γ可以是商業(yè)目的蛇受，或者是其他類型的目標(biāo)。
· 范圍層（scope）
功能 — 功能規(guī)范（functional specification）：對(duì)產(chǎn)品的“功能組合”的詳細(xì)描述厕鹃。
信息 — 內(nèi)容需求（content requirement）：對(duì)各個(gè)內(nèi)容元素的要求的詳細(xì)描述兢仰。
· 結(jié)構(gòu)層（structure）
功能 — 交互設(shè)計(jì)（interaction design）：定義系統(tǒng)如何響應(yīng)用戶的請(qǐng)求。
信息 — 信息架構(gòu)（information architecture）：合理安排內(nèi)容元素以促進(jìn)人類理解信息剂碴。
· 框架層（skeleton）
信息設(shè)計(jì)（information design）：一種促進(jìn)理解的信息表達(dá)方式把将。
功能 — 界面設(shè)計(jì)（interface design）：通過設(shè)計(jì)能讓用戶與系統(tǒng)的功能產(chǎn)生互動(dòng)的界面元素。
信息 — 導(dǎo)航設(shè)計(jì)（navigation design）：屏幕上的一些元素的組合忆矛，允許用戶在信息結(jié)構(gòu)中穿行察蹲。
· 表現(xiàn)層（surface）
感知設(shè)計(jì)（sensory experience）：感知，感覺與知覺的統(tǒng)稱催训。通過設(shè)計(jì)將事物通過感官在人腦中直接反應(yīng)洽议。
<br /><br />
小結(jié)
在現(xiàn)實(shí)工作中，我們難以鑒定某個(gè)用戶體驗(yàn)的問題是否可以通過重視某個(gè)要素去解決漫拭。某些問題要求同時(shí)重視多個(gè)區(qū)域亚兄，某些問題會(huì)橫跨在這個(gè)模型的各個(gè)要素邊界。
我們將所有互聯(lián)網(wǎng)產(chǎn)品梳理出“功能型”和“信息型”的兩大類型嫂侍，但是很少有產(chǎn)品或服務(wù)只屬于這兩部分之一儿捧。在每一層中荚坞，這兩大類型所包含的要素必須相互作用才能完成該層的目標(biāo)，并且單獨(dú)評(píng)估在某個(gè)要素上所做改進(jìn)的效果是很困難的菲盾，所處在同一個(gè)層面中的要素都會(huì)決定最終的用戶體驗(yàn)颓影。
除此之外，書中還提到了“內(nèi)容（content）”懒鉴、“技術(shù)（technology）”對(duì)產(chǎn)品整體體驗(yàn)的影響诡挂，這也是我們?cè)诠ぷ髦袝?huì)經(jīng)常打交道的兩個(gè)部門——運(yùn)營部和技術(shù)部（每家公司的組織架構(gòu)可能不同）。作為產(chǎn)品部或UED的成員临谱，應(yīng)該微笑地帶動(dòng)起這兩個(gè)部門的小伙伴以及他們的資源璃俗，全力支持產(chǎn)品的落地和質(zhì)量。否則悉默，每個(gè)部門關(guān)起門來單干城豁，最后出來的東西是很難看的。：）
《用戶體驗(yàn)要素》閱讀筆記
一抄课、初識(shí)用戶體驗(yàn)
二唱星、網(wǎng)站的用戶體驗(yàn)
三、用戶體驗(yàn)五要素
四跟磨、戰(zhàn)略層：產(chǎn)品目標(biāo)和用戶需求
五间聊、范圍層：功能規(guī)格和內(nèi)容需求
六、結(jié)構(gòu)層：交互設(shè)計(jì)與信息架構(gòu)
七抵拘、框架層：界面設(shè)計(jì)哎榴、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)
九、表現(xiàn)層：感知設(shè)計(jì)
十僵蛛、用戶體驗(yàn)的應(yīng)用
