複数選択するフォームを考える

2017年3月7日

顧客の好きなものをいくつかの選択肢から複数選んで記録する、といったような場合
どういったフォームを使えるでしょうか。

ウェブシステムでとりうるのは二種類あります。

前回も少し触れましたが、一つは「チェックボックス」です。
そしてもう一つは「セレクトボックス」です。

 

チェックボックスで複数選択する


お客様のすきなラジオ局を選ぶ場合、チェックボックスでは以下のようなフォームになります。



チェックボックスをクリックしてONにすれば「選択」、
再度クリックしてチェックを外せば「未選択」です。

チェックONにしたものが「選択」状態である、というのはすんなりと理解しやすく、
操作も単純なので慣れない方にも優しいフォームです。

 

セレクトリストで複数選択する


あまり見かけないかと思いますが、以下のフォーム(セレクトリストとよびます)
でも、複数選択することができます。

ctrlキーを押しながらマウスでクリックすると1件ずつ選ぶことができます。
shiftキーを押しながら選ぶと、範囲をまるごと選択できます。

…わかりましたでしょうか?

この操作方法はわかりづらく、慣れない方にしてみれば、
このフォームで複数選択することはかなりハードルが高いと思われます。

※なお、スマホではチェックボックス風にみえるので、多少はわかりやすくなっています。

 

どちらを使うか


正直に言いますと、後者のセレクトリストの、チェックボックスに対する優位性が全くわかりません。

弊社でも、セレクトリストを複数選択のために使ったことはありません。

セレクトリストを使うべき場面をご存知の方は、コメントなどでお知らせ下されば幸いです。

 

この記事の著者

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

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

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個の記事