當前位置:才華齋>設計>網頁設計>

網頁設計與使用者體驗

網頁設計 閱讀(1.53W)

導語:什麼樣的網頁才是好的網頁?對此,任何簡單的定論都是不負責任的,但我還是想從我的角度談談網頁編寫時一些涉及到使用者體驗的地方。

網頁設計與使用者體驗

(1)是否遵循逐步退化理論?

在設計網站的時候,我同時在IE和FIREFOX上做測試,一來是考慮到瀏覽器的相容性(IE與FireFox採用不同的直譯器),二來則是由於火狐關閉JavaScript非常容易,我可以方便地測試網站在沒有JS支援情況下的運轉情況,因為在某些地方,JS確實是禁止開啟的。根據退化理論,你的網頁要在沒有JS或VB指令碼支援的情況下能夠正常運轉,只是使用者在一些體驗方便會不可避免地受到些損失。如果某些功能確實依賴於指令碼,我並不反對使用noscript>標籤,雖然它並不包括在W3C標準裡面,但我覺得,至少應該告訴使用者哪些功能是不能使用的。這其實也正是DHTML所犯的一個錯誤,為了一種動態技術而去犧牲掉那些不能使用指令碼的使用者。

另一點需要清楚的是,不但JAVA指令碼可能不被支援,CSS也可能不被支援。對此我們該如何呢?首先,我並不贊成回到標籤佈局的時代,其缺點不再贅述,那麼下一點就被引出來了。

(2)是否充分使用語義化標籤?

語義化標籤是現代HTML作為網頁結構描述的一個顯著特徵,這些標籤被稱作語義化標籤,因為他們指明瞭特定文字在網頁中的作用於地位,讓網頁富有層次感,更重要的是,在沒有CSS的時候,他們的預設格式依然可以告訴使用者網站的`層次關係,雖然也許並不美觀,但這符合退化理論,要比一層層的DIV巢狀好多了。事實上,螢幕閱讀器也喜歡這樣的網頁。

(3)網頁是否足夠簡潔

這一點上也許不同的人會有不同的意見,但可以去看一看西方的網頁設計等等,都是以文字內容為主體的。當然,也會有一些比較花哨的網站,但我覺得,心理要時刻記住,使用者來到網站的目的是獲取資訊,而不是欣賞你的前端技術,好的前端技術應該讓使用者感覺不到它的存在卻幫助使用者更好地處理資訊。所以,檢測你的頁面是否有過多的不必要的裝飾圖片與JAVA指令碼,最後,儘量少用FLASH,因為並不是所有瀏覽器都支援FLASH。這樣對網頁載入速度也是有好處的。當然,如果圖片確實太多,那麼,是不是可以考慮CSS-SPRITE等技術。