前端開發：使用者體驗不佳的八大細節

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

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

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

細節2：Logo圖片不能連結回首頁

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

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

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

細節4：沒有區別出當前處於啟用態的表單

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

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

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

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

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

細節7：不一致的介面設計

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

細節8：非連結也帶有下劃線

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