Web開發和設計上容易被忽視的8個錯誤

edithfang發表於2014-12-17
錯誤1:表單標籤和各自的選擇域不匹配

       
使用“for”屬性允許使用者點選標籤,就可以選擇到表單中整個的輸入區域,這對單選框和核取方塊擴大點選區域十分重要。但要注意選擇內容的匹配。
 
錯誤2:Logo圖片不能連結回首頁

      
       
點選網站的Logo回到首頁已經是一個基本的原則了,大多數的訪問者也已經習慣於此。另外,將Logo圖片展現在網頁的左上方也是需要的。
 
錯誤3:沒有區分已經訪問過的連結和未訪問的連結


       
處理已經訪問過的連結不需要高超的CSS技術,但它經常被忽略。應該給使用者一個視覺上的提示,告訴他/她網頁中的哪些連結是已訪問過的。
 
錯誤4:沒有區別出當前處於啟用態的表單


       
尤其在使用輸入框或輸入域時,選擇使用“focus”或其它方式,展示出哪一個區域在當前是處於啟用狀態的,這一點對使用者很有幫助。這裡可以是一種CSS樣式,比如高亮的邊框或背景色有些不同。
 
錯誤5:圖片沒有提示描述


       
這也是一個相對強制性的規定,要有這樣的思想和意識,除非你的圖片是純粹的裝飾目的。另外,當你的圖片存在連結時,圖片的描述應該包括連結的地址。
 
錯誤6:錯誤的使用背景圖片


 

       
我們經常會使用背景圖片,但要注意有時你的背景圖片會影響到客戶的閱讀,背景顏色和文字的顏色應該有較大的反差,防止網頁上的文字無法被識別。
 
錯誤7:不一致的介面設計
       
有一種錯誤叫過度的設計。一些設計師對網站中的每一個頁面都進行不同的設計,這就會讓使用者感到困惑和煩惱。無論你的網站多麼的突出或吸引人,如果它的設計是不統一的,那麼使用者就會感到不自在,就會離開你的網站。所以建議你的網站中的每一個頁面都使用統一的模板,設計儘可能的簡潔,擁有好的使用者體驗。
 
錯誤8:非連結也帶有下劃線


 

       
根據經驗,我們通常認為帶有下劃線或陰影的內容很可能包括超連結,所以不要在你的內容下方到處加下劃線,從而誤導使用者。如果你要強調突出一些文字,你可以選擇加粗它或使用其它的一些標籤。
來自:PHP100
評論(1)

相關文章