色々なフォームの作り方へ

選択肢を2列・1列に並べ替える方法|ラジオボタン・チェックボックスを見やすく配置するコツ

アンケートや申込フォームで選択肢が多いと、縦に長く伸びてスクロールが増えてしまいます。反対に、長い文章の選択肢を横に詰めて並べると、読みにくくなります。

RAKUFOでは、ラジオボタン・チェックボックスの項目ごとに、選択肢を「2列」で並べるか「1列」で並べるか を切り替えられます。この記事では、その設定方法と、どちらを選ぶとよいかの目安を紹介します。

設定方法

  1. フォーム編集画面で、ラジオボタンまたはチェックボックスの項目を選択する
  2. 項目の設定にある「選択肢の並び」で「2列」または「1列」を選ぶ
  3. 編集画面の表示がその場で切り替わるので、見た目を確認する
  4. プレビューで、パソコンとスマホの両方の表示を確かめる

新しく追加したラジオボタン・チェックボックスは、初期設定が「2列」 になっています。長い選択肢を使う項目は、追加したら1列に変えておきましょう。

なお、プルダウン(セレクトボックス)は選択肢を一覧で開く形式のため、この設定はありません。

回答者の画面での見え方

  • 2列:選択肢が左右2つずつ並びます。順番は「左→右」に進み、次の行へ続きます(1番目と2番目が1行目、3番目と4番目が2行目)
  • 1列:選択肢が上から順に1つずつ縦に並びます
  • スマホなど画面幅が狭い場合:2列に設定していても、自動的に1列で表示されます。スマホで選択肢が窮屈に並んで押し間違える、ということは起きにくい作りです
  • 「その他(自由入力)」がある場合:2列表示でも、「その他」を選んで入力欄が開くと、その選択肢は横幅いっぱいに広がり、入力しやすくなります
  • 任意のラジオボタンの「選択を外す」:選択肢の並びにかかわらず、選択肢の下に横幅いっぱいで表示されます

2列と1列の使い分けの目安

選ぶ並び 向いている選択肢の例
2列 「はい/いいえ」「男性/女性/回答しない」、都道府県・曜日・時間帯など 短い言葉 が並ぶもの
2列 「興味のある分野(複数選択可)」のように、順番に意味がない 選択肢が多いもの
1列 「〜のため」「〜が不便だった」など 文章になっている 選択肢
1列 「とても満足/満足/ふつう/不満/とても不満」のように 順番に意味がある 段階評価
1列 料金やプラン名に説明が付くなど、1つの選択肢が2行以上になるもの

特に注意したいのが 段階評価 です。2列にすると「とても満足」「満足」が1行目、「ふつう」「不満」が2行目……と折り返すため、段階の並びが直感的に読み取りにくくなります。段階を表す選択肢は1列にしておくほうが安全です。段階評価の作り方は星評価・5段階評価を使ったアンケートフォームの作り方も参考にしてください。

具体例:イベント申込フォームの場合

  • 「参加する日程」(10/5(土)、10/6(日)、10/12(土)、10/13(日))→ 2列。短く、左右で週末がそろって見やすい
  • 「このイベントを知ったきっかけ」(知人の紹介、SNS、チラシ、ウェブ検索、その他)→ 2列。「その他」を選んだときだけ入力欄が横幅いっぱいに開く
  • 「参加の目的に近いものを選んでください」(「仕事で使える知識を得たい」「同じ分野の人とつながりたい」など)→ 1列。文章が長く、2列だと途中で折り返して読みにくい

よくある質問

Q. 3列以上にはできますか? A. 選べるのは「1列」と「2列」の2種類です。選択肢が非常に多い場合は、プルダウンに切り替えるか、質問を分けて選択肢を絞ることも検討してください。

Q. スマホでも2列で表示させたいのですが。 A. 画面幅の狭い端末では、押し間違いを防ぐため自動的に1列になります。スマホでの見やすさについてはスマホで入力しやすいフォームにするチェックリストもご覧ください。

Q. 並びを変えると、回答データに影響はありますか? A. 並びは見た目だけの設定です。回答一覧やCSVに記録される内容は変わりません。すでに回答が集まっているフォームでも変更できます。

関連記事

この記事をシェア

https://rakufo.com/support/detail/185
X LINE

Welcome back

おかえりなさい

メールアドレスとパスワードでサインイン

Googleでログイン

Get started free

アカウントを作成

メールアドレスや Google 連携を使ってRAKUFOをご利用ください(無料)。

Googleで無料登録