close

網頁設計與使用者體驗

 

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

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

  在設計網站的時候,我同時在IE和FIREFOX上做測試,一來是考慮到流覽器的相容性(IE與FireFox採用不同的解譯器),二來則是由於火狐關閉JavaScript非常容易,我可以方便地測試網站在沒有JS支援情況下的運轉情況,因為在某些地方,JS確實是禁止打開的。根據退化理論,你的網頁要在沒有JS或VB腳本支援的情況下能夠正常運轉,只是使用者在一些體驗方便會不可避免地受到些損失。如果某些功能確實依賴于腳本,我並不反對使用noscript>標籤,雖然它並不包括在W3C標準裡面,但我覺得,至少應該告訴使用者哪些功能是不能使用的。這其實也正是DHTML所犯的一個錯誤,為了一種動態技術而去犧牲掉那些不能使用腳本的使用者。
   另一點需要清楚的是,不但JAVA腳本可能不被支援,CSS也可能不被支援。對此我們該如何呢?首先,網頁設計我並不贊成回到標籤佈局的時代,其缺點不再贅述,那麼下一點就被引出來了。

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

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

  (3)網頁是否足夠簡潔

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

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 meimei159 的頭像
    meimei159

    生日禮物

    meimei159 發表在 痞客邦 留言(0) 人氣()