網(wǎng)站制作下拉菜單時(shí)的注意事項(xiàng)

廣州網(wǎng)站制作公司-廣州網(wǎng)站建設(shè)公司說說網(wǎng)站下拉菜單的性質(zhì)，并分析應(yīng)該或不應(yīng)該使用它們的情況。我還將展示一些不好的例子，以幫助你進(jìn)行設(shè)計(jì)。

01 避免長列表網(wǎng)站下拉

在表單中使用網(wǎng)站下拉菜單似乎很容易——它們?cè)诮缑嫔喜粫?huì)占用太多空間，所有瀏覽器都支持它們，并且用戶對(duì)它們的了解也足夠多。但是，當(dāng)選項(xiàng)超過15種時(shí)，用戶可能會(huì)不知所措，而他們也難以導(dǎo)航。

看到20多個(gè)未分類的選項(xiàng)可能會(huì)令人迷惑并且令人生畏，用戶很難找到他們想要的輸入；還會(huì)出現(xiàn)滾動(dòng)問題，用戶必須將鼠標(biāo)光標(biāo)保持在網(wǎng)站下拉框中，否則，他們最終將向下滾動(dòng)頁面。

長網(wǎng)站下拉列表最經(jīng)典的示例是國家選擇器，通常有100多個(gè)選項(xiàng)。盡管通常按字母順序?qū)ζ溥M(jìn)行排序，但有時(shí)會(huì)將流行國家/地區(qū)放在頂部，這可能會(huì)使用戶感到困惑。

02 選項(xiàng)太少

另一方面，如果選項(xiàng)太少， 那么網(wǎng)站下拉菜單將是一個(gè)糟糕的選擇，因?yàn)樗ㄟ^隱藏可能已經(jīng)暴露的信息而在用戶流中引入了不必要的摩擦。

更好的選擇是使用單選按鈕，該按鈕允許用戶立即掃描可用選項(xiàng)，而無需花費(fèi)任何精力或精力。

03 禁用灰色選項(xiàng)

當(dāng)某個(gè)選項(xiàng)被禁用或不可用時(shí)，應(yīng)將其顯示為灰色，而不是將其刪除。如果刪除了禁用項(xiàng)，則界面將失去空間一致性，并使用戶更難學(xué)習(xí)——他們可能僅由于禁用項(xiàng)而無法找到某些選項(xiàng)。

04 避免打字速度更快時(shí)使用網(wǎng)站下拉菜單

在某些情況下，鍵入實(shí)際上可能比使用網(wǎng)站下拉菜單更快。一種典型的情況是輸入信用卡有效期。鍵入mm / yy絕對(duì)快得多，而不是從兩個(gè)網(wǎng)站下拉菜單（月和年）中滾動(dòng)。

盡管使用自由格式的輸入字段確實(shí)需要某種形式的數(shù)據(jù)驗(yàn)證，但從可用性的角度來看，它仍然是更好的選擇——因?yàn)樗梢詼p少用戶的負(fù)擔(dān)。

05 避免過度使用

當(dāng)某些數(shù)據(jù)或信息可以自動(dòng)導(dǎo)出時(shí)，無需不斷詢問用戶的輸入。

這樣的示例之一就是在結(jié)帳過程中使用的“卡類型”字段，可以根據(jù)信用卡號(hào)的前幾個(gè)數(shù)字，確定卡的類型，因此要求用戶自己選擇卡的類型會(huì)產(chǎn)生額外的麻煩。

當(dāng)可以在其他地方找到數(shù)據(jù)時(shí)，不要養(yǎng)成添加新輸入字段的習(xí)慣。

06 減少動(dòng)作數(shù)量

可以根據(jù)所需信息自定義網(wǎng)站下拉菜單的菜單部分，以減少操作數(shù)量。

一個(gè)經(jīng)典的例子是“日期選擇”字段，如果使用普通的列表菜單，則需要3個(gè)網(wǎng)站下拉菜單（月，日和年），這對(duì)于用戶來說很煩人。

更好的選擇是自定義菜單組件，以允許用戶選擇僅具有一個(gè)網(wǎng)站下拉菜單的輸入。

本文標(biāo)題：網(wǎng)站制作下拉菜單時(shí)的注意事項(xiàng)
網(wǎng)站路徑：http://www.bm7419.com/news29/32629.html

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

廣告

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