Web開(kāi)發(fā)和設(shè)計(jì)上容易被忽視的8個(gè)錯(cuò)誤

2014-12-17    藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)設(shè)計(jì)( yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù).

每一個(gè)扁平化界面設(shè)計(jì),都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)


來(lái)源:http://yidianzixun.com/home?page=article&id=07HQx5Eb&up=1

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

有很多規(guī)則和實(shí)踐幫助人們逐漸提高了制作網(wǎng)頁(yè)的水平,我們更懂得如何設(shè)計(jì)網(wǎng)頁(yè)和增加網(wǎng)站實(shí)用性。今天PHP100為大家整理了一些為了更好的用戶體驗(yàn),你需要避免的8個(gè)錯(cuò)誤。

錯(cuò)誤1:表單標(biāo)簽和各自的選擇域不匹配

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

錯(cuò)誤2:Logo圖片不能鏈接回首頁(yè)

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


錯(cuò)誤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ò)的。


錯(cuò)誤4:沒(méi)有區(qū)別出當(dāng)前處于激活態(tài)的表單

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


錯(cuò)誤5:圖片沒(méi)有提示描述

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


錯(cuò)誤6:錯(cuò)誤的使用背景圖片

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

錯(cuò)誤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)。

錯(cuò)誤8:非鏈接也帶有下劃線

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

掃一掃,案例分享帶回家(藍(lán)藍(lán)設(shè)計(jì)微信公眾平臺(tái))

日歷

鏈接

個(gè)人資料

存檔