最近將Jesse James Garrett的《用戶體驗(yàn)的要素》一書讀了兩遍,做一些簡要的摘錄并添加一些個(gè)人注釋。
當(dāng)然,一本好書絕對(duì)不是簡單的摘要與評(píng)述就能夠體現(xiàn)它所有的精辟的觀念的,在這里只是選擇性的做了記錄,書中還有很多顯而易見的要點(diǎn)并未記錄在此。
以下內(nèi)容中的紅色文字為本人注釋,其它均為原文。
___________________________________________________________
提供優(yōu)質(zhì)的用戶體驗(yàn)是一個(gè)重要的、可持續(xù)的競爭優(yōu)勢。
轉(zhuǎn)化率是一種常用的方式,來衡量用戶體驗(yàn)的效果。
【其實(shí)并不能單純的以轉(zhuǎn)化率來衡量用戶體驗(yàn)效果。因?yàn)檗D(zhuǎn)化率還包括一些其它方面的因素,比如:所提供的信息對(duì)多少人有用?——該書地30頁也提到了這一點(diǎn)!
任何在用戶體驗(yàn)上所做的努力,目的都是為了提高效率。
創(chuàng)建吸引人的、高效的用戶體驗(yàn)的方法被稱為以用戶為中心的設(shè)計(jì)(user-centered design)。
用戶體驗(yàn)的5個(gè)要素:
1.表現(xiàn)層【視覺呈現(xiàn)】
在這個(gè)五層模型的頂端,我們把注意力轉(zhuǎn)移到網(wǎng)站用戶會(huì)首先注意到的那方面:視覺設(shè)計(jì)。這里,內(nèi)容、功能和美學(xué)匯集導(dǎo)一起來產(chǎn)生一個(gè)最終設(shè)計(jì),這將滿足其他四個(gè)層面的所有目標(biāo)。
2.框架層【布局】
在充滿概念的結(jié)構(gòu)層中開始形成了大量的需求,這些需求都是來自我們的戰(zhàn)略目標(biāo)的需求。再框架層,我們要更進(jìn)一步地提煉這些結(jié)構(gòu),確定很詳細(xì)的界面外觀、導(dǎo)航和信息設(shè)計(jì),這能讓晦澀的結(jié)構(gòu)變得更實(shí)在。
3.結(jié)構(gòu)層【交互。如何、可以、應(yīng)該……】
在收集完用戶需求并將其排列好優(yōu)先級(jí)別之后,我們對(duì)于最終產(chǎn)品將會(huì)包括什么特性已經(jīng)有了清楚的圖像。然而,這些需求并沒有說明如何將這些分散的片段組成一個(gè)整體。這就是范圍層的上面一層:為網(wǎng)站創(chuàng)建一個(gè)概念結(jié)構(gòu)。
4.范圍層【對(duì)需求的整合】
帶著“我們想要什么”、“我們的用戶想要什么”的明確認(rèn)識(shí),我們就能弄清楚如何去滿足所有這些戰(zhàn)略的目標(biāo)。當(dāng)你把用戶需求和網(wǎng)站目標(biāo)轉(zhuǎn)變成網(wǎng)站應(yīng)該提供給用戶什么樣的內(nèi)容和功能時(shí),戰(zhàn)略就變成了范圍。
5.戰(zhàn)略層【自身目標(biāo)與用戶需求】
成功的用戶體驗(yàn),起基礎(chǔ)是一個(gè)被明確表達(dá)的“戰(zhàn)略”。知道企業(yè)與用戶雙方對(duì)網(wǎng)站的期許和目標(biāo),有助于確立用戶體驗(yàn)各方面戰(zhàn)略的制定。
如果想在開始“較高層面”設(shè)計(jì)之前,要完全確定“較低層面”的話,幾乎可以肯定的是,你已經(jīng)把你的項(xiàng)目日程——也許是你最終產(chǎn)品的成功——扔進(jìn)了一個(gè)危險(xiǎn)的境地之中。
要求每個(gè)層面的工作再下一層面可以開始之前完成,會(huì)導(dǎo)致你和你的用戶都不滿意的結(jié)果。
一個(gè)更好的方法是讓每一個(gè)層面的工作在下一個(gè)層面可以結(jié)束之前完成。
用戶不僅僅為了體驗(yàn)導(dǎo)航的樂趣而訪問網(wǎng)站。你可以得到的內(nèi)容(或你有資源去得到和管理的內(nèi)容)將在你的網(wǎng)站中扮演一個(gè)非常重要的角色。
當(dāng)前難以滿足的需求,可以成為啟動(dòng)下一個(gè)版本的基礎(chǔ),這樣就能形成一個(gè)不斷循環(huán)的開發(fā)過程。
【在項(xiàng)目進(jìn)行到中后期就要針對(duì)時(shí)間與進(jìn)度而慎重考慮哪些功能不需要馬上實(shí)現(xiàn),而是將它們作為下一個(gè)版本的基礎(chǔ)功能】
讓一個(gè)工程師、一個(gè)客服人員、一個(gè)營銷人員坐到一間會(huì)議室中談?wù)撏粋(gè)網(wǎng)站,這會(huì)對(duì)大家都有啟發(fā)意義。聽取各方從自己熟悉的角度出發(fā)來考慮的、對(duì)于網(wǎng)站的觀點(diǎn)——并給于反饋——可以鼓勵(lì)人們從不同的角度來思考開發(fā)中的網(wǎng)站遇到的問題以及解決辦法。
【這與我之前的想法有出入。仔細(xì)想想這樣做還是有必要的。雖然再這個(gè)過程中,一定會(huì)出現(xiàn)類似“我覺得這個(gè)換成紅色好看點(diǎn)”、“這個(gè)太大了”、“那個(gè)太小了”這樣主觀性的評(píng)論,但是我們可以忽視,而重點(diǎn)考慮那些有實(shí)際意義的建議!
信息架構(gòu)著重于設(shè)計(jì)組織分類和導(dǎo)航的結(jié)構(gòu),從而讓用戶可以提高效率、有效地瀏覽網(wǎng)站的內(nèi)容。
成功的用戶體驗(yàn)就是能事先知道用戶的期望。
【當(dāng)我們了解用戶所期望的是什么之后,再來定制信息的組織方式,將會(huì)讓產(chǎn)品的體驗(yàn)邁上一個(gè)新臺(tái)階!
既使結(jié)構(gòu)完全準(zhǔn)確地代表了用戶對(duì)網(wǎng)站的理解,用戶也仍然無法在結(jié)構(gòu)中找到他們想走的路,這是因?yàn)樗麄儫o法了解你的命名原則(nomenclature):描述、標(biāo)簽和網(wǎng)站使用的其他術(shù)語。
【有時(shí)候,你不需要自己創(chuàng)造一些與眾不同的新詞匯,否則會(huì)讓 用戶感到迷惑!
文檔一定要描述清楚網(wǎng)站的結(jié)構(gòu)——從命名原則和元數(shù)據(jù)的具體細(xì)節(jié),到信息架構(gòu)和交互設(shè)計(jì)的整體概況——根據(jù)項(xiàng)目復(fù)雜度的不同,可以有很大的不同。
視覺化地呈現(xiàn)結(jié)構(gòu),對(duì)我們而言,這是表述“分支、群組、組件之間的聯(lián)系”的一種最高效的方式。
讓你的界面和你的用戶已經(jīng)熟悉的那些習(xí)慣保持一致很重要,但是更重要的是,讓你的界面與它自身保持一致。
避免比喻,就是要減少對(duì)用戶在“理解和使用網(wǎng)站功能”時(shí)對(duì)心理的要求。
在視覺設(shè)計(jì)中,我們用于吸引用戶注意的一個(gè)主要工具就是對(duì)比(contrast)。
把用戶的注意力吸引到界面中的關(guān)鍵部分,對(duì)比是一個(gè)重要手段,能幫助用戶理解頁面導(dǎo)航元素之間的關(guān)系。同時(shí),對(duì)比還是傳達(dá)信息設(shè)計(jì)中的概念群組的主要手段。
在設(shè)計(jì)中保持一致性(uniformity)是另一個(gè)重要的組成部分,它能使你的設(shè)計(jì)有效地傳達(dá)信息,而不會(huì)導(dǎo)致用戶迷惑或焦慮!耙恢滦浴痹谝曈X設(shè)計(jì)的許多不同方面都會(huì)起到作用。
一個(gè)成功的設(shè)計(jì)不僅僅是收集小巧的、精心設(shè)計(jì)的東西;相反,這些東西應(yīng)該能形成一個(gè)系統(tǒng),作為一個(gè)有凝聚力、連貫的整體來使用。
大部分時(shí)候,關(guān)于用戶體驗(yàn)的決策總會(huì)體現(xiàn)在以下這些場景之中:
1.由現(xiàn)狀決定的設(shè)計(jì)(design by default)。
2.由模仿決定的設(shè)計(jì)(design by mimicty)。
3.由領(lǐng)導(dǎo)決定的設(shè)計(jì)(design by fiat)。
很多時(shí)候,你必須在不同的做法之間作出妥協(xié)并評(píng)估利弊以及進(jìn)行取舍。
有意識(shí)、有目的地做出每一個(gè)決定,并在執(zhí)行時(shí)將每一個(gè)決定都建立在對(duì)其背后的議題的理解之上。
很多人提倡將用戶測試作為確保良好的用戶體驗(yàn)的一個(gè)主要手段。但是測試永遠(yuǎn)無法取代一個(gè)考慮周密的、準(zhǔn)備充分的用戶體驗(yàn)設(shè)計(jì)過程。