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

公開日:2017/03/07

この記事は、書かれてから 3 年以上経過しており、内容が古い可能性があります。

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

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

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

 

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

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

TBSラジオ 文化放送 ニッポン放送

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

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

 

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

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

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

TBSラジオ 文化放送 ニッポン放送

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

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

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

 

どちらを使うか

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

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

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

このページの著者

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

  1. 中小企業さま向けの社内向け営業支援、顧客管理、経営数値管理システム

    経営数値をリアルタイムで見える化し、目標達成度を常に把握することができ、顧客へのフォローもスムースになります

  2. 中小企業さま向けの受発注管理、請求入金管理、在庫管理

    御社特有の受発注業務、出荷処理をシステム化することで業容拡大への大きなお手伝いとなります

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

    ※医療業界向けに、臨床研究の無作為割付自動化のための自社サービス「 ムジンワリ 」をご提供しております。

  4. IoTシステムの開発

詳しくは ご提供サービス を参照してください。

お読みいただきありがとうございました

情報の保存は自動で行うべきか

情報の状態を指定するのに使うフォームは?

こちらもおすすめ

システム化の相談はしてみたけれど...

中小企業のシステム導入に心強い補助金

お客様とのつながりを点数化し分析する

お客様との接点を記録することのメリット

顧客管理システムの目的は名簿作成ではない

顧客との接点を増やし売上をあげるシステム

お客様とのやりとりの記録のススメ

遠くのシステム会社が安い金額の提案をしてきたら?

システム会社に社内システムの保守を依頼するには

社内システムはできたあと、利用期間のほうが長い