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

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

藍(lán)藍(lán)設(shè)計( m.820esy.cn )是一家專注而深入的界面設(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ù)選框擴大點擊區(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：圖片沒有提示描述

這也是一個相對強制性的規(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)用戶。如果你要強調(diào)突出一些文字，你可以選擇加粗它或使用其它的一些標(biāo)簽。

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

分享本文至：

日歷

鏈接

個人資料

存檔