前端開(kāi)發(fā)中,,開(kāi)發(fā)者懂得如何設(shè)計(jì)網(wǎng)頁(yè)和增加網(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圖片不能鏈接回首頁(yè) 點(diǎn)擊網(wǎng)站的Logo回到首頁(yè)已經(jīng)是一個(gè)基本的原則了,大多數(shù)的訪問(wèn)者也已經(jīng)習(xí)慣于此,。另外,,將Logo圖片展現(xiàn)在網(wǎng)頁(yè)的左上方也是需要的,。 細(xì)節(jié)3:沒(méi)有區(qū)分已經(jīng)訪問(wèn)過(guò)的鏈接和未訪問(wèn)的鏈接 處理已經(jīng)訪問(wèn)過(guò)的鏈接不需要高超的CSS技術(shù),但它經(jīng)常被忽略,。應(yīng)該給用戶一個(gè)視覺(jué)上的提示,,告訴他/她網(wǎng)頁(yè)中的哪些鏈接是已訪問(wèn)過(guò)的。 細(xì)節(jié)4:沒(méi)有區(qū)別出當(dāng)前處于激活態(tài)的表單 尤其在使用輸入框或輸入域時(shí),,選擇使用“focus”或其它方式,,展示出哪一個(gè)區(qū)域在當(dāng)前是處于激活狀態(tài)的,這一點(diǎn)對(duì)用戶很有幫助,。這里可以是一種CSS樣式,,比如高亮的邊框或背景色有些不同。 細(xì)節(jié)5:圖片沒(méi)有提示描述 這也是一個(gè)相對(duì)強(qiáng)制性的規(guī)定,,要有這樣的思想和意識(shí),,除非你的圖片是純粹的裝飾目的。另外,,當(dāng)你的圖片存在鏈接時(shí),,圖片的描述應(yīng)該包括鏈接的地址。 細(xì)節(jié)6:錯(cuò)誤的使用背景圖片 我們經(jīng)常會(huì)使用背景圖片,,但要注意有時(shí)你的背景圖片會(huì)影響到客戶的閱讀,,背景顏色和文字的顏色應(yīng)該有較大的反差,防止網(wǎng)頁(yè)上的文字無(wú)法被識(shí)別,。 細(xì)節(jié)7:不一致的接口設(shè)計(jì) 有一種錯(cuò)誤叫過(guò)度的設(shè)計(jì),。一些設(shè)計(jì)師對(duì)網(wǎng)站中的每一個(gè)頁(yè)面都進(jìn)行不同的設(shè)計(jì),這就會(huì)讓用戶感到困惑和煩惱,。無(wú)論你的網(wǎng)站多么的突出或吸引人,,如果它的設(shè)計(jì) 是不統(tǒng)一的,那么用戶就會(huì)感到不自在,,就會(huì)離開(kāi)你的網(wǎng)站,。所以建議你的網(wǎng)站中的每一個(gè)頁(yè)面都使用統(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)簽,。 轉(zhuǎn)自慧都控件網(wǎng) |
|