正確地使用網(wǎng)站下拉菜單是美妙的,它們可以幫助用戶(hù)縮小選擇范圍,逆轉(zhuǎn)屏幕空間并防止錯(cuò)誤的數(shù)據(jù)輸入,但是,在某些情況下,網(wǎng)站下拉菜單沒(méi)有建設(shè)好,反而會(huì)對(duì)用戶(hù)體驗(yàn)產(chǎn)生負(fù)面影響,那么建設(shè)網(wǎng)站下拉菜單應(yīng)該注意哪些問(wèn)題?
重要的是要知道何時(shí)使用網(wǎng)站下拉菜單或其他接口元素,例如單選按鈕,打開(kāi)的文本字段等,過(guò)度使用或?yàn)E用它們會(huì)造成可用性問(wèn)題,在本文中,我將討論網(wǎng)站下拉菜單的性質(zhì),并分析應(yīng)該或不應(yīng)該使用它們的情況,我還將展示一些不好的例子,以幫助你進(jìn)行設(shè)計(jì)。
在表單中使用網(wǎng)站下拉菜單似乎很容易——它們?cè)诮缑嫔喜粫?huì)占用太多空間,所有瀏覽器都支持它們,并且用戶(hù)對(duì)它們的了解也足夠多。但是,當(dāng)選項(xiàng)超過(guò)15種時(shí),用戶(hù)可能會(huì)不知所措,而他們也難以導(dǎo)航。
看到20多個(gè)未分類(lèi)的選項(xiàng)可能會(huì)令人迷惑并且令人生畏,用戶(hù)很難找到他們想要的輸入;還會(huì)出現(xiàn)滾動(dòng)問(wèn)題,用戶(hù)必須將鼠標(biāo)光標(biāo)保持在網(wǎng)站下拉框中,否則,他們最終將向下滾動(dòng)頁(yè)面。更好的選擇是使用具有自動(dòng)完成功能的文本字段,因?yàn)橛脩?hù)已經(jīng)知道他們?cè)趯ふ沂裁摧斎搿?/div>
2、選項(xiàng)太少
另一方面,如果選項(xiàng)太少, 那么網(wǎng)站下拉菜單將是一個(gè)糟糕的選擇,因?yàn)樗ㄟ^(guò)隱藏可能已經(jīng)暴露的信息而在用戶(hù)流中引入了不必要的摩擦。更好的選擇是使用單選按鈕,該按鈕允許用戶(hù)立即掃描可用選項(xiàng),而無(wú)需花費(fèi)任何精力或精力。如果選項(xiàng)很少,最好使用單選框,而不要使用網(wǎng)站下拉菜單
3、禁用灰色選項(xiàng)
當(dāng)某個(gè)選項(xiàng)被禁用或不可用時(shí),應(yīng)將其顯示為灰色,而不是將其刪除。如果刪除了禁用項(xiàng),則界面將失去空間一致性,并使用戶(hù)更難學(xué)習(xí)——他們可能僅由于禁用項(xiàng)而無(wú)法找到某些選項(xiàng),與其刪除已禁用的選項(xiàng),不如將它們變灰以指示其“已禁用”或“不可用”狀態(tài)。您也可以考慮顯示工具提示,以指示該選項(xiàng)被禁用的原因以及如何使其處于活動(dòng)狀態(tài)。
4、避免打字速度更快時(shí)使用網(wǎng)站下拉菜單
在某些情況下,鍵入實(shí)際上可能比使用網(wǎng)站下拉菜單更快。一種典型的情況是輸入信用卡有效期。鍵入mm / yy絕對(duì)快得多,而不是從兩個(gè)網(wǎng)站下拉菜單(月和年)中滾動(dòng),盡管使用自由格式的輸入字段確實(shí)需要某種形式的數(shù)據(jù)驗(yàn)證,但從可用性的角度來(lái)看,它仍然是更好的選擇——因?yàn)樗梢詼p少用戶(hù)的負(fù)擔(dān)。
以上就是有關(guān)建設(shè)網(wǎng)站 下拉菜單應(yīng)該注意哪些問(wèn)題?的相關(guān)解答。
分享文章:建設(shè)網(wǎng)站下拉菜單應(yīng)該注意哪些問(wèn)題
當(dāng)前網(wǎng)址:http://m.rwnh.cn/news/171049.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、虛擬主機(jī)、做網(wǎng)站、服務(wù)器托管、軟件開(kāi)發(fā)、小程序開(kāi)發(fā)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)