web-dev-qa-db-ja.com

アクションdivの「続行」および「再試行」ボタンの位置

Webコンソールについて：

警告が出て失敗すると、時々停止するプロセスがあります。警告を無視して失敗した後、ユーザーに再試行または続行を許可しています。

再試行-プロセスは失敗した\警告エンティティの操作を再試行します続行-プロセスは失敗した\警告エンティティを無視し、次のフェーズに進みます

[再試行]ボタンと[続行]ボタンは、実行中のステップの最後に表示される新しいdivの一部です。

ボタンはどのような順序で配置する必要がありますか？ 「再試行、続行」または「続行、再試行」

user-behaviorbuttonswebprocessprompt
5
Shushi

次の順序である必要があります。

  1. リトライ

  2. 継続する

理由：再試行することにより、ユーザーは警告が解決されたかどうかをもう一度確認して、コンパイルを正常に進めることができます。したがって、これが最初に推奨されるアクションです。

[続行]は警告を無視し、[再試行]オプションが機能しない場合に2回目に使用できます。ただし、常に再試行することをお勧めします。

また、Continueの名前をIgnoreに変更すると、よりわかりやすくなります。

Prompt

2
Swapnil Borkar

これは、記事で説明されているOK-CancelシチュエーションのNielsen/Normanグループと比較できます。 http://www.nngroup.com/articles/ok-cancel-or-cancel-ok/

ネタバレ：是非。

ただし、注意すべき点がいくつかあります。まず第一に、あなたの選択が一貫していることを確認してください。したがって、このような状況がさらにある場合は、常に確認ボタンを押してください（あなたの場合は続行してください）。デスクトップアプリで作業している場合、OSはボタンを配置する必要がある順序のガイドラインになる可能性があります。ウェブアプリで作業している場合、これはデスクトップほど簡単ではありません。統計はあなたを助けることができます。ほとんどのユーザーがWindowsマシンを使用している場合は、[OK]ボタンを最初に配置するのが賢明です。

Focus-stateを使用して、ユーザーの注意を[OK /続行]ボタンに案内することもできます。しかし、残念ながら、これもWebでは一般的ではありません。これを解決するために、より目立つボタンの代替スタイルをデザインできます。また、続行で行ったのと同じように（OKや確認ではなく）、ラベルを説明するようにしてください

3
Ruudt