正確使用網(wǎng)站上的下拉式功能表非常棒，可以幫助使用者縮小選取范圍、反轉(zhuǎn)螢?zāi)豢臻g以及避免錯(cuò)誤輸入了錯(cuò)誤的數(shù)據(jù)，但在某些情況下，網(wǎng)站的下拉菜單必須做好，相反會(huì)對(duì)用戶(hù)體驗(yàn)帶來(lái)不良影響。那么，建立網(wǎng)站下拉菜單時(shí)應(yīng)注意的問(wèn)題是什么？

重要的是，要知道何時(shí)使用網(wǎng)站上的下拉菜單和單選按鈕以及打開(kāi)的文本字段等界面元素過(guò)度使用或?yàn)E用會(huì)導(dǎo)致可用性問(wèn)題。本文研究網(wǎng)站下拉菜單的性質(zhì)，并分析它們是否適用如果不應(yīng)用那個(gè)的話，我會(huì)舉出一些不好的例子來(lái)幫助你的設(shè)計(jì)。

1 .避免長(zhǎng)列表站點(diǎn)下拉列表

在窗體中使用網(wǎng)站下拉菜單似乎很容易。所有的瀏覽器都支持不占空間的界面保持它，足以讓用戶(hù)了解它。但是，如果選擇超過(guò)15種，用戶(hù)可能會(huì)感到困惑向?qū)б埠芾щy。

看到20多個(gè)未分類(lèi)的選項(xiàng)，可能會(huì)混亂、害怕，用戶(hù)很難找到自己想要的輸入由于滾動(dòng)問(wèn)題，用戶(hù)必須將鼠標(biāo)光標(biāo)放在網(wǎng)站的下拉框中。否則，最終將向下滾動(dòng)頁(yè)面。更好的選擇是使用具有自動(dòng)完成功能的文本字段。因?yàn)橛脩?hù)已經(jīng)知道自己在找什么了。

2 .禁用灰色選項(xiàng)

如果選項(xiàng)無(wú)效或不可用，則必須將其設(shè)置為灰色而不是刪除。如果刪除了無(wú)效的項(xiàng)目界面可能會(huì)導(dǎo)致空間不一致，使用者很難學(xué)習(xí)。如果只停用項(xiàng)目，可能無(wú)法找到特定的選項(xiàng)要?jiǎng)h除已禁用的選項(xiàng)，請(qǐng)以灰色顯示禁用或禁用狀態(tài)。也可以考慮顯示工提示您為什么禁用此選項(xiàng)以及如何激活此選項(xiàng)。

3、選擇少

另一方面，如果選擇太少，網(wǎng)站上的下拉菜單可能是隱藏的，因此是最壞的選擇暴露的信息給用戶(hù)流導(dǎo)入了不必要的摩擦。建議使用單選按鈕。使用此按鈕，用戶(hù)可以立即掃描可用選項(xiàng)，不需要耗費(fèi)任何精力或勞力。如果您的選擇很少，建議您使用單選框而不是網(wǎng)站下方查菜單

4 .使用網(wǎng)站的下拉菜單以防止打印速度變快

在某些情況下，輸入的速度實(shí)際上比使用網(wǎng)站下拉菜單快。一個(gè)典型的案例是信用卡輸入是有效的到期日。鍵入mm/yy可以快得多，而不是從兩個(gè)網(wǎng)站的下拉菜單(月份和年份)滾動(dòng)。盡管使用自由格式，雖然輸入字段確實(shí)需要某種形式的數(shù)據(jù)驗(yàn)證，但從可用性的角度來(lái)看，它仍然是一個(gè)更好的選擇能夠減輕用戶(hù)的負(fù)擔(dān)。