用戶體驗五要素是一個非常經(jīng)典的框架體系，他包括戰(zhàn)略層、范圍層、結構層、框架層和表現(xiàn)層。接下來，我們將分別對五個層次做詳細的解讀。

一、表現(xiàn)層（surface）

關鍵詞：視覺傳達

表現(xiàn)層是最直觀的。打開一個APP，你看到的所有形狀、文字、色彩都屬于這一層面。表現(xiàn)層決定了用戶的第一印象，同時可以通過形狀大小、字體大小、顏色深淺等因素來影響用戶感知，已達到設計目的。

二、框架層（skeleton）

關鍵詞：頁面布局

在表現(xiàn)層之下，框架層體現(xiàn)了頁面的結構和布局，例如banner的位置、按鈕的位置。好的設計就是當用戶需要的時候他恰巧就在那里。頁面布局要符合用戶習慣，比如將重要信息放在最佳視域（當眼睛偏離視中心時，在偏離距離相等的情況下，人眼對左上的觀察最優(yōu)，依次為右上，左下，而右下最差。因此，左上部和上中部被稱為“最佳視域”）。舉一個經(jīng)典栗子：一個新的小區(qū)剛剛建成，小區(qū)外面有一大片草坪，設計師沒有急著修路，而是等待。過了一陣子，草坪被踩出了一條條路，設計師根據(jù)這些路為基礎進行修路。這個栗子也充分體現(xiàn)了“以用戶為中心”的思想，以用戶行為為基礎進行設計，真的可以四兩撥千斤的吶~

三、結構層（structure）

關鍵詞：信息架構、頁面流

結構層相對于框架層較為抽象，我們可以將他理解為“聯(lián)接”?？蚣軐邮轻槍τ趩雾撁娴慕Y構設計，而結構層則是將單頁面連接在一起，從而形成了系統(tǒng)。拿APP舉例，框架層決定了你點擊頁面icon或按鈕后頁面跳轉到了哪一頁。通過刪除、組織、隱藏和轉移（詳見《簡約至上》），將復雜的結構變的簡單化，也是提高用戶體驗的重要手段，例如QQ5.0的升級,通過漢堡導航及Tab標簽將功能整合，使得應用在感覺上苗條了很多。

四、范圍層（scope）

關鍵詞：功能、需求分析

范圍層可以理解為產(chǎn)品的功能及特性。比如微信可以聊天、查看朋友圈、發(fā)紅包等。范圍層一般是由需求決定，需求則是從用戶中分析提煉而來。試想一個毫無用處的產(chǎn)品，有人會去下載嗎？所以，如何分析提取用戶需求，將需求轉化為功能，也變得至關重要。

五、戰(zhàn)略層（strategy）

關鍵詞：產(chǎn)品目標、用戶需求

成功的用戶體驗，其基礎是一個被明確表達的“戰(zhàn)略”。知道企業(yè)與用戶雙方對產(chǎn)品的期許和目標，有助于確立用戶體驗各方面戰(zhàn)略的制定。例如微信的定位是熟人社交，而陌陌則是陌生人社交，兩個不同的定位解決了用戶不同的需求。

在一個實際的產(chǎn)品開發(fā)中，戰(zhàn)略層及范圍層主要由產(chǎn)品經(jīng)理負責，而結構層和框架層則由交互設計師來完成，表現(xiàn)層由視覺設計師完成。特別注意的是，五個層次并不是相互獨立的，每個層次都會向上或向下輻射，相互影響和完善，工作亦是如此。比如在交互設計階段前期，交互設計師需要協(xié)助產(chǎn)品經(jīng)理完善場景劇本，從場景中提取功能，確定優(yōu)先級。