複数の選択肢から1つを選ばせるフォームの単一選択のコンポーネントには、ラジオボタンとセレクトボタン(プルダウンメニュー)の2種類が存在します。 それぞれにメリット・デメリットがあり、通常選択肢の数に応じて使いわけることが一般的ですが、スマートフォンにおいてはまた状況が異なってきます。 本日の記事では、スマートフォンにおける単一選択フォームコンポーネントのユーザビリティについて考えます。 PCの場合の一般的な使い分け 選択肢の展開、選択、と合計2回のクリックが必要なセレクトボックスに対し、ラジオボタンは選択肢をクリックするのみと手間が少ない一方、 あらかじめ展開しておく必要上、画面領域を大きく要するために、選択肢が多い場合にはフォームを長く、複雑に見せてしまうというデメリットがあります。 ※セレクトボックスとラジオボタンの比較 メリット デメリット 向いている設問
![スマートフォンでは、ラジオボタンよりセレクトボックスを使いたい2つの理由 | UI改善ブログ by f-tra](https://cdn-ak-scissors.b.st-hatena.com/image/square/030398a933b0c371a68e70675252e22b97ed6f8a/height=288;version=1;width=512/https%3A%2F%2Ff-tra.com%2Fja%2Fblog%2Fwp-content%2Fuploads%2F2015%2F09%2Fmain__.png)