国产爆乳在线,日韩系列免费精品,日韩无码黄片

前端開(kāi)發(fā)：用戶體驗(yàn)不佳的八大細(xì)節(jié)

原創(chuàng)|行業(yè)資訊|編輯：龔雪|2014-12-17 09:41:45.000|閱讀 1050 次

概述：前端開(kāi)發(fā)八大細(xì)節(jié)匯總，讓用戶體驗(yàn)更加美好！

前端開(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圖片不能鏈接回金喜正規(guī)買球

點(diǎn)擊網(wǎng)站的Logo回到金喜正規(guī)買球已經(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)簽。

前端開(kāi)發(fā)Web神器——WebStorm（目前火熱促銷中），另外還有5折限時(shí)搶購(gòu)和免費(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

標(biāo)簽：前端開(kāi)發(fā)Web開(kāi)發(fā)

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn

上一篇：危機(jī)四伏的數(shù)據(jù)庫(kù) 下一篇：24個(gè)有用的PHP類庫(kù)分享（下）

相關(guān)產(chǎn)品

軟件

產(chǎn)品功能：IDE集成開(kāi)發(fā)環(huán)境

源碼：非開(kāi)源

產(chǎn)品編號(hào)：12992

當(dāng)前版本：v2025.2 [銷售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢]

開(kāi) 發(fā) 商： JetBrains

正式授權(quán)

">IntelliJ IDEA

IntelliJ在業(yè)界被公認(rèn)為優(yōu)秀的Java開(kāi)發(fā)平臺(tái)之一，在智能代碼助手、代碼自動(dòng)提示、重構(gòu)、J2EE支持、Ant、JUnit、CVS整合、代碼審查、創(chuàng)新的GUI設(shè)計(jì)等方面表現(xiàn)突出,并支持基于Android平臺(tái)的程序開(kāi)發(fā)。

軟件

產(chǎn)品功能：IDE集成開(kāi)發(fā)環(huán)境

源碼：非開(kāi)源

產(chǎn)品編號(hào)：12993

當(dāng)前版本：v2025.1 [銷售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢]

開(kāi) 發(fā) 商： JetBrains

正式授權(quán)

">ReSharper

屢獲大獎(jiǎng)且被譽(yù)為世界上著名的VS代碼生成工具

軟件

產(chǎn)品功能：IDE集成開(kāi)發(fā)環(huán)境

源碼：非開(kāi)源