前端開發中，開發者懂得如何設計網頁和增加網站實用性。但Web應用針對的客服群非常大，不好的用戶體驗，往往會導致重要的客戶流失。以下8大細節，將決定成敗。

細節1：表單標簽和各自的選擇域不匹配

使用“for”屬性允許用戶點擊標簽，就可以選擇到表單中整個的輸入區域，這對單選框和復選框擴大點擊區域十分重要。但要注意選擇內容的匹配。

細節2：Logo圖片不能鏈接回半島外圍網上直營

點擊網站的Logo回到半島外圍網上直營已經是一個基本的原則了，大多數的訪問者也已經習慣于此。另外，將Logo圖片展現在網頁的左上方也是需要的。

細節3：沒有區分已經訪問過的鏈接和未訪問的鏈接

處理已經訪問過的鏈接不需要高超的CSS技術，但它經常被忽略。應該給用戶一個視覺上的提示，告訴他/她網頁中的哪些鏈接是已訪問過的。

細節4：沒有區別出當前處于激活態的表單

尤其在使用輸入框或輸入域時，選擇使用“focus”或其它方式，展示出哪一個區域在當前是處于激活狀態的，這一點對用戶很有幫助。這里可以是一種CSS樣式，比如高亮的邊框或背景色有些不同。

細節5：圖片沒有提示描述

這也是一個相對強制性的規定，要有這樣的思想和意識，除非你的圖片是純粹的裝飾目的。另外，當你的圖片存在鏈接時，圖片的描述應該包括鏈接的地址。

細節6：錯誤的使用背景圖片

我們經常會使用背景圖片，但要注意有時你的背景圖片會影響到客戶的閱讀，背景顏色和文字的顏色應該有較大的反差，防止網頁上的文字無法被識別。

細節7：不一致的接口設計

有一種錯誤叫過度的設計。一些設計師對網站中的每一個頁面都進行不同的設計，這就會讓用戶感到困惑和煩惱。無論你的網站多么的突出或吸引人，如果它的設計是不統一的，那么用戶就會感到不自在，就會離開你的網站。所以建議你的網站中的每一個頁面都使用統一的模板，設計盡可能的簡潔，擁有好的用戶體驗。

細節8：非鏈接也帶有下劃線

根據經驗，我們通常認為帶有下劃線或陰影的內容很可能包括超鏈接，所以不要在你的內容下方到處加下劃線，從而誤導用戶。如果你要強調突出一些文字，你可以選擇加粗它或使用其它的一些標簽。

前端開發Web神器——WebStorm（目前火熱促銷中），另外還有5折限時搶購和免費領iPhone 6、iPad air等好禮!

此文翻譯至：//gatelogix.com/blog/developement/small-mistakes-in-web-programming-not-to-ignore/

轉載請注明本文地址：//ke049m.cn/article/2014/12/17/21952.html