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

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

關(guān)鍵詞：視覺傳達(dá)

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

二、框架層（skeleton）

關(guān)鍵詞：頁(yè)面布局

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

三、結(jié)構(gòu)層（structure）

關(guān)鍵詞：信息架構(gòu)、頁(yè)面流

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

四、范圍層（scope）

關(guān)鍵詞：功能、需求分析

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

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

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

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

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