不要忽視Web編程中的小細節
行業資訊 | 作者:如影隨形 | 2014-12-23 09:25:25| 閱讀 1075次 有用 (6) 評論 (0) 收藏
概述:長時間以來,我們創造了某些在構造和範圍內用以提升網站易用性的約定和實踐。然後在我們進行web編程的時候總有一些疏忽和紕漏。這裏總結了一些web編程時容易出現的小錯誤,並給出了相應的補救方法,希望可以幫助提高網站的可用性。只要避免下列這些錯誤,網站的用戶體驗度就會大大提升。
長時間以來,我們創造了某些在構造和範圍內用以提升網站易用性的約定和實踐。然後在我們進行web編程的時候總有一些疏忽和紕漏。這裏總結了一些web編程時容易出現的小錯誤,並給出了相應的補救方法,希望可以幫助提高網站的可用性。只要避免下列這些錯誤,網站的用戶體驗度就會大大提升。
錯誤一: 表單標籤沒有與相應字段相關聯
利用 "for" 屬性,使客戶可以通過點擊標籤在表格內選擇正確的輸入字段。這對於複選框和單選字段來說就是要有更大的可點擊區域。
錯誤二: Logo圖表沒有鏈接到主頁
給logo添加到主頁的鏈接是非常基本的一點。並且大多數用戶都會自然而然的認爲通過logo能夠重返首頁。logo最好放置在左上角。
錯誤三: 未顯示鏈接的訪問狀態
顯示鏈接的訪問狀態時常被忽略掉。讓客戶能 一眼看到這個鏈接是否被點擊過是很重要的。
錯誤四: 未顯示當前有效的表單域
你可以運用 "focus"選擇或捆綁元素。但是最有用的方法還是運用輸入和文本區來說明該字段是活躍的。包含一些CSS樣式,比如,高亮邊框,或者背景色有點小小變化。
錯誤五: 圖片未添加描述
除非是單純的作修飾用的,ALT 屬性可不填寫,否則的話要記得要給圖片單獨添加一個描述性語句。好處就是將圖片當做鏈接,輸入相應的描述語句搜索就會訪問到該鏈接。
錯誤六: 沒有背景色的背景圖
針對某部分內容運用背景圖片是很常見的做法。值得一提的是,如果客戶禁用背景圖的話該部分文字就看不見了。所以最好還是設置一個背景色。
錯誤七: 界面設計風格不一致
過度的創造有時候就是會畫蛇添足呀!有的設計師就容易犯這樣的錯誤,同一個網站裏各個網頁的設計都不一樣。這對用戶來說豈止是混亂,簡直就是討人厭啊!不管一個網站有多驚豔,如果整體風格不連貫就無法得到用戶認同。建議:
- 使用模板。
- 關鍵還是要簡潔。
錯誤八: 給非鏈接內容加下劃線
大家都知道的,帶下劃線或者加陰影的內容很可能是個鏈接。爲了不誤導用戶,最好採用加粗或者其他強調標識來表示強調部分。