用戶體驗(yàn)五要素

用戶體驗(yàn)要素這本書呢，相信每位做產(chǎn)品的同學(xué)都看過，我也不例外。

這本書前前后后我看了三遍，每次帶著不一樣的目的，但都有不一樣的收獲，能多次帶來新啟迪的書，可想這真是本神奇的書。

回到主題，為啥今天講這本書呢？有兩個原因吧

• 它是搭建產(chǎn)品框架的方法論。前面我們說過產(chǎn)品線的方法論，將產(chǎn)品線下沉一個維度，就是單獨(dú)的產(chǎn)品，每個產(chǎn)品有自己的框架，這五要素就是描述產(chǎn)品框架的。
• 它能夠在很多方面適用。用戶體驗(yàn)要素提煉的典型思考模式，不僅適用產(chǎn)品設(shè)計(jì)，更適用于產(chǎn)品設(shè)計(jì)對應(yīng)的工作和產(chǎn)品管理，具有很強(qiáng)的指導(dǎo)意義。有了這套框架，可以組織更多產(chǎn)品節(jié)點(diǎn)上的方法論。

話不多說，進(jìn)入主題。

體驗(yàn)要素五層次

以上即為五要素，我以倒序的方式，簡單做個介紹：

1. 戰(zhàn)略層：
   戰(zhàn)略層包含兩點(diǎn)：
   a、戰(zhàn)略目標(biāo)：“商業(yè)目標(biāo)“，“產(chǎn)品模型”和“商業(yè)模式”
   b、用戶需求：來自用戶的需求反饋

2. 范圍層：
   a、用戶故事：用戶畫像以及用戶故事
   b、定義需求：內(nèi)容清單以及功能規(guī)格說明
   c、需求優(yōu)先級排序

3. 結(jié)構(gòu)層：
   a、交互設(shè)計(jì)：可能的用戶行為和系統(tǒng)如何給予用戶反饋
   b、信息結(jié)構(gòu)：如何將信息表達(dá)給用戶，頁面順序

4. 框架層：
   a、界面設(shè)計(jì)：頁面布局和界面類控件
   b、導(dǎo)航設(shè)計(jì)：全局、局部、輔助導(dǎo)航、友好導(dǎo)航等
   c、信息設(shè)計(jì)：具體頁面上的信息展示

5. 表現(xiàn)層：
   a、感官設(shè)計(jì)：實(shí)現(xiàn)其他四個層面表現(xiàn)需要，滿足產(chǎn)品調(diào)性和用戶審美

戰(zhàn)略層代表了公司對于產(chǎn)品的業(yè)務(wù)規(guī)劃。

首先，從公司角度考慮，戰(zhàn)略目標(biāo)是首要目標(biāo)，其中主要是商業(yè)目標(biāo)，即“產(chǎn)品的商業(yè)目標(biāo)是什么”。

商業(yè)目標(biāo)用我以前做的戰(zhàn)盟充值點(diǎn)來舉個栗子：我們要在戰(zhàn)盟游戲平臺上做一個充值戰(zhàn)盟點(diǎn)的功能，戰(zhàn)盟點(diǎn)是多益網(wǎng)絡(luò)游戲的通用虛擬貨幣，為用戶提供游戲外的充值通道，同時達(dá)到戰(zhàn)盟游戲平臺的盈利目的。

如果，是從0到1的產(chǎn)品，則需要考慮的不僅商業(yè)目標(biāo)，還有“產(chǎn)品模型”以及“商業(yè)模式”。

產(chǎn)品模型即分析出用戶為什么要用你的產(chǎn)品，即產(chǎn)品紙上邏輯是否完整，兩個主要的問題是：用戶是否有需求？理想中的產(chǎn)品能否滿足用戶的需求？

商業(yè)模式即產(chǎn)品起初就要考慮如何用給用戶提供的服務(wù)換取酬勞，即商業(yè)方面的價值，另一種說法就是賺錢的可能，離錢越近就越賺錢?！霸趺促嶅X”這是實(shí)實(shí)在在的關(guān)鍵問題。

范圍層主要是需求范圍，針對需求分析和處理。

當(dāng)戰(zhàn)略層確定后，就能夠得到用戶需求了。這時候，需要做的就是將用戶需求進(jìn)行分析和處理，得到可用的產(chǎn)品需求。（用戶需求代表的是用戶的利益，得到來自用戶的需求后，經(jīng)過去偽存真以及基于戰(zhàn)略層的分析，得到對產(chǎn)品有價值的需求，即產(chǎn)品和公司的利益，這就是產(chǎn)品需求）

需求的范圍確定后，基于公司的產(chǎn)品開發(fā)模式，會有不同的文檔產(chǎn)出。但是歸結(jié)為對產(chǎn)品需求的描述，即需求文檔，里面包括原型文檔和規(guī)格說明。

規(guī)格說明的注意點(diǎn)：

1.需求背景敘述。向項(xiàng)目各個干系人知會需求背景，達(dá)到價值觀和目標(biāo)一致。
2.邏輯清晰。將所有的邏輯描述完整，用語通俗易懂。
3.全面完整。不缺少模塊頁面
4.描述具體。反例：banner位多圖輪播展示。正確打開方式：banner位最多三張圖，最少0張。0張時banner位收起，不顯示，當(dāng)1張時，banner靜態(tài)顯示，當(dāng)2-3張時，輪播顯示，輪播時間2s，交互效果：從右劃入，從左劃出。

結(jié)構(gòu)層主要集中兩個方面，一是功能邏輯結(jié)構(gòu)的交互設(shè)計(jì)，淺顯理解可以認(rèn)為是頁面交互，或是功能操作順序。二是信息架構(gòu)，代表信息的組織邏輯。

結(jié)構(gòu)層的交互設(shè)計(jì)并不是頁面上炫酷的顯示效果，甚至說不關(guān)乎UI界面設(shè)計(jì)，更多的是頁面與頁面之間的組織關(guān)系，頁面與頁面的交互，可以說是產(chǎn)品整體的邏輯。

當(dāng)進(jìn)行交互設(shè)計(jì)的時候，更多的是考慮實(shí)際業(yè)務(wù)，業(yè)務(wù)所適合的是什么交互方式，用戶對于此業(yè)務(wù)具備怎么樣的認(rèn)知。例如我曾經(jīng)做事務(wù)考核類系統(tǒng)的時候，結(jié)合實(shí)際的線下考核流程設(shè)計(jì)表單的形式，成功構(gòu)建了“自評發(fā)起->...各級評價...->...各級審核...->提交結(jié)果”的系統(tǒng)流程。又或者是經(jīng)典的案例，電商都模擬的線下的購買體驗(yàn)，例如購物車的啟發(fā)點(diǎn)。

信息架構(gòu)需要重視“組織原則”以及“結(jié)構(gòu)化方法”

• 組織原則要考慮信息要與戰(zhàn)略層的產(chǎn)品定位對應(yīng)，并且識別出重要信息，講信息按照重要程度展示在用戶面前。
• 結(jié)構(gòu)化方法即表示信息怎樣結(jié)構(gòu)展示，這部分可以通過體驗(yàn)產(chǎn)品以及網(wǎng)上查閱相關(guān)分享，目前最常見的是層級式結(jié)構(gòu)，其余還有矩陣結(jié)構(gòu)、自然結(jié)構(gòu)、線性結(jié)構(gòu)。還有結(jié)構(gòu)化一定要考慮長遠(yuǎn)，要具備未來成長的適應(yīng)能力。

框架層包含界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)及信息設(shè)計(jì)。

界面設(shè)計(jì)：即微觀的交互設(shè)計(jì)，讓用戶在頁面內(nèi)，一眼就能看到和使用到最重要的東西，可以理解為具體界面的布局和交互。例如，網(wǎng)頁設(shè)計(jì)的基本視覺原則，就是從上之下，從左至右，這是人的視覺焦點(diǎn)移動規(guī)律，網(wǎng)頁界面設(shè)計(jì)即遵循此原則。

導(dǎo)航設(shè)計(jì)：實(shí)現(xiàn)跳轉(zhuǎn)、傳達(dá)各導(dǎo)航按鈕和它們所包含內(nèi)容的關(guān)系，傳達(dá)導(dǎo)航內(nèi)容和當(dāng)前閱覽頁之間的關(guān)系。遵守的宗旨是“讓用戶知道，我從哪里來，我在哪里，可以去哪里”。

信息設(shè)計(jì)：信息設(shè)計(jì)即頁面上的信息展示，它和信息架構(gòu)的區(qū)別，是“信息架構(gòu)相當(dāng)于整體架構(gòu)，具備一個個的節(jié)點(diǎn)，就是對應(yīng)的頁面，而信息設(shè)計(jì)就是這些節(jié)點(diǎn)上的信息”。然后，在頁面內(nèi)，按照用戶需求的優(yōu)先級，將信息按優(yōu)先級排列。

表現(xiàn)層即以上四層的綜合表現(xiàn)，以上每一層的要求都要在表現(xiàn)層上表現(xiàn)出來，這是用戶最直接接觸到的一層。

表現(xiàn)層的注意點(diǎn)：

• 延續(xù)上層確立的產(chǎn)品思路，并給予相應(yīng)的視覺效果支持。例如戰(zhàn)略層的品牌形象。
• 依據(jù)需求重要程度，加強(qiáng)各個模塊之間的區(qū)分。
• 依據(jù)需求，設(shè)計(jì)用戶的瀏覽軌跡最為流暢，各個元素不會分散用戶注意力，視覺引導(dǎo)用戶去完成他們的目標(biāo)任務(wù)。例如：我在做戰(zhàn)盟充值點(diǎn)的時候，在充值界面放上了游戲介紹banner，被主策指出錯誤，不應(yīng)該干擾用戶充值操作，很有可能打斷用戶操作帶來損失。
• 內(nèi)部視覺設(shè)計(jì)的一致性。產(chǎn)品整體需要一致的視覺體驗(yàn)，調(diào)性一致。

用戶體驗(yàn)五要素的思想，作為最實(shí)用的產(chǎn)品架構(gòu)的思維模式，希望本篇簡單的介紹，能讓你對用戶體驗(yàn)要素有更充分的認(rèn)識。

本文作為“產(chǎn)品線”的后續(xù)，介紹產(chǎn)品整體的思維方式，后續(xù)我將會根據(jù)實(shí)際產(chǎn)品的“搭建”方式來寫產(chǎn)品分享。從產(chǎn)品最初的戰(zhàn)略及需求，到最后的產(chǎn)品上線，這是個很漫長的過程，咱們后面慢慢聊。

想要更多干貨分享就快來關(guān)注我的個人公眾號吧??！
花名：饅頭
個人公眾號：我是饅頭
座右銘：博學(xué)之，審問之，慎思之，明辨之，篤行之