原文：7 Rules of Using Radio Buttons vs Drop-Down Menus
作者：Saadia Minhas (2018-05-06)
閱讀時(shí)間：3m43s
不管你正在使用移動 apps 還是基于網(wǎng)頁的工具，表單都是用戶界面中至關(guān)重要的一部分。同時(shí)，表單也是用戶交互的最佳來源。用戶通過表單錄入、提供信息，系統(tǒng)則通過理解這些信息來滿足用戶需求。
輸入控件、輸入校驗(yàn)、錯(cuò)誤處理、用戶反饋等，都是可用表單中的一些項(xiàng)目。
單選按鈕和下拉菜單是其中兩個(gè)非常重要的輸入控件。當(dāng)用戶需要輸入時(shí)，它們可以互換使用。
然而，如果我們仔細(xì)研究這兩個(gè)控件的可用性，很明顯，它們都有各自特定的使用場景，以便用戶更容易選擇給定的輸入。
下面是基于這個(gè)可用性研究的一些使用原則，它們將幫助你在設(shè)計(jì)表單時(shí)決定使用哪個(gè)控件更合適。
使用單選按鈕
1. 當(dāng)需要強(qiáng)調(diào)選項(xiàng)時(shí)
下面是一些需要強(qiáng)調(diào)選項(xiàng)的情況：
?? 沒有明確的默認(rèn)選項(xiàng)或推薦選項(xiàng)
?? 希望用戶閱讀所有選項(xiàng)
?? 用戶不熟悉這些選項(xiàng)，并且較少有機(jī)會甚至沒有機(jī)會預(yù)知它們
在上面這個(gè)例子中，使用下拉菜單并不是一個(gè)很好的方案，因?yàn)槟J(rèn)選項(xiàng)并沒有提供關(guān)于其他選項(xiàng)的線索。
2. 當(dāng)選項(xiàng)少于 5 個(gè)時(shí)
選項(xiàng)較少時(shí)最好并排放置，以便：
?? 用戶可輕松快速的瀏覽所有選項(xiàng)
?? 提供快速響應(yīng)，而不是打開下拉菜單后再從多個(gè)選項(xiàng)中進(jìn)行選擇
如上面的例子所示，當(dāng)用戶需要從 2 至 4 個(gè)選項(xiàng)中進(jìn)行選擇時(shí)，使用單選按鈕更合適。
3. 當(dāng)選項(xiàng)之間需要進(jìn)行明確的比較時(shí)
可比較的選項(xiàng)最好并排放置，因?yàn)椋?/p>
?? 用戶可對所有選項(xiàng)一目了然，并輕松進(jìn)行比較
?? 從下拉菜單中比較和確定選項(xiàng)需要耗費(fèi)時(shí)間
?? 用戶每次需要檢查已選項(xiàng)時(shí)，都必須再次打開下拉菜單對選項(xiàng)進(jìn)行比較
上面這個(gè)比較好的例子是，關(guān)于用戶必須做出嚴(yán)肅決定的訂閱計(jì)劃的選擇。
4. 當(dāng)需要優(yōu)先考慮可見性和快速響應(yīng)時(shí)
清晰的可見性及選項(xiàng)的可快速瀏覽對用戶來說更容易理解。
?? 對于較長的表單，可更簡單快捷地掃描并標(biāo)記所需選項(xiàng)
?? 每次都點(diǎn)擊下拉菜單去選擇某個(gè)選項(xiàng)，會耗費(fèi)很多時(shí)間
從上面例子可明顯看出，所有可選項(xiàng)對用戶可見的長表單提供了更好的用戶體驗(yàn)。
使用下拉菜單
1. 當(dāng)默認(rèn)選項(xiàng)是推薦選項(xiàng)時(shí)
僅查看推薦選項(xiàng)使用戶更容易做出選擇，因?yàn)椋?/p>
?? 顯示所有選項(xiàng)將吸引用戶的注意力
?? 不鼓勵用戶更改默認(rèn)選項(xiàng)
在上面的例子中，用戶基本不需要改變默認(rèn)選項(xiàng)，所以沒有必要顯示所有的選項(xiàng)。
2. 當(dāng)有大量相似的選項(xiàng)可選時(shí)
當(dāng)有大量相似選項(xiàng)時(shí)，推薦使用下拉菜單，因?yàn)椋?/p>
?? 用戶很容易預(yù)知這些選項(xiàng)
?? 用戶沒有必要并排查看所有選項(xiàng)
3. 當(dāng)選項(xiàng)超過 7 個(gè)時(shí)
當(dāng)選項(xiàng)個(gè)數(shù)較多時(shí)，并不適合并排顯示，因?yàn)椋?/p>
?? 如果一大堆選項(xiàng)并排放置，用戶界面將變得雜亂。用戶在查看時(shí)有可能會感到困惑。
?? 掃描大量的單選選項(xiàng)需要耗費(fèi)時(shí)間
此外，對于長下拉列表，提供文本輸入框是一個(gè)不錯(cuò)的方法。用戶在其中輸入選項(xiàng)名稱后，列表僅顯示出過濾選項(xiàng)。這將使選擇更輕松快捷。
總結(jié)
為提高表單的用戶體驗(yàn)，提供正確的控件以便用戶輸入是非常重要的。由于大量的選項(xiàng)會使表單變得很長，如果用戶需要額外點(diǎn)擊來輸入信息的話，這將變得十分枯燥。
以上這些規(guī)則將幫助你決定在設(shè)計(jì)表單時(shí)使用哪個(gè)控件，單選按鈕還是下拉菜單。
以上翻譯包含個(gè)人理解，僅作為個(gè)人學(xué)習(xí)筆記使用。如有錯(cuò)誤，求指正呀，非常感謝 ^^?
感謝原文作者及所有分享想法與經(jīng)驗(yàn)的人 ^^
