web-dev-qa-db-ja.com

モーダルウィンドウアクションボタン、上部または下部

シナリオ:デスクトップ(モバイルではない)上のWebサイトのファイルアップロードプロセスにより、モーダルウィンドウが起動します。

質問:アクションボタンをウィンドウの上部または下部に配置した方がよいでしょうか。

上部配置の長所と短所:コンテンツ領域のスペースが増えますが、プロセスフローは左上から始まり、下に移動してから、上に戻ります

下部配置の長所と短所:コンテンツ領域のスペースが少なくなり、プロセスフローが向上し、スクロールウィンドウの配置が奇妙になります。

enter image description here

8
HarveyZA

右下にボタンがあるはずです:

  • モーダルの標準はボタンを下に配置することです。そのため、人々がアクションボタンを探す場所になる可能性があります。
  • これは、Zパターンでのより自然な視覚的な流れの読み取りであり、定着したものです。
  • 右側のボタンは、(左から右の言語で)前進するような感覚があるため、送信ボタンの典型です。
21
JohnGB

これによると スタディを使用左下にボタンがある方がエラーと完了の点で優れています。

0
Seb