web-dev-qa-db-ja.com

非常に長いフォームの保存/キャンセルボタンの最適な配置は何ですか?

私は少なくとも30〜40のフィールドを持つ大きなプロジェクト作成フォームを持っています。ここで、関連するフィールドを適切なヘッダーを持つセット(3列に分割)としてすでにグループ化していますが、それでも長いフォームがあります。

私の質問は、保存/キャンセル/編集ボタンをどこに配置すればよいですか?読み取り専用モードで編集のみを表示しています。ユーザーがフォームを上から下に入力して[保存]をクリックすると、左下隅に配置されました。場合によっては、フォームを保存するために上部のセクションを埋めるだけですべてのフィールドが埋められないことがあります。その場合、ユーザーは一番下までスクロールする必要があります。

このパターンを裏付けるデータや研究はありますか?あなたがお勧めする別のアプローチはありますか?私は公式のガイドラインには興味がなく、研究に裏打ちされた原則とそれに対応する情報源に関心があります。

15
Ravi

別のオプションは、コンテナー内のフォームをスクロールし、ボタンのセットを1つ残すことです。

ページ全体をスクロールし、ボタンが常に画面に表示されているわけではありませんか?

6
CaffGeek

Jetbrains Teamcity (継続的統合ツール)のアプローチが気に入っています。

フォームの最後に通常の保存/キャンセルボタンがあります-ユーザーがすべてのフィールドに上から下に入力する場合。

また、変更が行われるとすぐに、画面の下部に「オーバーレイ」が表示され、変更が保存されていないことを通知するメッセージが表示されます。「保存」ボタンがそこにあります。

ユーザーがどこをスクロールしてもかまいません。ウィンドウの下端の中央に保存ボタンがあります。

4
Bevan

あなたの場合、下部と上部に2つのボタングループがあることは理にかなっています。

この方法で3つのタブにコンテンツを配置できる場合、ユーザーは必要な各ステップを完了する必要があり、ボタングループは1つで十分です。

1
ALH

この場合、ユーザーはすでに非常に長いフォーラムを埋めています。アクセスしやすいので、私は、下部中央に配置する正しい場所を考えています。右上隅が再びスクロールすることを意味する場合は、スクロールしてから、アクセスが非常に難しいものを選択します。

0
ramyadesigner