ラジオボタンとドロップダウンリストを使い分ける

2017年3月1日

顧客情報の住所、都道府県を選ぶとき、どのようなフォームを使うでしょうか。

すぐに思い浮かぶのは、以下のフォーム、ドロップリストフォームだと思います。

このフォームは、複数ある選択肢のうち一つを選んでもらうものです。

 

似たようなフォームとして、以下のようなラジオボタンフォームがあります。




これもドロップリストフォームと同じく、複数から一つを選ぶ、という意味で同じものです。

 

長い間、どうもこの2つのフォームの明確な使い分けがわからずにいました。

なんとなく、「都道府県」のような選択数の多いものはドロップリスト、
すくないものはラジオボタン、というような使い分けをしていました。

実際、一般的にはそのように使い分けられているシステムが多いと思います。

 

ところが、スマートフォンが普及し、ウェブシステムもスマホで使えるように実装するようになり、
ある種のドロップリストがスマホでは非常に使いづらいと感じるようになりました。

たとえば以下のようなドロップリストをスマホで表示すると、
一部のスマホでは後半の文字が見えなくなることがあります。

実は後半の文字がきれてしまうのは多くのスマホブラウザの標準的な挙動なのですが、
これを調整して切れないようにすることも可能です。

しかし実際にやってみると、どうも見づらく、標準のまま文字が切れるのも見づらいのです。

ここで、スマホの場合はこのドロップリストをラジオボタンフォームで表示するようにしたところ、
非常に見やすくなりました。
文字が切れる、切れない、だけでなく、どんな選択肢があるのかがドロップリストより多く見え、
一覧性も増しています。

 

一般的には、多い選択肢はドロップリストでよいかと思いますが、
その選択肢の文字列が長い場合、かつスマホでも使うことが想定されている場合は、
多い選択肢でもラジオボタンにすることを考慮に入れてもよいかもしれません。

 

この記事の著者

イルカシステム(株) イルカシステム株式会社

イルカシステム(株)は、以下のような業務用ウェブシステムのご提案、受託開発、運用を行っております。

1.中小企業さま向けの社内向け業務ウェブシステム(営業支援、顧客管理、受注管理、請求入金管理、在庫管理、経営数値管理など)

2.医療業界向けの業務改善システム

※業務ウェブシステムの開発を効率化するための自社サービス「イルカベーカリー」をご提供しております。
※医療業界向けに、臨床研究の無作為割付自動化のための自社サービス「ムジンワリ」をご提供しております。

お問合せはお気軽に、こちらからどうぞ! → イルカシステム株式会社へ問合せ

著者:イルカシステム株式会社

お問い合わせ




会社概要

<p>イルカシステム(株)</p>
<img src="http://www.iruka-system.co.jp/wp-content/uploads/2017/01/WS000000.png" alt="会社概要 住所" width="243" height="84" class="alignnone size-full wp-image-49" />
<div class="alert alert-warning">
2017/1/1より、住所変更いたしました。
</div>
<p><span class="label label-success">TEL</span> 03-5843-9168</p>

  • 中小企業 41個の記事

    中小企業様にご提案・開発してきた実績をもとに、システム構築について記載した様々な記事一覧です。

  • 社内システム 39個の記事

    様々な社内システムをご提案・開発してきた実績をもとに、システム構築について記載した様々な記事一覧です。

  • わかりやすさ 30個の記事

    情報システムをわかりやすく使いやすいものにするためのノウハウ、気をつけていることの記事一覧です。

  • UI設計 27個の記事

    UI(ユーザーインターフェース)は、システムの使い勝手を左右します。どんな点に気をつけているか、どんな考えでシステム開発しているかの記事一覧です。

  • 顧客管理 26個の記事

    これまで構築した様々なシステムのうち、顧客管理機能をどのような観点でご提案、開発しているかをまとめた記事一覧です。

  • 受注管理 18個の記事

    これまで構築した様々なシステムのうち、受注情報を管理する機能をどのような観点でご提案、開発しているかをまとめた記事一覧です。

  • ビジネス 18個の記事

  • 業務 16個の記事

  • 要件定義 14個の記事

    要件定義とはどのようなシステムを構築するのかを決める作業です。要件定義において注意し、考えていることをまとめた記事一覧です。

  • クラウド 13個の記事

  • 登録画面 13個の記事

  • 編集画面 12個の記事

  • システム会社 12個の記事

  • 情報共有 11個の記事

  • みえる化 11個の記事

    手作業をシステム化して効率化するだけでなく、それらの情報を集約して簡単に見えるようにし、社員が自律的に動ける組織を作ることが「みえる化」です。

  • 一覧画面 11個の記事

  • 業務用ウェブシステム 10個の記事

  • エクセル 9個の記事

  • コミュニケーション 9個の記事

  • セキュリティ 8個の記事