網頁設計常犯的幾種錯誤寫法
我是一個性情乖戾的網頁設計用戶,但我想這也幫助促使我成為了一名優秀的網頁設計開發人員。當我看到一個網站上有讓人不爽的設計時就會非常的惱怒,一些很簡單的東西為什麼做不好?下面是5種常見的可用性方面的錯誤,以及如何糾正這些問題的方法。給自己方便,也與人方便,確保自己不要犯這樣的錯誤。
1.使用表達submit事件,不要用click事件;請用表單標籤form!
我不知道遇到過多少次,當我使用退回鍵提交一個表單時(或手機上用箭頭/輸入鍵),卻什麼都沒發生。我只好又用滑鼠點擊提交按鈕,表單終於有了反應。這是我最痛恨的一個網頁可用性上的問題,一看就是業餘人員做的。用滑鼠點擊提交按鈕,或在手機上關閉鍵盤然後滾動到頁面底部找到提交按鈕,這都是討厭的多餘的動作,完全不需要這樣做。你只需要使用submit事件,網頁就會變得友好很多
2.不要阻止當有[CONTROL] 或 [META] 鍵按下時的點擊事件
我是一個非常喜歡在瀏覽器新標籤頁裡打開網頁的人,我最近在找一個新房子,我會同時打開很多網站頁面,點擊裡面的圖片觀看,但不幸的是,打開的這些頁面都進入了同一個標籤頁。很討厭。在你對任何鏈結使用preventDefault方法前,請先檢查用戶是否按下了[CONTROL] 或 [META] 鍵
3.在設置text-overflow: ellipsis的時候,請在你的網頁元素上添加title屬性
有些新的CSS屬性或屬性值是非常的有用,例如text-overflow: ellipsis。程式師以前經常會使用什麼方法來實現這種效果。我贊同使用text-overflow: ellipsis,但是,當我用滑鼠懸停在這個元素上時,你最好用title屬性顯示出完整的資訊
4.不要忘了:focus 和 :active!
很多人在給頁面元素設計樣式時忽略了它們的狀態,只考慮了用戶使用滑鼠操作,忘記了用戶也許是用鍵盤操作。請用:focus 和 :active 標明它們的狀態
5.請使用search/email文本框類型
當在手機或平板等移動設備上填充表單資訊時,我遇到了超級麻煩的問題,因為我必須切換鍵盤模式才能找到“@”字元。我希望網頁設計開發人員都能成熟點,學會使用正確的文本框類型
我們程式師常犯的錯誤有很多,以後我還會寫更多這方面的文章,但可以肯定的是,大多數的這些錯誤都很容易糾正,只要你注意到了它們。如果你在使用某個網站或網頁設計應用時還遇到了其他友好性的問題,請告訴我,我會在下一篇文章裡寫出來,謝謝!
轉貼來源:網頁設計部落格知識分享
參考文獻:
1.戴軒廷、馬恆、張紹勳 (2004), 衡量網路廣告態度之指標建構, 台灣管理學刊, 4(1), 59-84.
2.李青蓉等編著.(1998).人機介面設計,台北縣:空大。
3.邱柏清.(2004).網頁介面愉悅行之研究,國立台灣科技大學設計研究所碩士論文。
相關文章
網頁設計流程的GET和POST有何差別?!網頁設計內的程式碼品質管理應用雲端架構的網頁設計網頁設計加入可伸縮性原則網頁設計與SQL本質關係
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了