Web開發(fā)和設(shè)計上容易被忽視的8個錯誤

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

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

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


來源:http://yidianzixun.com/home?page=article&id=07HQx5Eb&up=1

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

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

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

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

錯誤2:Logo圖片不能鏈接回首頁

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


錯誤3:沒有區(qū)分已經(jīng)訪問過的鏈接和未訪問的鏈接

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


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

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


錯誤5:圖片沒有提示描述

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


錯誤6:錯誤的使用背景圖片

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

錯誤7:不一致的接口設(shè)計

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

錯誤8:非鏈接也帶有下劃線

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

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

分享本文至:

日歷

鏈接

個人資料

存檔