中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本文列舉了下拉菜單設(shè)計中的一些要點(diǎn)，并結(jié)合多個例子分析了怎么讓下拉菜單使用得恰到好處。

正確地使用下拉菜單是美妙的，它們可以幫助用戶縮小選擇范圍，逆轉(zhuǎn)屏幕空間并防止錯誤的數(shù)據(jù)輸入。但是，在某些情況下，下拉菜單的意義不大，反而會對用戶體驗(yàn)產(chǎn)生負(fù)面影響。

重要的是要知道何時使用下拉菜單或其他接口元素，例如單選按鈕，打開的文本字段等，過度使用或?yàn)E用它們會造成可用性問題。

在本文中，我將討論下拉菜單的性質(zhì)，并分析應(yīng)該或不應(yīng)該使用它們的情況。我還將展示一些不好的例子，以幫助你進(jìn)行設(shè)計。

01 避免長列表下拉

在表單中使用下拉菜單似乎很容易——它們在界面上不會占用太多空間，所有瀏覽器都支持它們，并且用戶對它們的了解也足夠多。但是，當(dāng)選項(xiàng)超過15種時，用戶可能會不知所措，而他們也難以導(dǎo)航。

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

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

更好的選擇是使用具有自動完成功能的文本字段，因?yàn)橛脩粢呀?jīng)知道他們在尋找什么輸入。

自定義搜索輸入

02 選項(xiàng)太少

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

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

如果選項(xiàng)很少，最好使用單選框，而不要使用下拉菜單

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

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

與其刪除已禁用的選項(xiàng)，不如將它們變灰以指示其“已禁用”或“不可用”狀態(tài)。您也可以考慮顯示工具提示，以指示該選項(xiàng)被禁用的原因以及如何使其處于活動狀態(tài)。

與其刪除禁用的選項(xiàng)，不如將它們變灰以指示其“禁用”狀態(tài)

04 避免打字速度更快時使用下拉菜單

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

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

對于用戶而言，鍵入時可能更快，請避免使用下拉菜單。

05 避免過度使用

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

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

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

06 減少動作數(shù)量

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

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

更好的選擇是自定義菜單組件，以允許用戶選擇僅具有一個下拉菜單的輸入。

使用自定義菜單減少所需的操作數(shù)量。

07 使用簡潔明了的標(biāo)簽

用戶根據(jù)他們的標(biāo)簽選擇菜單選項(xiàng)，因此準(zhǔn)確和提供信息非常重要。通常，最好使用句子大小寫并編寫簡潔的標(biāo)簽，以清楚表明選擇的目的。

以下是寫好標(biāo)簽的一些準(zhǔn)則：

• 對于動作菜單項(xiàng)，請使用動詞來描述將要發(fā)生的動作
• 對于鏈接，請使用名詞來標(biāo)識用戶將定向到的頁面
• 排除菜單項(xiàng)中的文章；使用“刪除頁面”，而不是“刪除頁面”
• 將菜單項(xiàng)保持在一行文本中

通過按邏輯順序?qū)α斜磉M(jìn)行排序來組織菜單項(xiàng)也很重要——如果知道的話，將選擇最多的選項(xiàng)排列在頂部。這需要用戶研究，應(yīng)隨時間進(jìn)行測試和完善以重新評估結(jié)果。

作者：LDesign1，公眾號ID：LDesign1

本文由@LDesign1 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash， 基于CC0協(xié)議