讀書筆記 |《用戶體驗(yàn)的要素》

用戶體驗(yàn)的整個(gè)開發(fā)過程要考慮到用戶有可能采取的每一個(gè)行動(dòng)的每一種可能性,并且去理解在這個(gè)過程的每一個(gè)步驟中用戶的期望值。

那實(shí)際如何做?可以把用戶體驗(yàn)分成5個(gè)層面。

表現(xiàn)層(surface)

在表現(xiàn)層,看到的是一系列網(wǎng)頁,由圖片和文字組成。有些是可以點(diǎn)擊的,從而執(zhí)行某些功能。

框架層(skeleton)

在表現(xiàn)層之下是網(wǎng)站的框架層:按鈕、表格、照片和文本區(qū)域的位置。框架層用于優(yōu)化設(shè)計(jì)布局,以達(dá)到這些元素的最大效果和效率。

結(jié)構(gòu)層(structure)

與框架層相比更抽象的是結(jié)構(gòu)層,框架則是結(jié)構(gòu)的具體表達(dá)方式。

框架層確定了我們的結(jié)賬頁面上交互元素的位置;而結(jié)構(gòu)層則用來設(shè)計(jì)用戶如何到達(dá)某個(gè)頁面,并且在他們做完事情之后能去什么地方。

框架層定義了導(dǎo)航條上各項(xiàng)的排列方式,允許用戶可以瀏覽書籍的不同類別;結(jié)構(gòu)層則確定哪些類別應(yīng)該出現(xiàn)在那里。

范圍層(scope)

結(jié)構(gòu)層確定網(wǎng)站各種特性和功能的最合適的組合方式,而這些特性和功能就構(gòu)成了網(wǎng)站的范圍層。一個(gè)功能是否應(yīng)該成為網(wǎng)站的功能之一,就屬于范圍層要解決的問題。

戰(zhàn)略層(strategy)

網(wǎng)站的范圍基本上是由網(wǎng)站戰(zhàn)略層所決定的。戰(zhàn)略不僅包括企業(yè)想從網(wǎng)站得到什么(商業(yè)目標(biāo)),還包括用戶想從網(wǎng)站得到什么(用戶目標(biāo))。

自下而上地建設(shè)

每一個(gè)層面都是根據(jù)下面那個(gè)層面來決定的。在每一個(gè)層面的決定都會(huì)影響到它之上層面的可用選項(xiàng)。當(dāng)較高層面中選擇一個(gè)界限之外的選項(xiàng)將會(huì)促成對較低層面決策的重新評估。決策是雙向的,并不是項(xiàng)目開始就完全確定較低層面。


戰(zhàn)略層(網(wǎng)站目標(biāo)和用戶需求)

定義:明確企業(yè)與用戶雙方對網(wǎng)站的期許和目標(biāo)。

1、分析網(wǎng)站的商業(yè)目標(biāo)、品牌識別、成功標(biāo)準(zhǔn);

2、分析用戶需求、用戶細(xì)分,進(jìn)行可用性和用戶研究(問卷調(diào)查、焦點(diǎn)小組、用戶建模、現(xiàn)場調(diào)查、用戶測試)

用戶建模舉例:

做一個(gè)為剛開始創(chuàng)業(yè)的人提供信息的網(wǎng)站。從研究中得出,用戶年齡在30~45歲,普遍傾向于對互聯(lián)網(wǎng)與計(jì)算機(jī)有相當(dāng)高的適應(yīng)程度。分析后應(yīng)該創(chuàng)建兩個(gè)人物角色:

第一種:在商業(yè)領(lǐng)域已有很多經(jīng)驗(yàn)的用戶


第二種:第一次自己經(jīng)營這樣的商務(wù)活動(dòng)

3、將網(wǎng)站目標(biāo)和用戶需求撰寫到一個(gè)正式的戰(zhàn)略文檔。


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

我們做的某些事是因?yàn)槠溥^程具有價(jià)值,比如慢跑;而有些事是因?yàn)槠洚a(chǎn)品具有價(jià)值,比如做一塊蛋糕。定義項(xiàng)目范圍就包括了這兩方面:一個(gè)有價(jià)值的過程導(dǎo)致一個(gè)有價(jià)值的產(chǎn)品。

1、定義產(chǎn)品的范圍,并撰寫成文檔:

1)功能性軟件:創(chuàng)建功能規(guī)格,對產(chǎn)品的功能進(jìn)行詳細(xì)描述;

2)信息性網(wǎng)站:內(nèi)容需求規(guī)劃,對內(nèi)容元素進(jìn)行詳細(xì)描述。

2、收集需求的方式:

1)集合項(xiàng)目相關(guān)的所有人員(市場、服務(wù)、開發(fā)、設(shè)計(jì)、管理層),聽取各方從自己熟悉的角度出發(fā)來考慮的問題以及解決辦法;

2)場景設(shè)計(jì):模擬一個(gè)個(gè)小場景,想象用戶將會(huì)經(jīng)歷的過程,找到潛在需求;

3)競爭分析:從競爭對手那也可以得到一些啟示,看他們?nèi)绾螜?quán)衡調(diào)整和我們相似的問題。

3、功能規(guī)格的撰寫規(guī)則:

1)樂觀:描述系統(tǒng)可以做什么以防止不好的情況發(fā)生;

2)具體:盡可能詳細(xì)地解釋清楚狀況,來判斷需求是否能被實(shí)現(xiàn);

3)避免主觀描述:保持明確,避免歧義的描述;

4)量化:用量化定義需求。

4、內(nèi)容需求規(guī)劃注意:

1)大致規(guī)模預(yù)估:文本字?jǐn)?shù)、圖片尺寸、更新頻率等;

2)盡早確定負(fù)責(zé)人員:考慮是否可運(yùn)營。

5、確定需求優(yōu)先級:

1)是否滿足戰(zhàn)略目標(biāo)(網(wǎng)站目標(biāo)和用戶需求);

2)實(shí)現(xiàn)需求的可行性(技術(shù)局限、內(nèi)容運(yùn)營局限、時(shí)間限制)。


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

1、結(jié)構(gòu)層定義:

1)交互設(shè)計(jì):關(guān)注于描述“可能的用戶行為”,同時(shí)定義“系統(tǒng)如何配合與響應(yīng)”這些用戶行為。

2)信息架構(gòu):著重于設(shè)計(jì)組織分類和導(dǎo)航的結(jié)構(gòu),讓用戶可以高效地瀏覽網(wǎng)站的內(nèi)容。分類體系的建立方法:

從下到上的架構(gòu)方法

(如上圖)這種方法是根據(jù)“內(nèi)容和功能需求的分析”而來,先把已有的所有內(nèi)容,放在最低層級分類中,然后再將他們分別歸屬到較高一級的類別。這種方法需要設(shè)計(jì)師本身有一定的信息篩選、梳理、分類能力,還要通過用戶測試去檢驗(yàn)分類的信息傳達(dá)有效性。

從上到下的架構(gòu)方法

(如上圖)這種方法從“戰(zhàn)略層”(產(chǎn)品目標(biāo))出發(fā)去考慮內(nèi)容分類,從最廣泛、可能滿足決策目標(biāo)的內(nèi)容與功能開始進(jìn)行分類,然后再按邏輯細(xì)分出次級分類,最后將需要的內(nèi)容和功能按順序歸類即可。

實(shí)際應(yīng)用中,多以兩種方法結(jié)合起來使用。

2、結(jié)構(gòu)方法

1)層級結(jié)構(gòu):節(jié)點(diǎn)與其他相關(guān)節(jié)點(diǎn)之間存在父級和子級的關(guān)系。

2)矩陣結(jié)構(gòu):允許用戶在節(jié)點(diǎn)與節(jié)點(diǎn)之間沿著兩個(gè)或更多的維度移動(dòng),適合“帶著不同需求而來的用戶”。

3)自然結(jié)構(gòu):沒有太強(qiáng)分類概念,適合探索性產(chǎn)品。

4)線性結(jié)構(gòu):適用于書、文章、音像、錄像以及教學(xué)資料。

3、組織原則

即決定哪些節(jié)點(diǎn)組成一組,哪些節(jié)點(diǎn)保持獨(dú)立的標(biāo)準(zhǔn)。

比如:新聞網(wǎng)站常以【時(shí)間順序】作為最顯著的組織原則;再下個(gè)層級,體育新聞網(wǎng)站內(nèi)容會(huì)以【不同運(yùn)動(dòng)項(xiàng)目】的組織原則來劃分。

4、語言和元數(shù)據(jù)

網(wǎng)站上要使用用戶的語言并且保持一致性

5、團(tuán)隊(duì)角色和流程

網(wǎng)站架構(gòu),可視化呈現(xiàn)結(jié)構(gòu)分類及組織的方式。


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

1、定義:界面設(shè)計(jì)考慮可交互元素的布局,導(dǎo)航設(shè)計(jì)考慮在網(wǎng)站中引導(dǎo)用戶移動(dòng)的元素的安排,信息設(shè)計(jì)則考慮傳達(dá) 用戶的信息要素的安排。

2、界面設(shè)計(jì):好的界面設(shè)計(jì)應(yīng)符合大部分用戶的行為,讓用戶完成目標(biāo)的過程變得容易。

3、導(dǎo)航設(shè)計(jì):清晰地告訴用戶“他們在哪兒”以及“他們能去哪兒”。

常見導(dǎo)航分類:

(1)全局導(dǎo)航:可以到達(dá)網(wǎng)站任意頁面
(2)局部導(dǎo)航:只提供一個(gè)頁面的上下級通路
(3)輔助導(dǎo)航:在不用改變結(jié)構(gòu)的基礎(chǔ)上,提供快捷途徑
(4)上下文導(dǎo)航:嵌入頁面內(nèi)容的導(dǎo)航,如文本超鏈接

(5)友好導(dǎo)航:提供用戶通常不需要,但作為一種便利的途徑來使用的,如頂部導(dǎo)航。


線框圖:綜合界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)


表現(xiàn)層(視覺設(shè)計(jì))

評估視覺設(shè)計(jì)的簡單方法:

用戶第一時(shí)間注意到的地方是否就是他們(或你)想要的目標(biāo)?

用戶瀏覽的路徑是否流暢,還是在各種元素間跳來跳去?

是否提供了有效的引導(dǎo)?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容