用戶(hù)體驗(yàn)技術(shù)

Web 2.0強(qiáng)調(diào)用戶(hù)創(chuàng)造內(nèi)容，意味著網(wǎng)站的功能設(shè)計(jì)盡可能地直觀易用，讓用戶(hù)幾乎不需要學(xué)習(xí)就可以使用。從網(wǎng)站制作的角度上看，需要注重有效的交互方式與操作簡(jiǎn)便.這些東西只有在用戶(hù)使用的時(shí)候才能感受到。對(duì)于用戶(hù)的使用感受與體驗(yàn)，正是我們常說(shuō)的if]戶(hù)體驗(yàn)(User Experience)。

Web 2.0網(wǎng)站注乘用戶(hù)體驗(yàn)，我們不妨從幾個(gè)細(xì)節(jié)來(lái)看看。

Flickr網(wǎng)站是最早開(kāi)始以Web 2.0為設(shè)計(jì)思想，至今其設(shè)計(jì)依然被設(shè)計(jì)師津津樂(lè)道。從圖中可以肴到，F(xiàn)lickr中的照片標(biāo)題，當(dāng)用戶(hù)點(diǎn)擊的時(shí)候，就能夠立即修改，而不像以前，還需要點(diǎn)擊編輯，再到一個(gè)新畫(huà)面中去修改，再保存。這一細(xì)節(jié)設(shè)計(jì)已經(jīng)足以簡(jiǎn)化了以前繁瑣的設(shè)計(jì)，使得用戶(hù)只需點(diǎn)擊兩下鼠標(biāo)便可以完成編輯操作。同時(shí)，在右側(cè)的Tags欄目中，用戶(hù)可以點(diǎn)擊[x]符號(hào)直接刪除Tag，這些便是使用技術(shù)手段提升網(wǎng)站用戶(hù)體驗(yàn)的典型案例，所有這些功能.都是采用了流行的AJAX技術(shù)所實(shí)現(xiàn)的。

另一方面.Flickr網(wǎng)站崇尚簡(jiǎn)潔，將每個(gè)版塊合理地放置在畫(huà)面的幾個(gè)區(qū)域中，絕對(duì)沒(méi)有過(guò)多的裝飾性圖片或設(shè)計(jì)，這一點(diǎn)也區(qū)別于以往的網(wǎng)站設(shè)計(jì).Web 2.0網(wǎng)站提倡簡(jiǎn)潔的設(shè)計(jì)思想。通過(guò)干凈的頁(yè)面，方便的導(dǎo)航與指引，讓用戶(hù)快速地找到自己的內(nèi)容和發(fā)布自己的內(nèi)容。

Web標(biāo)準(zhǔn)在這一設(shè)計(jì)層面發(fā)揮的優(yōu)勢(shì)尤為重要。準(zhǔn)確地說(shuō)，Web標(biāo)準(zhǔn)在Web 2.0網(wǎng)站設(shè)計(jì)里充當(dāng)了執(zhí)行者的身份。所有的設(shè)計(jì)必須依棘這些標(biāo)準(zhǔn)的技術(shù)去展示，比如頁(yè)面排版使用XHTML+CSS結(jié)構(gòu)，貞面交互則采用荃于JavaScript的AJAX技術(shù)去實(shí)現(xiàn)。

另一方面，AJAX的實(shí)現(xiàn)雖然由JavaScript來(lái)完成，但是CSS與XHTML在此處的作用不可小覷。正是由于CSS的強(qiáng)大屬性和定位控制才能夠讓AJAX即時(shí)地改變頁(yè)面的形態(tài)。比如當(dāng)用戶(hù)在Flickr上點(diǎn)擊標(biāo)題時(shí)，可以改變?yōu)榫庉嫶翱?，這些都是由css對(duì)畫(huà)面布局的控制才能做到，因此可以說(shuō)css與XHTML是AJAX表現(xiàn)的基礎(chǔ)Web 2.0使得網(wǎng)頁(yè)的簡(jiǎn)沽化設(shè)計(jì)形成了一種趨勢(shì).無(wú)論小到博客還是大型門(mén)戶(hù)網(wǎng)站，都開(kāi)始重新構(gòu)思、設(shè)計(jì)自己的表現(xiàn)風(fēng)格，重視用戶(hù)體驗(yàn)是未來(lái)互聯(lián)網(wǎng)設(shè)計(jì)的主導(dǎo)方向。