成都網(wǎng)站制作導(dǎo)航按鈕常見設(shè)計錯誤

2016-09-22    分類: 網(wǎng)站制作

網(wǎng)站用戶依靠導(dǎo)航欄來查找他們需要的信息。如果導(dǎo)航按鈕標(biāo)簽和狀態(tài)不明確,則導(dǎo)航時會遇到問題。以下是成都網(wǎng)站制作在導(dǎo)航欄上常見的錯誤。

1.不突出顯示按鈕

許多設(shè)計師不突出顯示導(dǎo)航欄上的所選按鈕,當(dāng)用戶點擊按鈕時,對他們選擇的內(nèi)容沒有進(jìn)行視覺反饋。用戶就不會知道他們在任務(wù)流程中的位置,可能會誤將他們所在的頁面誤認(rèn)為是另一個頁面。使用形狀和顏色對比來突出顯示所選按鈕,突出形狀的標(biāo)準(zhǔn)方法是在標(biāo)簽下放置一個強(qiáng)下劃線,還可以在標(biāo)簽周圍放置輪廓。按鈕標(biāo)簽也應(yīng)顯示為主頁面標(biāo)題,在導(dǎo)航欄中突出顯示可以更清楚地防止混淆。

2.所選按鈕上的色彩對比度不足

許多網(wǎng)站使用低色彩對比度來區(qū)分所選按鈕,會降低用戶識別網(wǎng)站層次結(jié)構(gòu)中的位置。低色彩對比度使按鈕標(biāo)簽難以閱讀,迫使用戶必須識別他們已經(jīng)點擊過的內(nèi)容。如果用戶通過視覺識別所選按鈕,則速度會快得多。使用對比度檢查獲取按鈕標(biāo)簽和背景之間的對比度。所選按鈕應(yīng)具有所有按鈕的高顏色對比度,用戶快速識別活動按鈕。

3.無效按鈕上的低色彩對比度

非活動按鈕的顏色對比度應(yīng)該比所選按鈕的對比度低,以至于標(biāo)簽難以閱讀,對比度太低會使用戶錯過按鈕認(rèn)為已被禁用。

4.標(biāo)簽點擊的區(qū)域

導(dǎo)航欄按鈕周圍有空格,與其他按鈕分開,應(yīng)該使每個按鈕的外圍空白區(qū)域成為可點擊區(qū)域,為按鈕提供更大的點擊目標(biāo),用戶可以更快地導(dǎo)航。

5.按鈕上沒有懸停和焦點效果

將鼠標(biāo)懸停在導(dǎo)航按鈕上會更容易點擊,用戶可以知道他們的鼠標(biāo)光標(biāo)何時位于可點擊區(qū)域。如果沒有懸停效果,用戶光標(biāo)需要點擊文本標(biāo)簽以激活按鈕。命中目標(biāo)更小,需要用戶更精確的移動鼠標(biāo)。并非每個用戶都使用鼠標(biāo),很多人海使用手指或者鍵盤進(jìn)行導(dǎo)航的屏幕閱讀器用戶在之間切換時需要焦點效果。導(dǎo)航欄是用戶點擊導(dǎo)航網(wǎng)站最多的,用戶在點擊按鈕時需要視覺技巧,避免這些常見錯誤,這些會影響用戶參與度。如果沒有清晰的視覺效果,用戶進(jìn)行導(dǎo)航就非常痛苦。

當(dāng)前題目:成都網(wǎng)站制作導(dǎo)航按鈕常見設(shè)計錯誤
URL網(wǎng)址:http://www.muchs.cn/news42/43992.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站設(shè)計、網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)