《用戶體驗(yàn)要素》為我們清晰地介紹了關(guān)于用戶體驗(yàn)的五個要素，五個要素是按照產(chǎn)品的整個生命過程來描述的。

產(chǎn)品設(shè)計(jì)五要素分別是：戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層。

首先，在做一款產(chǎn)品之前，我們先嘗試著問自己幾個問題，問題分為以下3類：

1.為什么要做（戰(zhàn)略層）

我們的用戶是誰？解決用戶的什么問題？產(chǎn)品定位是什么？產(chǎn)品的商業(yè)目標(biāo)是什么？

2.怎么做（范圍層）

采用什么功能和內(nèi)容來達(dá)成目標(biāo)。

3.做什么（結(jié)構(gòu)層、框架層、表現(xiàn)層）

產(chǎn)品做成什么樣子？可以用結(jié)構(gòu)圖、線框圖、和高保真原型圖來分別表示。

---

1.戰(zhàn)略層：產(chǎn)品目標(biāo)和用戶需求

就像毛主席說的，主義譬如一面旗幟。柳傳志也說過，自己的領(lǐng)導(dǎo)力三要素就是：搭班子、定戰(zhàn)略、帶隊(duì)伍。足可以看出戰(zhàn)略思想的重要性。

整個產(chǎn)品周期很長，先定個戰(zhàn)略，有規(guī)劃，有指導(dǎo)思想，才能夠好好做產(chǎn)品。比如，我們做產(chǎn)品總得定一個小目標(biāo)吧？

（1）產(chǎn)品目標(biāo)：比方說，先賺它一個億。再比如，我們先干一年，目標(biāo)積累100萬用戶（也好拉投資嘛對吧）。這就是我們的商業(yè)目標(biāo)。

• 商業(yè)目標(biāo)：替公司賺錢或替公司省錢；
• 品牌識別：經(jīng)過產(chǎn)品設(shè)計(jì)者有意精心安排，用戶無意之中形成品牌形象；
• 成功標(biāo)準(zhǔn)“一些可追蹤的指標(biāo)，產(chǎn)品上線后是否滿足我們自己的目標(biāo)和用戶的需求。

（2）用戶需求：一定要清楚用戶是誰，他們的需求到底是什么！比方說，我們覺得有的用戶打車?yán)щy，有的用戶的汽車總是自己一個人開，浪費(fèi)空間，所以我們想來個共享經(jīng)濟(jì)，做個滴滴，讓沒車的用戶可以方便地做有車的用戶的車。這就是我們的用戶需求。

• 用戶細(xì)分：將用戶劃分為更小的群組或細(xì)分用戶群，每一群用戶都是由某些共同關(guān)鍵特征的用戶組成；（人口統(tǒng)計(jì)學(xué)方法、消費(fèi)心態(tài)檔案）
• 可用性和用戶研究：市場調(diào)研方法（問卷調(diào)查、焦點(diǎn)小組）、現(xiàn)場調(diào)查、任務(wù)分析、用戶測試（測試原型、測試網(wǎng)站、卡片排序法）；
• 創(chuàng)建人物角色

用戶需求需要好好挖掘，可以通過問卷調(diào)查、用戶訪談、焦點(diǎn)小組等各種方式挖掘用戶的核心需求。為了避免我們的做法與用戶需求有偏離，我們可以對用戶進(jìn)行分類，把典型的用戶種類劃分制作成用戶畫像Personal，甚至，我們可以把用戶畫像打印出來掛在墻上，以后做決定的時(shí)候時(shí)刻想著他們的需求，這樣就不至于我們做出太過于偏離用戶需求的決定。
（3）團(tuán)隊(duì)角色和流程
角色：戰(zhàn)略專家或決策層
結(jié)果文檔：戰(zhàn)略文檔或愿景文檔；

商業(yè)需求是公司內(nèi)部需求，用戶需求是公司外在需求，它們共同組成戰(zhàn)略層的核心內(nèi)容。

---

2.范圍層：功能規(guī)格和內(nèi)容需求

在上一步，我們把戰(zhàn)略定好了，目標(biāo)很美好，要么幾百萬用戶，要么一年賺幾個億，那么，接下來是不是就該想想怎么做了呢。

**我們的產(chǎn)品要有哪些功能？**接著上面做滴滴打車的例子，我們要讓用戶能夠提出出發(fā)地和目的地，就能夠找到車，對不對？我們要讓司機(jī)能夠輕松地找到乘客對不對？我們要給他們提供便利的支付方式對不對？我們要讓乘客和司機(jī)能夠通過聯(lián)系方式交流對不對？我們要能夠動態(tài)地、實(shí)時(shí)地把最合適的乘客推薦給最合適的司機(jī)對不對？

上面描述了我們想做的產(chǎn)品功能，這就是范圍層要考慮的，哪些功能要做，哪些功能不要做，哪些先做，哪些后做，寫下來之后就變成需求文檔了，以后開發(fā)的排期、優(yōu)先級、做不做某個功能的時(shí)候產(chǎn)生糾結(jié)，都可以把之前寫下來的需求文檔搬出來。

（1）功能和內(nèi)容：做什么功能，放什么內(nèi)容；
（2）定義需求：用戶和場景；
（3）功能規(guī)格說明：要記下來：（樂觀）描述系統(tǒng)將要做什么事情去預(yù)防”防止“不好的事情發(fā)生。（具體）盡可能詳細(xì)的解釋清楚狀況，避免主觀語氣；
（4）內(nèi)容需求：隨時(shí)提供用戶需要的消息，文本格式次要、更新頻率、內(nèi)容清單；
（5）確定優(yōu)先級：

• 評估這些需求能否滿足我們的網(wǎng)站目標(biāo)和用戶需求以及實(shí)現(xiàn)這些需求的可行性有多大。

在前面的戰(zhàn)略層，解決的是為什么做的問題，在范圍層，解決的是做什么的問題。那么，接下來結(jié)構(gòu)層、框架層、表現(xiàn)層，都是解決怎么做的問題的。只是由抽象到具體，由框架到細(xì)節(jié)，步步推進(jìn)的。

---

3.結(jié)構(gòu)層：交互設(shè)計(jì)和信息架構(gòu)

在結(jié)構(gòu)層，要考慮兩個問題：“交互設(shè)計(jì)”和“信息架構(gòu)”。都強(qiáng)調(diào)一個重點(diǎn)：確定各個將要呈現(xiàn)給用戶的元素的“模式”和"順序"。

（1）交互設(shè)計(jì): 指的是針對用戶的操作，產(chǎn)品要怎么反應(yīng)來配合用戶操作。

在這里有一個**“概念模型”**的概念，比如，我們做電商，有購物車，購物車的概念模型可以是現(xiàn)實(shí)中的購物推車，那么它就有往里面放東西、從里面移除東西等功能，那么在電商平臺設(shè)計(jì)購物車的功能的時(shí)候，就可以對應(yīng)著來考慮與用戶的交互方式了。

尤其需要注意的一點(diǎn)，我們設(shè)計(jì)的交互方式不要與用戶默認(rèn)的思維習(xí)慣相背離，比如，在用戶的腦海里，默認(rèn)瀏覽器右側(cè)的ScrollBar是用來上下滑動頁面的，而你的產(chǎn)品把它設(shè)計(jì)為拉動ScrollBar以放大、縮小字體，這就會讓用戶很難接受，因?yàn)檫@與他們的腦海中的習(xí)慣不相符。

再比如，在移動設(shè)備上，我們習(xí)慣于通過點(diǎn)擊來放大、縮小圖片，習(xí)慣于通過手指上下滑動來瀏覽長圖。而微博客戶端Weico曾經(jīng)推出一個版本，修改了這一用戶行為習(xí)慣，使得用戶很容易進(jìn)行誤操作。理所當(dāng)然地，在后來的版本中，Weico也將操作方式改回了大家習(xí)慣的方式。

盡管我們說，交互設(shè)計(jì)要遵循用戶的默認(rèn)習(xí)慣。如果我們對用戶的行為習(xí)慣有了深刻的研究，以至于我們認(rèn)為我們比用戶更了解自己，我們設(shè)計(jì)的操作方式是最適合用戶的。那么我們可以嘗試推廣自己的交互設(shè)計(jì)方式，慢慢培養(yǎng)用戶習(xí)慣。當(dāng)然，這是需要時(shí)間和代價(jià)的。

錯誤處理
方法1：將系統(tǒng)設(shè)計(jì)成不可能犯錯的形式；
方法2：預(yù)防-改正-恢復(fù)：讓錯誤難以發(fā)生；如：撤銷功能
有效的錯誤信息和可以自我解釋的用戶界面！！

（2）信息架構(gòu): 信息的組織方式。

我們的產(chǎn)品肯定有很多內(nèi)容，那么這些內(nèi)容應(yīng)該怎么組織起來，讓用戶覺得好用、易用呢。比如操作文件夾的時(shí)候，我們總見過打開一個文件，再嵌套另一個文件夾，再嵌套另一個文件···一下嵌套十來層的文件夾組織方式，令人不厭其煩。在進(jìn)行信息架構(gòu)的時(shí)候，我們可以把自己的一個個的產(chǎn)品內(nèi)容當(dāng)做一個節(jié)點(diǎn)node，然后將這些節(jié)點(diǎn)有序的組織起來。具體的結(jié)構(gòu)方式有層級結(jié)構(gòu)、矩陣結(jié)構(gòu)、自然結(jié)構(gòu)、線型結(jié)構(gòu)等，我們可以根據(jù)自己的產(chǎn)品特點(diǎn)來進(jìn)行針對性的設(shè)計(jì)。
結(jié)構(gòu)化內(nèi)容：
從上到下：戰(zhàn)略層驅(qū)動的；
從下到上：由范圍層驅(qū)動；
一個實(shí)用性強(qiáng)的信息架構(gòu)系統(tǒng)，能把新的內(nèi)容作為現(xiàn)有結(jié)構(gòu)的一部分容納近來，也可以吧新內(nèi)容當(dāng)做一個完整的新部分加入。
結(jié)構(gòu)方法：：層級結(jié)構(gòu)、矩陣結(jié)構(gòu)、自然結(jié)構(gòu)、線性結(jié)構(gòu)；
組織原則：決定哪些節(jié)點(diǎn)要編成一組，那些節(jié)點(diǎn)要保持獨(dú)立的標(biāo)準(zhǔn)；
語言和元數(shù)據(jù)：使用用戶語言、保持一致性（受控詞典）；
（3）團(tuán)隊(duì)角色和流程
文檔要寫清楚，從命名規(guī)則和元數(shù)據(jù)的具體細(xì)節(jié)，到信息架構(gòu)和交互設(shè)計(jì)的整體情況。

---

4.框架層：界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、信息設(shè)計(jì)

經(jīng)過了上面的結(jié)構(gòu)層，我們可以看到，我們只是對產(chǎn)品的交互方式和內(nèi)容組織方式進(jìn)行了一個大概的設(shè)計(jì)。那么在框架層，就需要進(jìn)一步地進(jìn)行設(shè)計(jì)了。在框架層，包含：界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、信息設(shè)計(jì)。

（1）界面設(shè)計(jì)：對于功能性產(chǎn)品，界面設(shè)計(jì)要做的就是選擇合適的界面交互控件，這些控件既能夠讓用戶易于理解其含義，又能夠讓用戶借助于此來圓滿完成任務(wù)。

（2）導(dǎo)航設(shè)計(jì)：對于信息型產(chǎn)品，導(dǎo)航設(shè)計(jì)要做的就是讓用戶在使用產(chǎn)品的時(shí)候有位置感，讓用戶知道自己在什么位置，知道下一步可以到哪里去，知道上一步怎么返回，避免讓用戶有云里霧里的感覺。具體而言，索引表、網(wǎng)站地圖、導(dǎo)航鏈接、當(dāng)前位置導(dǎo)航信息等，都可以是導(dǎo)航設(shè)計(jì)的一部分。
（3）信息設(shè)計(jì)：信息設(shè)計(jì)要做的就是怎么把各種設(shè)計(jì)元素粘合在一起，怎么把它們呈現(xiàn)出來，讓用戶很好地理解和使用它們。

在產(chǎn)品設(shè)計(jì)中，有一個很重要的概念：線框圖。線框圖可以說是上述的界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、信息設(shè)計(jì)的三者的結(jié)合，是產(chǎn)品的雛形和大體形態(tài)。需要注意的是，線框圖與產(chǎn)品原型略有差別，原型是對線框圖的更細(xì)致描述的產(chǎn)品體現(xiàn)，原型要求必須有交互，而線框圖則可以是靜態(tài)的，沒有交互也可以。

---

5.表現(xiàn)層：感知設(shè)計(jì)

表現(xiàn)層：將內(nèi)容、功能和美學(xué)匯集到一起產(chǎn)生一個最終設(shè)計(jì)，完成其它四層所有目標(biāo)，并同時(shí)滿足用戶的感官感受。

• 在表現(xiàn)層的視覺實(shí)際中，我們用于吸引用戶的一個主要工具就是對比（contrast）。對比能幫助用戶理解頁面導(dǎo)航元素之間的關(guān)系。在設(shè)計(jì)中需要保持一致性（uniformity）,這使得我們的設(shè)計(jì)可以有效傳達(dá)出信息，并不會致使用戶迷惑。
• 此外需要保持內(nèi)部和外部設(shè)計(jì)的一致性。選擇合適的互補(bǔ)的不沖突的配色方案。并設(shè)計(jì)視覺模型和風(fēng)格指南。
• 表現(xiàn)層是用戶真真切切地可以感受到的產(chǎn)品外在。這是離用戶最近的。在這一層，可以通過設(shè)計(jì)產(chǎn)品的配色方案、排版、對比、風(fēng)格統(tǒng)一，充分研究和使用用戶的感知方式（嗅覺、味覺、觸覺、視覺、聽覺等），將產(chǎn)品的風(fēng)格完整呈獻(xiàn)給用戶。

---

6.核心思想?yún)R總

前文已基本上完成了對五層體驗(yàn)要素的解讀，但還有很多細(xì)節(jié)未能涵蓋在內(nèi),一些關(guān)鍵細(xì)節(jié):

1.要足夠了解用戶，可以通過用戶調(diào)研的一些方法來實(shí)現(xiàn)。

2.產(chǎn)品易于被用戶理解，交互流程符合用戶的習(xí)慣，概念模型沒有歧義，最好做到用戶不思考。

3.開發(fā)產(chǎn)品的每一步，都得考慮用戶的理解和使用場景以及對最終產(chǎn)品的影響。

4.知道要做什么，也要知道不要做什么**(邊界），并排序需求優(yōu)先級**。

5.內(nèi)部產(chǎn)品說明文檔，要具體明確，最好能有數(shù)字指標(biāo)。

6.交互設(shè)計(jì)和信息架構(gòu)要符合用戶的思考方式，特別是直覺。

7.按“用戶的思路”和“支持任務(wù)和目標(biāo)”的方式來分類和排列信息。

8.表現(xiàn)層要為盡可能為用戶提供指引，同時(shí)考慮配色方案、排版和字體。

9.任何一步的設(shè)計(jì)都要圍繞網(wǎng)站目標(biāo)和用戶需求。

---

---

總結(jié)

以上是生活随笔為你收集整理的产品读书《用户体验要素》的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。