web-dev-qa-db-ja.com

長いフォームの上部に送信ボタンを配置することはできますか?

私は、ユーザーが必要なオプションをチェックする必要があるチェックボックスの3つの長い列を持つフォームを持っています。チェックボックスの量をソートすることは、恐れるオプションではありません。

私たちのユーザーのほとんどは、基本的なコンピュータの経験しか持たない高年齢層です。

彼らが望むオプションをチェックして、長いフォームの最後に送信ボタンが表示されず、ページを離れると情報が保存されない可能性があります。

送信ボタンを上に配置することを考えています。また、ユーザーが変更を保存せずにページを離れているかどうかを確認し、「変更が保存されていません。ページを離れてもよろしいですか?」などのモーダルダイアログを表示することも考えました。


皆さんのすばらしい回答に感謝します。すべてのソリューションにはトレードオフがあるようです。現時点では、モーダルダイアログを使用して、ユーザーの反応を確認することにしました。

下部に送信ボタンが表示されないという証拠はありません。 Nielsenは、長いフォームでは1〜2ページフルで問題ないと述べています。

フォームの完全な長さは、フォームを分割する十分な理由ではないことに注意してください。はい、1つまたは2つの画面いっぱいに固定することをお勧めします。フォームが多くの画面を占める場合は、質問とオプションのいくつかを排除することを真剣に検討する必要があります。そうしないと、ユーザーを圧倒し、コンバージョン率が低下する可能性があります。しかし、すべての要素が本当に必要な場合は、それらを1つの長いページに配置できます。各要素が簡単で、すべてのユーザーが長い行進の各ステップを完了する間、スクロール(およびため息)を続ける必要があることを確認してください。祝福された送信ボタンに。

6
elsuertudo

ターゲットユーザーグループを考慮して、ウィンドウを閉じる前に保存されなかった場合に備えて、モーダルダイアログを使用します。

フォームを部分的に入力して途中で送信できる場合、重複する送信ボタンは非常に役立ちますが、これはあなたのケースではないようであり、技術に精通していないユーザーがページに同じボタンをいくつか表示すると混乱する可能性があります。

追伸:これがログインユーザーが入力したフォームの場合、回答の自動保存を検討していますか?私はまだこれに慣れていない人のための明確な送信ボタンを含めますが...

0
Philip Seyfi

上部または下部にある[送信]ボタンを使用すると、ユーザーがオプションがいっぱいの画面に入力して[送信]をクリックすると、一部のオプションが欠落するリスクが常に発生します。

より良い解決策は、チェックボックスをサブセットに分割し、ウィザードのように別々のページにそれぞれを表示することです。各ページには「Step n of m」という見出しを付けることができるので、ユーザーは、自分がどれだけの作業を実行し、どれだけの作業が必要かを知ることができます。その後、必要なすべてのオプションを設定せずに彼らが去らないようにすることができます。

すべての質問に答える必要がない場合、つまり一部のオプションをデフォルトのままにして、ユーザーが必要に応じてそれをスキップできるように、これらを最後のページに配置します。

6
ChrisF

送信を最初に置くことは、意味的に意味がありません。私は、人々がフォーム記入プロセスについて持っているメンタルモデルは、フォームを記入して、それを提出/投稿/送信/送信することだと想像します。したがって、送信は最後に行う必要があります。

フォームを複数のページに分割できますか?次に、最後に提出しますか?さまざまなキューを使用して、ステップ/ページの数と進行状況に関する情報をユーザーに提供できます。

送信せずにページから移動しようとしているという事実を把握できますか? (個人的にはこれのファンではありません)。

可能であれば、思いついたソリューションをユーザーがテストしてください。

4
Sheff

これを処理する最も簡単な方法は、「オプションを選択し、ページの最後にある「保存」をクリックして変更を保存するために「保存」をクリックしてください」のようなヘルプテキストを追加することであると考えます送信ボタン。

および「変更が保存されていません。ページから移動してもよろしいですか?」 "保存されていない変更があります、保存しますか?"オプションとしてSave | Do n't Saveを使用して、ユーザーに直接保存させることで問題をより適切に処理します。

2
Kashyap

アクセシビリティPOVから、スクリーンリーダーで閲覧しているユーザーは、チェックボックスの前に最初に[送信]ボタンを見つけます。

また、[送信]に合格し、チェックするすべてのボックスをオンにしてから、Shiftキーを押しながらもう一度[上に移動]ボタンを押して[送信]ボタンに移動する必要があるため、使用が非常に困難になります。

2
Simon Hudson

上部に「送信」ボタンを作成し、「固定」/ページからスクロールしない場合、送信ボタンは常にそこにある場合はどうなりますか?

1
tloo