在《初識用戶體驗》中我們已經了解到，優質的用戶體驗設計就是“要考慮到用戶有可能采取的每一個行動的每一種可能性，并且去理解在這個過程的每一個步驟中用戶的期望值”。這章內容開始，我們將分解用戶體驗設計工作，了解構成用戶體驗的五要素：戰略層、范圍層、結構層、框架層、表現層，從而更好地把握解決整體問題。
<br />
網站的五要素
我們通過網站購買一個實物，從搜索、挑選、購買，最后這個實物送到我們手中，一整個過程事實上是由一系列完整的決策組成的。現在我們去掉體驗的外殼，一層層去理解這些決策，以及它們如何告知并影響用戶體驗。
· 表現層（surface）：
在表現層，我們看到的是一系列的網頁，由圖片和文字組成。在這些圖片和文字中，有的是可以點擊，從而執行某些功能（比如跳轉、提交、刪除等）的；有的只是裝飾或說明。
<br />
· 框架層（skeleton）：
框架層是結構層的具體表達方式，用于優化設計布局，以達到這些元素的最大效果和效率，使你在需要的時候，能記得標志并找到可以動作的控件。它包括按鈕、控件、照片和文本區域的位置。
<br />
· 結構層（structure）：
結構層要做兩個維度的事情：
a.縱向看：
從整個app層面，要完成操作的流向，頁面間的跳轉，使功能的路徑形成閉環。框架層確定了具體頁面上交互元素的位置；結構層則用來設計用戶如何到達某個頁面，并且在用戶完成當前操作后能去什么地方。
b.橫向看：
從單個頁面看，各個功能板塊之間的關系，整理歸納出功能之間的關系。框架層定義了某個大功能上各個小功能的排列方式，允許用戶使用瀏覽；結構層則確定哪些小功能應該出現在這個功能里；而下一層范圍層規定了共有哪些大功能、小功能。
好像有點繞，那么舉個不是很恰當的類比來解釋三者之間的關系吧。假設你是廚師今天手上有十樣食材，決定要做出三盤菜品，把這十樣食材都用上。
這個例子中，要做三盤菜是范圍層來規定的。這三盤菜里會有主要食材中的哪幾樣，是否還需要添加輔助食材，他們的烹飪順序是什么，是結構層來決定的。這三盤菜烹飪與擺盤時，色彩上怎么好看，形狀怎么搭配，就是表現層來決定的。
<br />
· 范圍層（scope）：
上面說到結構層確定網站各種特性和功能最合適的組合方式，而這些特性和功能就構成了網站的范圍層。一個功能是否應該成為網站的功能之一，就屬于范圍層要解決的問題。
<br />
· 戰略層（strategy）：
網站的范圍基本上是由網站戰略層所決定的。這些戰略不僅包括了經營者想從網站得到什么，還包括用戶想從網站得到什么，引導整個產品達到戰略目標。
<br />
自下而上建設五要素
通過上述的五要素，我們構建了一個基本架構，在這個基礎架構上，我們才能繼續討論用戶體驗的問題，以及用什么工具來解決用戶的體驗。隨著層面的上升，我們要做的決策就一點點地變的具體，并設計越來越精細的細節。
每一個要素都是根據它下一層的要素來決定的。當我們做出的決定沒有和上下層面保持一致的時候，項目常常會偏離正常軌道，完成日期延遲。
這種依賴性意味著在戰略層上的決定將具有某種自下而上的“連鎖效應”。反過來講，也就意味著每個層面中我們可用的選擇，都受到其下層面中所確定的議題約束。因此，在“較高層面”中選擇一個界限之外的選項，將需要重新考慮“較低層面”中所做出的決策。
但是，這并不是說每一個“較低層面”上的決策都必須在設計“較高層面”之前做出。事物的影響是雙向的，在“較高層面”中的決定有時會促成對“較低層面”決策的一次重新評估（甚至是競爭對手、業界最佳的實踐成果都可能會影響決策）。
在實際工作中，最好的方式是讓每一個層面的工作在下一個層面結束之前完成，并且要保證讓每一個層面中的工作都不能在其下層面的工作完成之前結束。
<br />
基本的雙重性
隨著網站和各類電子產品的發展，慢慢形成了兩種的主要類型，一種是功能型的平臺類產品（APP、平板等形態的產品大部分屬于這類），這類產品主要從傳統的桌面和客戶端軟件的角度來考慮解決方案，它主要關注的是任務。
關注任務——所有的操作都被納入一個過程，去思考人們如何完成這個過程。在這里，我們把網站看成用戶用于完成一個或多個任務的一個或一組工具。
另一種是信息型的媒介類產品，用于信息的發布和檢索，這類產品主要從傳統出版、媒體和信息技術的角度來考慮問題的解決方案，它主要關注的是信息。
關注信息——網站應該提供哪些信息，這些信息對用戶的意義是什么。創建一個富信息（information-rich）的用戶體驗，就是提供給用戶一個可以尋找、理解，且有意義的信息組合。
這兩種類型不同的關注點，導致我們在決策五個要素的過程中的任務也發生了改變。
名詞解釋：
· 戰略層（strategy）
用戶需求（user need）：來自企業外部。是網站，尤其是那些將要使用我們網站用戶的目標。
產品目標（product objective）：來自我們自己對網站的期望目標。可以是商業目的，或者是其他類型的目標。
· 范圍層（scope）
功能 — 功能規范（functional specification）：對產品的“功能組合”的詳細描述。
信息 — 內容需求（content requirement）：對各個內容元素的要求的詳細描述。
· 結構層（structure）
功能 — 交互設計（interaction design）：定義系統如何響應用戶的請求。
信息 — 信息架構（information architecture）：合理安排內容元素以促進人類理解信息。
· 框架層（skeleton）
信息設計（information design）：一種促進理解的信息表達方式。
功能 — 界面設計（interface design）：通過設計能讓用戶與系統的功能產生互動的界面元素。
信息 — 導航設計（navigation design）：屏幕上的一些元素的組合，允許用戶在信息結構中穿行。
· 表現層（surface）
感知設計（sensory experience）：感知，感覺與知覺的統稱。通過設計將事物通過感官在人腦中直接反應。
<br /><br />
小結
在現實工作中，我們難以鑒定某個用戶體驗的問題是否可以通過重視某個要素去解決。某些問題要求同時重視多個區域，某些問題會橫跨在這個模型的各個要素邊界。
我們將所有互聯網產品梳理出“功能型”和“信息型”的兩大類型，但是很少有產品或服務只屬于這兩部分之一。在每一層中，這兩大類型所包含的要素必須相互作用才能完成該層的目標，并且單獨評估在某個要素上所做改進的效果是很困難的，所處在同一個層面中的要素都會決定最終的用戶體驗。
除此之外，書中還提到了“內容（content）”、“技術（technology）”對產品整體體驗的影響，這也是我們在工作中會經常打交道的兩個部門——運營部和技術部（每家公司的組織架構可能不同）。作為產品部或UED的成員，應該微笑地帶動起這兩個部門的小伙伴以及他們的資源，全力支持產品的落地和質量。否則，每個部門關起門來單干，最后出來的東西是很難看的。：）
《用戶體驗要素》閱讀筆記
一、初識用戶體驗
二、網站的用戶體驗
三、用戶體驗五要素
四、戰略層：產品目標和用戶需求
五、范圍層：功能規格和內容需求
六、結構層：交互設計與信息架構
七、框架層：界面設計、導航設計和信息設計
九、表現層：感知設計
十、用戶體驗的應用
