《用戶體驗的要素》讀后感

1、用戶體驗的要素讀后感正如用戶體驗的要素這本書的封面上幾位著名作家所說，jesse james gamrrett把一個能給使用我們的網(wǎng)站的人們帶來高質(zhì)量體驗的復(fù)雜的流程變得清晰明，他解析并模型化了原因和概念的問題，并揭露出那些常常是帶有深奧的技術(shù)外衣的問題的本質(zhì)，使整個混亂的用戶體驗設(shè)計領(lǐng)域變得明晰。這本書不僅講述web用戶體驗，更系統(tǒng)的詮釋了網(wǎng)站設(shè)計的整個流程，談?wù)摿司W(wǎng)站建設(shè)過程中需要考慮的各種因素。我們需要考慮到用戶有可能采取的每一個行動的每一種可能性，并且去理解在這個過程的每一個步驟中用戶的期望值。書中把設(shè)計用戶體驗的工作分解成五個組成要素，形成五層模型，由下至上分別為：戰(zhàn)略層、范圍層、結(jié)

2、構(gòu)層、框架層和表現(xiàn)層。這五層形成了網(wǎng)站設(shè)計開發(fā)的完整流程，為網(wǎng)站項目的順利實施提供了保障。以下簡單概括一下這五層： 一、戰(zhàn)略層：戰(zhàn)略層指網(wǎng)站目標(biāo)與用戶需求，即我們要從這個網(wǎng)站得到什么和我們的用戶要從這個網(wǎng)站得到什么，明確了這兩點，整個網(wǎng)站就有了方向。二、范圍層：范圍層討論的是網(wǎng)站應(yīng)該給用戶提供什么樣的內(nèi)容和功能。在明確我們想要什么和用戶想要什么的基礎(chǔ)上，接下來要思考是如何去滿足這些目標(biāo)，收集用戶需求并按優(yōu)先級排列好。三、結(jié)構(gòu)層：結(jié)構(gòu)層包括交互設(shè)計和信息架構(gòu)，在對于最終產(chǎn)品有了清楚的圖像之后，我們需要把這些分散的片段組成一個整體，為網(wǎng)站創(chuàng)建一個概念結(jié)構(gòu)，并用架構(gòu)圖把它記錄下來。四、框架層：框架層

3、包含界面設(shè)計、導(dǎo)航設(shè)計和信息設(shè)計。結(jié)構(gòu)層中創(chuàng)建了網(wǎng)站的概念結(jié)構(gòu)，在框架層，需要進(jìn)一步提煉這些結(jié)構(gòu)，確定很詳細(xì)的界面外觀和導(dǎo)航，讓虛擬的結(jié)構(gòu)變得更實在。確定好頁面布局后，用一個文檔詳細(xì)的記錄它們，即線框圖，為以后的視覺設(shè)計和網(wǎng)站實施提供參考。待添加的隱藏文字內(nèi)容3五、表現(xiàn)層：表現(xiàn)層即視覺設(shè)計，在五層模型的頂端，集內(nèi)容、功能、美學(xué)于一體產(chǎn)生一個最終設(shè)計，這將滿足其它四個層面的所有目標(biāo)。成功的用戶體驗，其基礎(chǔ)是一個被明確表達(dá)的“戰(zhàn)略”。知道企業(yè)與用戶雙方對網(wǎng)站的期許和目標(biāo)，有助于確立用戶體驗各方面戰(zhàn)略的制定。帶著“我們想要什么”，“我們的用戶想要什么”的明確認(rèn)識，我們就能弄清楚如何去滿足所有這些戰(zhàn)略

4、的目標(biāo)。當(dāng)你把用戶需求和網(wǎng)站目標(biāo)變成網(wǎng)站應(yīng)該提供給用戶什么樣的內(nèi)容和功能時，戰(zhàn)略就變成了范圍。在收集完用戶需求并將其排列好優(yōu)先級別之后，我們對于最終產(chǎn)品將會包括什么特性已經(jīng)有了清楚的圖像。然而，這些需求并沒用說明如何將這些分散的片段組成一個集體。這就是范圍層的上面一層：為網(wǎng)站創(chuàng)建一個概念結(jié)構(gòu)。在充滿概念的結(jié)構(gòu)層中開始形成了大量的需求，這些需求都是來自我們的戰(zhàn)略目標(biāo)的需求。在框架層，我們需要進(jìn)一步地提煉這些結(jié)構(gòu)，確定很詳細(xì)的界面外觀、導(dǎo)航和信息設(shè)計，這能讓晦澀的結(jié)構(gòu)變得更實在。在這個五層模型的頂端，我們把注意力轉(zhuǎn)移到網(wǎng)站用戶會首先注意到的那方面：視覺設(shè)計。這里，內(nèi)容、功能和美學(xué)匯集到一起來產(chǎn)生一

5、個最終設(shè)計，這將滿足其他四個層面的所有目標(biāo)。這五層應(yīng)該按部就班的完成，每一層都應(yīng)該以上一層作為基礎(chǔ)，每一層都應(yīng)該認(rèn)真的對待。我們在設(shè)計網(wǎng)站的時候，往往過多的把精力放在框架層和表現(xiàn)層，而對戰(zhàn)略層、范圍層和結(jié)構(gòu)層重視不夠，甚至完全忽略。基本沒有做前期的分析，沒有去分析用戶特征和需求，沒有完全弄明白網(wǎng)站的目標(biāo)是什么，沒有仔細(xì)去思考網(wǎng)站的概念結(jié)構(gòu)，也沒有對頁面的布局結(jié)構(gòu)進(jìn)行系統(tǒng)的分析，往往是粗略的整理一下，畫個線框圖，設(shè)計師就據(jù)此開始設(shè)計，風(fēng)格往往由設(shè)計師的個人喜好決定，有時過分強(qiáng)調(diào)外觀設(shè)計而忽略了其它方面，做出來的網(wǎng)站總是很多地方不盡人意，接著就是反復(fù)的修改，就這樣，因為省去前期的幾個步驟，導(dǎo)致后來

6、花費更長的時間，而且還達(dá)不到預(yù)期的效果，得不到好的用戶體驗。所以，設(shè)計開發(fā)一個網(wǎng)站必須要遵循一定的步驟，按部就班的進(jìn)行。第一步，要明確網(wǎng)站的目標(biāo)，既要清楚自己想從網(wǎng)站得到什么，也要明白網(wǎng)站能為用戶提供什么，這是網(wǎng)站的方向，如果這兩點都無法確定，以后的工作將無從談起。確定目標(biāo)也不能過于草率，而要做相應(yīng)的調(diào)查分析，分析目標(biāo)用戶的特征，做一些可行用研究。確定網(wǎng)站目標(biāo)和用戶需求之后還要把這些內(nèi)容寫成戰(zhàn)略文檔，供團(tuán)隊的每個成員閱讀，這是整個網(wǎng)站開發(fā)的起點。第二步，在明確目標(biāo)的基礎(chǔ)上，弄清楚如何去滿足這些戰(zhàn)略目標(biāo)，確定網(wǎng)站應(yīng)該給用戶提供什么樣的內(nèi)容和功能。收集用戶需求，并對此進(jìn)行分析整理，確定需求的優(yōu)先級

7、。第三步，將收集的用戶需求組成一個整體，形成網(wǎng)站的概念結(jié)構(gòu)，設(shè)計信息架構(gòu)，創(chuàng)建分類體系和導(dǎo)航結(jié)構(gòu)，并繪制文檔示意圖，即架構(gòu)圖，一個完整定義，結(jié)構(gòu)明確的架構(gòu)圖，會減少以后頻繁檢查維護(hù)的工作量。第四步，確定詳細(xì)的界面設(shè)計、導(dǎo)航設(shè)計和信息設(shè)計，進(jìn)而確定具體的頁面布局，繪制出頁面示意圖，這個示意圖將描述頁面中所有的組成部分和他們的結(jié)合方式，為以后的視覺設(shè)計和網(wǎng)站實施提供依據(jù)。最后一步，視覺設(shè)計，把頁面示意圖的內(nèi)容在視覺上呈現(xiàn)出來，這涉及到風(fēng)格、配色、排版等一些美術(shù)方面的問題。最后還要寫好風(fēng)格指南，確定每一個頁面的全局標(biāo)準(zhǔn)，包括配色方案、字體標(biāo)準(zhǔn)、標(biāo)志應(yīng)用等等，目的是在以后的修改中保持風(fēng)格的統(tǒng)一。在策劃

8、建設(shè)大型網(wǎng)站的時候，遵循這樣的流程按部就班的進(jìn)行，能讓整個項目有章可循。而設(shè)計一些小網(wǎng)站時（比如企業(yè)網(wǎng)站），有人就會認(rèn)為沒必要這么復(fù)雜，其實不然，不管網(wǎng)站大小如何，其流程都應(yīng)該是一致的，五個層面的問題都應(yīng)該去仔細(xì)思考。比如一個企業(yè)網(wǎng)站，網(wǎng)站目的是展示形象還是提供信息或是二者兼具？企業(yè)的用戶群是年輕人還是老人？有何特征？網(wǎng)站需要哪些欄目？采用何種布局？風(fēng)格是什么等等。也許沒必要聘請龐大的團(tuán)隊去分析策劃，沒必要為每一步撰寫文檔，但是每個層面的問題在心里都必須非常清楚，必須經(jīng)過認(rèn)真的思考。這本書對于網(wǎng)站建設(shè)流程的規(guī)范和用戶體驗需要考慮的要素描述得很詳細(xì)，也概括得很簡潔。讀完之后受益匪淺，讓我銘記的是

9、，在以后的網(wǎng)站設(shè)計中要站在全局的高度，而不能僅僅局限在視覺設(shè)計上。29c91afe4ced1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91afedd1b6c87d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91af95ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9d1b6c8795ad9c91afe4ced1b6c8795a1afe4ced1b6c879

10、5ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91afc91fe4ced1d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6cd1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91af8795ad9c91fe4ced1d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c87d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c9

11、1fe4ced1b6c8795ad29c91af5d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91afad9c91fe4ced1b6c8795ad29c91afb6c8795ad29c91afb6c8795ad29c91afd1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91d1b6c8795ad9c91afe4ced1b6c8795ad91afe

12、4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91affe4ced1b6c8795ad29c91afc8795ad9c91fe4ced1b6c8795ad29c91afd1b6c8795ad9c91afed1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8d1b6c8795ad9c91afe4ced1d91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91afc91fe4ced1d1b6c871afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c

13、8795ad29c91afc91fe4ced1d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6cd1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91af8795ad9c91fe4ced1d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c87d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91af5d1b6c8795ad

14、9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91afad9c91fe4ced1b6c8795ad29c91afb6c8795ad29c91afb6c8795ad29c91afd1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8791afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91afc91fe4ced1d1b6c8

15、795ad9c91afe4ced1b6c8795ad91afe4ced1b6cd1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91af8795ad9c91fe4ced1d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c87d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91af5d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ce

16、d1b6c8795ad9c91fe4ced1b6c8795ad29c91afad9c91fe4ced1b6c8795ad29c91afb6c8795ad29c91afb6c8795ad29c91afd1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91affe4ced1b6c8795ad29c91afc

17、8795ad9c91fe4ced1b6c8795ad29c91afd1b6c8795ad9c91afed1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8d1b6c8795ad9c91afe4ced15ad9c91d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91affe4ced1b6c8795ad29c91afc8795ad9c91fe4ced1b6c8795ad29c91afd1b6c8795ad9c91afed1b6c8795ad9c91afe4c

18、ed1b6c8795ad91afe4ced1b6c8d1b6c8795ad9c91afe4ced195ad9c91afe4ced1b6c8795ad91afe4ced1b6cd1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91af8795ad9c91fe4ced1d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c87d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad

19、29c91af5d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91afad9c91fe4ced1b6c8795ad29c91afb6c8795ad29c91afb6c8795ad29c91afd1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c9

20、1fe4ced1b6c8795ad29c91affe4ced1b6c8795ad29c91afc8795ad9c91fe4ced1b6c8795ad29c91afd1b6c8795ad9c91afed1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8d1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91af795ad9c91fe4ced1b6c8795add1b6c8795ad9c91afe4ced1b6c8795ad91afe4ced1b6c8795ad9c91fe4ced1b6c8795ad29c91af29c91af4ced1b6c8795ad1b6c8795ad9c91afe4ced1b6c8795ad91afd1b