單選框設計指南

1. 始終確保良好的可用性

      對于這樣一個簡單的組件，想要做好用好，在設計上有一些不可忽視的細節。

      首先要避免在單選框列表中嵌套下一層級的選項，因為使用單選框的目的之一就是為了讓所有選項清晰呈現給用戶，嵌套過多層級會導致整個結構的混亂。

      另外要明確的是，單選按鈕不應該是唯一可點擊的熱區，而是要將按鈕和標簽一起作為熱區，便于用戶準確點擊操作。

2. 保證可讀性

      單選框列表的布局要有邏輯性，盡量減輕用戶的認知負荷。

      用戶習慣于上下瀏覽選項和列表，如果將這些選項水平排布，可能會造成兩點問題：一個是瀏覽時視線移動的不習慣，另一個就是如果選項位置過于緊湊，用戶可能不知道每個標簽到底對應哪個按鈕。

      除了列表要垂直布局，標簽也需要很簡潔。標簽越長，用戶需要花費更多的時間和精力才能了解整個列表。

3. 提供默認選擇

      想象這樣一個使用場景，我們下載了一個新的設計軟件，第一次打開時跳出一個彈窗，提示我們是選擇經典布局，還是個性化布局，但是我們對這個軟件不是很了解，可能并不清楚這兩個布局到底是什么樣子。

      注：尊重原創文章,轉載請注明出處和鏈接 http://m.hebeijilong.cn/news-id-16834.html 違者必究！部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們，了解更多相關資訊請關注UI設計頻道查看更多，了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多：150 3333 6050