- 相關(guān)推薦
網(wǎng)頁設(shè)計(jì)與用戶體驗(yàn)
導(dǎo)語:什么樣的網(wǎng)頁才是好的網(wǎng)頁?對此,任何簡單的定論都是不負(fù)責(zé)任的,但我還是想從我的角度談?wù)劸W(wǎng)頁編寫時一些涉及到用戶體驗(yàn)的地方。
(1)是否遵循逐步退化理論?
在設(shè)計(jì)網(wǎng)站的時候,我同時在IE和FIREFOX上做測試,一來是考慮到瀏覽器的兼容性(IE與FireFox采用不同的解釋器),二來則是由于火狐關(guān)閉JavaScript非常容易,我可以方便地測試網(wǎng)站在沒有JS支持情況下的運(yùn)轉(zhuǎn)情況,因?yàn)樵谀承┑胤,JS確實(shí)是禁止打開的。根據(jù)退化理論,你的網(wǎng)頁要在沒有JS或VB腳本支持的情況下能夠正常運(yùn)轉(zhuǎn),只是用戶在一些體驗(yàn)方便會不可避免地受到些損失。如果某些功能確實(shí)依賴于腳本,我并不反對使用noscript>標(biāo)簽,雖然它并不包括在W3C標(biāo)準(zhǔn)里面,但我覺得,至少應(yīng)該告訴用戶哪些功能是不能使用的。這其實(shí)也正是DHTML所犯的一個錯誤,為了一種動態(tài)技術(shù)而去犧牲掉那些不能使用腳本的用戶。
另一點(diǎn)需要清楚的是,不但JAVA腳本可能不被支持,CSS也可能不被支持。對此我們該如何呢?首先,我并不贊成回到標(biāo)簽布局的時代,其缺點(diǎn)不再贅述,那么下一點(diǎn)就被引出來了。
(2)是否充分使用語義化標(biāo)簽?
語義化標(biāo)簽是現(xiàn)代HTML作為網(wǎng)頁結(jié)構(gòu)描述的一個顯著特征,這些標(biāo)簽被稱作語義化標(biāo)簽,因?yàn)樗麄冎该髁颂囟ㄎ淖衷诰W(wǎng)頁中的作用于地位,讓網(wǎng)頁富有層次感,更重要的是,在沒有CSS的時候,他們的默認(rèn)格式依然可以告訴用戶網(wǎng)站的層次關(guān)系,雖然也許并不美觀,但這符合退化理論,要比一層層的DIV嵌套好多了。事實(shí)上,屏幕閱讀器也喜歡這樣的網(wǎng)頁。
(3)網(wǎng)頁是否足夠簡潔
這一點(diǎn)上也許不同的人會有不同的意見,但可以去看一看西方的網(wǎng)頁設(shè)計(jì)等等,都是以文字內(nèi)容為主體的。當(dāng)然,也會有一些比較花哨的網(wǎng)站,但我覺得,心理要時刻記住,用戶來到網(wǎng)站的目的是獲取信息,而不是欣賞你的前端技術(shù),好的前端技術(shù)應(yīng)該讓用戶感覺不到它的存在卻幫助用戶更好地處理信息。所以,檢測你的頁面是否有過多的不必要的裝飾圖片與JAVA腳本,最后,盡量少用FLASH,因?yàn)椴⒉皇撬袨g覽器都支持FLASH。這樣對網(wǎng)頁加載速度也是有好處的。當(dāng)然,如果圖片確實(shí)太多,那么,是不是可以考慮CSS-SPRITE等技術(shù)。
【網(wǎng)頁設(shè)計(jì)與用戶體驗(yàn)】相關(guān)文章:
吸引用戶的網(wǎng)頁設(shè)計(jì)技巧07-03
10個優(yōu)化網(wǎng)頁用戶界面網(wǎng)頁設(shè)計(jì)的規(guī)則08-21
網(wǎng)頁設(shè)計(jì)最能吸引用戶的表達(dá)方式10-28