下拉選單為何是一種不好的使用者體驗？

一個完全不合理的行業標準

隨著在使用者介面和可用性方面的研究，尤其在使用者輸入表單上，我越來越意識到一個事實那就是下拉選單的使用者體驗幾乎總是不好的。

下拉選單經常用於有多個選項，只允許使用者選擇一個的時候。它和單選按鈕的效用相同。使用它而不使用單選按鈕的理由，是因為它佔用更少的空間，但是我已經陳述過了我們不再需要節省網頁上的垂直方向上的空間。

下拉選單有一個很大的問題，那就是使用者不能直接看到所有選項，而是需要點選檢視所有的選項，然後瀏覽一遍，然後才能做出一個選擇。當使用者在大多數輸入表單上使用鍵盤時，下拉選單的體驗是特別不好的。

下面是一些替代下拉選單的可選方案：

1. 用多個單選按鈕替換下拉選單

這些選項應該直接出現在視野中，而不是在使用者點選後才顯示。這樣使用者就能直接看到有哪些選項，然後做出知情的決策。一定要確認單選按鈕做得簡單明瞭，並且只能選擇一個。

2. 兩個選項應作為一個開關按鈕

如果只有兩個選項，應該把下拉選單替換成一個開關，並且最普遍的那個選項應該被預選上，一個很好的例子就是在一個登錄檔單裡選擇性別，如果用一個下拉選單，每個使用者都需要做兩次點選–選擇這個選單然後選擇這個選項，用開關的話，女性（全部人口的51%）被預選上，那麼只有9%的人需要做1次點選，這是一個巨大的差別，這裡就有一個很糟糕的例子，來自Yahoo.com：

3. 許多選項應作為一個自動完成控制元件

一個被廣泛接受的觀點就是下拉選單裡最多的選項數應該在15個左右（有人說是12，另一些人說是16），如果超過了一個範圍，很容易產生迷惑性，對使用者來說是一個很艱難的抉擇，瀏覽一個那麼長的選項列表，那麼多的選項放在使用者手裡。我們應該努力盡可能地去除很多選項，因為我們已經在後臺做了很多工作，這樣使用者要想的越少，越好。

一個很好的例子就是國家選擇器，到現在為止，當你選擇你的國家時，使用下拉選單仍是一個絕對的標準。ludacris,Smashing Mag一年前就這個問題寫過一篇很好的文章，叫做《重新設計國家選擇器》，當有很多可能的選項時，使用自動完成控制元件，讓系統去完成這樣的工作，而不是使用者。

所以，有沒有哪些位置用一個下拉選單才是最佳的選擇呢？是的，當然有，在任意一種你有多個選項的情況下，你都可以在你的表單裡使用多個單選按鈕，使用者根本就不知道他們當前選的是哪一個的，但是這種情況發生得很少，如果這種事情真的發生了，那麼重新思考一下，利用多樣的控制元件來讓使用者使用起來更簡單才是明智的，作為一個很好的表單應該怎麼設計的例子，瀏覽一下Typeform，他們做的每一件事情都是對的。

最後幾句，我想說幾句雖然有些偏離主題但是需要說的：如果這個欄位是可選的，那它就不應該出現在表單裡，移除所有不必要的註冊流程和對使用者來說不必要的東西。這就通常意味著你需要在必選的模組那加一個（如果在某些情況下，你仍然需要可選的輸入框，標出它們是可選的）。