|
《用戶體驗(yàn)要素》是美國(guó)AJAX之父Jesse James Garrett的經(jīng)典之作,，被稱為互聯(lián)網(wǎng)入門必讀的書籍,，系統(tǒng)介紹了產(chǎn)品用戶體驗(yàn)設(shè)計(jì)的模型。原作第一版完成于2002年,，距今已經(jīng)16年了,，本書的最初是針對(duì)網(wǎng)頁(yè)設(shè)計(jì)寫作而成，但在這16年間,，從internet到APP再到移動(dòng)互聯(lián)網(wǎng),，這個(gè)理論都能適用，越來越被稱為經(jīng)典,，可見其在當(dāng)下以及可見的未來,，都具有普適性。因此,，學(xué)習(xí)下用戶體驗(yàn)的五要素還是很有必要的,。 用戶體驗(yàn)五要素是將產(chǎn)品設(shè)計(jì)的過程抽象為5個(gè)層次，與此方法論類似的還有計(jì)算機(jī)網(wǎng)絡(luò)的5層協(xié)議,，將復(fù)雜的事物抽象成分層的模型,，能讓人直觀、清晰的獲取其內(nèi)在邏輯,。 圖 1 圖1所示,，就是用戶體驗(yàn)的五層模型，從下往上分別為戰(zhàn)略層、范圍層,、結(jié)構(gòu)層,、框架層和表現(xiàn)層，從下到上,，就是從抽象到具體,，從內(nèi)核到外殼，為了方便記憶,，可以簡(jiǎn)稱為“戰(zhàn),、范、結(jié),、框,、表”。 1.戰(zhàn)略層（strategy） 戰(zhàn)略層,，就是用戶和經(jīng)營(yíng)者分別想從這個(gè)產(chǎn)品中獲得什么,。 用戶想要獲得的,，就是“用戶需求”,，是來自公司或者團(tuán)隊(duì)外部的需求，為了確定用戶需求,，首先要確定產(chǎn)品的target user,。確定產(chǎn)品的目標(biāo)用戶，有以下幾個(gè)步驟： 1）用戶細(xì)分：將用戶分成較小的有共同需求的組（人口統(tǒng)計(jì)學(xué),、消費(fèi)心態(tài)檔案等）,； 2）用戶研究：知道用戶是誰(shuí)（問卷調(diào)查、訪談,、實(shí)地考察,、焦點(diǎn)小組、卡片分類等）,； 3）人物角色：從用戶研究中提取出可以成為樣例的虛擬人物,。 通過使用以上幾個(gè)手法，能確定出用戶的需求,，確定出產(chǎn)品在戰(zhàn)略層的內(nèi)容,。 經(jīng)營(yíng)者想要獲得的，就是“商業(yè)目標(biāo)”,，這是來自公司內(nèi)部的需求,，可以是用戶數(shù)量目標(biāo)、品牌宣傳目的或者盈利目的,?？傊习寤蛘邎F(tuán)隊(duì)想要獲得的，也屬于戰(zhàn)略層的內(nèi)容,。 2. 范圍層（Scope） 范圍層,，就是這個(gè)產(chǎn)品有哪些功能，這個(gè)產(chǎn)品都可以干些什么,。 當(dāng)你把用戶需求和網(wǎng)站目標(biāo)轉(zhuǎn)變成網(wǎng)站應(yīng)該提供給用戶什么樣的內(nèi)容和功能時(shí),，戰(zhàn)略就變成了范圍。根據(jù)范圍層的具體內(nèi)容,，可以將產(chǎn)品分為兩大類：工具型和內(nèi)容型,，或者有的產(chǎn)品兩者兼有。 工具型產(chǎn)品要考慮的是功能規(guī)格,，對(duì)產(chǎn)品的功能組合進(jìn)行詳細(xì)描述,。功能規(guī)格的描述語(yǔ)言應(yīng)該：樂觀、具體,、客觀,。 樂觀：防止做什么，而不是不能做什么,。例如：論壇不允許未登錄用戶發(fā)言->如果用戶發(fā)言時(shí)未登錄,，系統(tǒng)應(yīng)該引導(dǎo)用戶登錄并返回； 具體：盡可能解釋清楚,。例如：論壇發(fā)言需要過濾敏感詞語(yǔ)->發(fā)言中包含附件中詞語(yǔ)的需要替換為*號(hào),，詞庫(kù)可更新； 客觀：避免主觀語(yǔ)氣,。例如：界面的風(fēng)格應(yīng)該是時(shí)尚的->產(chǎn)品外觀應(yīng)該符合企業(yè)品牌AI指南,。 內(nèi)容型產(chǎn)品要考慮的是內(nèi)容需求，對(duì)各種內(nèi)容元素的要求進(jìn)行詳細(xì)描述,。 內(nèi)容可以包括文本,、圖像、音頻,、視頻等,。在確定產(chǎn)品要提供的內(nèi)容后，要根據(jù)用戶需求,、產(chǎn)品目標(biāo)（戰(zhàn)略層的內(nèi)容）和可行性評(píng)定內(nèi)容的優(yōu)先級(jí),。在產(chǎn)品運(yùn)轉(zhuǎn)過程中，要安排日常的運(yùn)維工作,，而內(nèi)容的更新頻率要符合用戶的期望,。因此，內(nèi)容的維護(hù)工作要根據(jù)戰(zhàn)略目標(biāo)來安排,。如：你期望用戶多久訪問一次,？從用戶需求來看,，他們希望多久更新一次。此外,，還要根據(jù)不同用戶準(zhǔn)備不同特性的內(nèi)容,。 3.結(jié)構(gòu)層（Structure） 在收集完用戶需求并將其排列好優(yōu)先級(jí)后，需要將這些分散的片段組成一個(gè)整體,，這就是結(jié)構(gòu)層：創(chuàng)建產(chǎn)品功能和內(nèi)容之間的關(guān)系,。 結(jié)構(gòu)層分為交互設(shè)計(jì)和信息架構(gòu)兩個(gè)大的部分。 交互設(shè)計(jì)是：描述“可能的用戶行為”,，定義“系統(tǒng)如何配合與響應(yīng)”這些用戶行為,。不要讓用戶去適應(yīng)產(chǎn)品，而要讓產(chǎn)品與用戶互相適應(yīng),，預(yù)測(cè)對(duì)方的下一步,。 信息架構(gòu)是：關(guān)注如何將信息表達(dá)給用戶，著重于設(shè)計(jì)組織分類和導(dǎo)航結(jié)構(gòu),，讓用戶容易找到,。 交互設(shè)計(jì)應(yīng)該至少包括概念模型和錯(cuò)誤處理。 信息架構(gòu)有兩種分類體系：從上到下和從下到上,。其結(jié)構(gòu)可以有層級(jí)結(jié)構(gòu),、矩陣結(jié)構(gòu)、自然結(jié)構(gòu)和線性結(jié)構(gòu),。一般來說,，網(wǎng)站都是以上多種結(jié)構(gòu)的綜合，一種結(jié)構(gòu)為主,，其他結(jié)構(gòu)為輔。 1）層級(jí)結(jié)構(gòu) 也稱樹狀結(jié)構(gòu)或中心輻射（hub-and spoke）結(jié)構(gòu),，即節(jié)點(diǎn)與其他相關(guān)節(jié)點(diǎn)之間存在父級(jí)/子級(jí)的關(guān)系,。這種結(jié)構(gòu)最為常見。如圖2 圖2 層級(jí)結(jié)構(gòu) 2）自然結(jié)構(gòu) 不會(huì)遵循任何一致的模式,，適合于探索一系列關(guān)系不明確或者一直在演變的主題,，如鼓勵(lì)用戶自由探險(xiǎn)的某些娛樂網(wǎng)站。但如果用戶下次還需要依靠同樣的路徑去找到同樣的內(nèi)容,，則不太適合,。 圖3 自然結(jié)構(gòu) 3）矩陣結(jié)構(gòu) 通常幫助那些帶著不同需求而來的用戶，使他們能在相同內(nèi)容中,，尋找各自想要的東西,，如：用戶可以選擇通過顏色或尺寸來瀏覽產(chǎn)品。 圖4 矩陣結(jié)構(gòu) 4）線性結(jié)構(gòu) 常常用于小規(guī)模的結(jié)構(gòu),，如單篇文章或?qū)ｎ},；大規(guī)模的結(jié)構(gòu)則被用于限制那些需要呈現(xiàn)的內(nèi)容順序?qū)τ诜嫌脩粜枨蠓浅ｊP(guān)鍵的應(yīng)用程序。 圖5 線性結(jié)構(gòu) 4. 框架層（Skeleton） 框架層決定某個(gè)板塊或按鈕等交互元素應(yīng)該放在頁(yè)面的什么地方。結(jié)構(gòu)層中形成了大量的需求,，框架層中,，我們要更進(jìn)一步地提煉這些需求，確定詳細(xì)的界面外觀,、導(dǎo)航和信息設(shè)計(jì),，使晦澀的結(jié)構(gòu)變得實(shí)在。 在設(shè)計(jì)框架層的內(nèi)容時(shí),，要遵循兩條原則：遵循用戶日常使用習(xí)慣和恰當(dāng)使用生活中的比喻,。 框架層包含界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)三個(gè)方面,。 界面設(shè)計(jì)為用戶提供做某些事的能力,。做界面設(shè)計(jì)時(shí)，要選擇合適的元素,，讓用戶一眼就能看到最重要的東西,。 導(dǎo)航設(shè)計(jì)給用戶提供去某個(gè)地方的能力。做導(dǎo)航設(shè)計(jì)時(shí),，要提供網(wǎng)頁(yè)之間的跳轉(zhuǎn)方法,，傳達(dá)元素與內(nèi)容之間的關(guān)系，傳達(dá)內(nèi)容與頁(yè)面之間的關(guān)系,。 信息設(shè)計(jì)是將想法傳達(dá)給用戶,。信息設(shè)計(jì)是將各種設(shè)計(jì)元素聚合到一起，反映用戶的思路,，支持他們的任務(wù)和目標(biāo),。包括視覺、分組等各個(gè)方面,。 5.表現(xiàn)層（Surface） 表現(xiàn)層是用戶所能看見的一切,，字體的大小，導(dǎo)航的顏色,，整體給人的感覺,。在這一層，內(nèi)容,、功能和美學(xué)匯集到一起來產(chǎn)生一個(gè)最終設(shè)計(jì),，從而滿足其他層面的所有目標(biāo)。 成功的界面設(shè)計(jì)有兩個(gè)特點(diǎn)： 1）他們遵循的是一條流暢的路徑,。用戶在瀏覽過程中有流暢感,，不會(huì)被阻礙。 2）在不需要用太多細(xì)節(jié)來嚇倒用戶的前提下,，為用戶提供有效選擇的,、某種可能的“引導(dǎo)”,。
|
|
|
