不要忽視Web編程中的小細節(很實用)



不要忽視Web編程中的小細節

行業資訊 | 作者:如影隨形 | 2014-12-23 09:25:25| 閱讀 1075有用 (6) 評論 (0) 收藏


標籤:Web開發 web
概述:長時間以來,我們創造了某些在構造和範圍內用以提升網站易用性的約定和實踐。然後在我們進行web編程的時候總有一些疏忽和紕漏。這裏總結了一些web編程時容易出現的小錯誤,並給出了相應的補救方法,希望可以幫助提高網站的可用性。只要避免下列這些錯誤,網站的用戶體驗度就會大大提升。


長時間以來,我們創造了某些在構造和範圍內用以提升網站易用性的約定和實踐。然後在我們進行web編程的時候總有一些疏忽和紕漏。這裏總結了一些web編程時容易出現的小錯誤,並給出了相應的補救方法,希望可以幫助提高網站的可用性。只要避免下列這些錯誤,網站的用戶體驗度就會大大提升。

錯誤一: 表單標籤沒有與相應字段相關聯

Web編程的小錯誤

利用 "for" 屬性,使客戶可以通過點擊標籤在表格內選擇正確的輸入字段。這對於複選框和單選字段來說就是要有更大的可點擊區域。

錯誤二: Logo圖表沒有鏈接到主頁

Web編程的小錯誤

給logo添加到主頁的鏈接是非常基本的一點。並且大多數用戶都會自然而然的認爲通過logo能夠重返首頁。logo最好放置在左上角。

錯誤三: 未顯示鏈接的訪問狀態

Web編程的小錯誤

顯示鏈接的訪問狀態時常被忽略掉。讓客戶能 一眼看到這個鏈接是否被點擊過是很重要的。

錯誤四: 未顯示當前有效的表單域

Web編程的小錯誤

你可以運用 "focus"選擇或捆綁元素。但是最有用的方法還是運用輸入和文本區來說明該字段是活躍的。包含一些CSS樣式,比如,高亮邊框,或者背景色有點小小變化。

錯誤五: 圖片未添加描述

Web編程的小錯誤

除非是單純的作修飾用的,ALT 屬性可不填寫,否則的話要記得要給圖片單獨添加一個描述性語句。好處就是將圖片當做鏈接,輸入相應的描述語句搜索就會訪問到該鏈接。

錯誤六: 沒有背景色的背景圖

Web編程的小錯誤

針對某部分內容運用背景圖片是很常見的做法。值得一提的是,如果客戶禁用背景圖的話該部分文字就看不見了。所以最好還是設置一個背景色。

錯誤七: 界面設計風格不一致

過度的創造有時候就是會畫蛇添足呀!有的設計師就容易犯這樣的錯誤,同一個網站裏各個網頁的設計都不一樣。這對用戶來說豈止是混亂,簡直就是討人厭啊!不管一個網站有多驚豔,如果整體風格不連貫就無法得到用戶認同。建議:

  1. 使用模板。
  2. 關鍵還是要簡潔。

錯誤八: 給非鏈接內容加下劃線

Web編程的小錯誤

大家都知道的,帶下劃線或者加陰影的內容很可能是個鏈接。爲了不誤導用戶,最好採用加粗或者其他強調標識來表示強調部分。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章