前端開發(fā)中，開發(fā)者懂得如何設(shè)計(jì)網(wǎng)頁和增加網(wǎng)站實(shí)用性。但Web應(yīng)用針對(duì)的客服群非常大，不好的用戶體驗(yàn)，往往會(huì)導(dǎo)致重要的客戶流失。以下8大細(xì)節(jié)，將決定成敗。

細(xì)節(jié)1：表單標(biāo)簽和各自的選擇域不匹配

使用“for”屬性允許用戶點(diǎn)擊標(biāo)簽，就可以選擇到表單中整個(gè)的輸入?yún)^(qū)域，這對(duì)單選框和復(fù)選框擴(kuò)大點(diǎn)擊區(qū)域十分重要。但要注意選擇內(nèi)容的匹配。

細(xì)節(jié)2：Logo圖片不能鏈接回金喜正規(guī)買球

點(diǎn)擊網(wǎng)站的Logo回到金喜正規(guī)買球已經(jīng)是一個(gè)基本的原則了，大多數(shù)的訪問者也已經(jīng)習(xí)慣于此。另外，將Logo圖片展現(xiàn)在網(wǎng)頁的左上方也是需要的。

細(xì)節(jié)3：沒有區(qū)分已經(jīng)訪問過的鏈接和未訪問的鏈接

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

細(xì)節(jié)4：沒有區(qū)別出當(dāng)前處于激活態(tài)的表單

尤其在使用輸入框或輸入域時(shí)，選擇使用“focus”或其它方式，展示出哪一個(gè)區(qū)域在當(dāng)前是處于激活狀態(tài)的，這一點(diǎn)對(duì)用戶很有幫助。這里可以是一種CSS樣式，比如高亮的邊框或背景色有些不同。

細(xì)節(jié)5：圖片沒有提示描述

這也是一個(gè)相對(duì)強(qiáng)制性的規(guī)定，要有這樣的思想和意識(shí)，除非你的圖片是純粹的裝飾目的。另外，當(dāng)你的圖片存在鏈接時(shí)，圖片的描述應(yīng)該包括鏈接的地址。

細(xì)節(jié)6：錯(cuò)誤的使用背景圖片

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

細(xì)節(jié)7：不一致的接口設(shè)計(jì)

有一種錯(cuò)誤叫過度的設(shè)計(jì)。一些設(shè)計(jì)師對(duì)網(wǎng)站中的每一個(gè)頁面都進(jìn)行不同的設(shè)計(jì)，這就會(huì)讓用戶感到困惑和煩惱。無論你的網(wǎng)站多么的突出或吸引人，如果它的設(shè)計(jì)是不統(tǒng)一的，那么用戶就會(huì)感到不自在，就會(huì)離開你的網(wǎng)站。所以建議你的網(wǎng)站中的每一個(gè)頁面都使用統(tǒng)一的模板，設(shè)計(jì)盡可能的簡(jiǎn)潔，擁有好的用戶體驗(yàn)。

細(xì)節(jié)8：非鏈接也帶有下劃線

根據(jù)經(jīng)驗(yàn)，我們通常認(rèn)為帶有下劃線或陰影的內(nèi)容很可能包括超鏈接，所以不要在你的內(nèi)容下方到處加下劃線，從而誤導(dǎo)用戶。如果你要強(qiáng)調(diào)突出一些文字，你可以選擇加粗它或使用其它的一些標(biāo)簽。

前端開發(fā)Web神器——WebStorm（目前火熱促銷中），另外還有5折限時(shí)搶購和免費(fèi)領(lǐng)iPhone 6、iPad air等好禮!

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

轉(zhuǎn)載請(qǐng)注明本文地址：//fc6vip.cn/article/2014/12/17/21952.html