web-dev-qa-db-ja.com

成功するかどうか。

特にWebで本当に必要なものかどうか調べました。

私は2つの素晴らしいUX SEの答えを見つけました。

1つは次のものです: https://ux.stackexchange.com/a/11652/8696

もう1つは次のものです: https://ux.stackexchange.com/a/23354/8696

最初の答えは、それは本当に必要ではないと言うようです。

2つ目は、「正しい」場所に置くだけだと言っているようです。

私の質問は今です:

  • 「成功」メッセージを入れる必要がありますか?または、障害が発生した場合のみですか?
  • はいの場合、どこですか?右上?右下?下中央全幅?上中央全幅?

[〜#〜] edit [〜#〜]現在私が考えているコンテキストは、新しいレコードを作成するときです。フォームを送信して新しいページにリダイレクトした後、通知/トースト/ポップアップなどを表示する必要がありますか?

5
jen

あなたは成功のメッセージを入れる必要がありますか? はい。成功メッセージを入力する必要があります。

ウェブを使用する場合;実際に使用しているアプリケーションと会話しています。したがって、なんらかのアクションを実行すると、会話中の2人目として、システムが正しいアクションを実行したことを通知する必要があります。次のようなアクション。商品の購入、フォームの記入、メールの送信など。

「常にアクションのコンテキスト内で検証を表示する」:

  • メッセージがフォームフィールド向けである場合は、フィールドの近くに表示します。

  • メッセージがセクションに関するものである場合-セクションの上に表示します。

  • メッセージがページ全体を対象としている場合は、ページの上部に表示して、ユーザーが見逃さないようにします。

問題の入力から離れたページの上部または下部に検証メッセージをグループ化すると、入力とエラーの間のリンクが分離されるため、すべてのコストで回避する必要があります。ユーザーがエラーメッセージを表示できないか、同様に入力を見つけることができない場合、ユーザーは非常にすぐにイライラして跳ね返ります(私は知っています)。

https://medium.com/@andrew.burton/form-validation-best-practices-8e3bec7d0549#.xkeb6ld96

enter image description here


enter image description here

更新

質問の最初のリンクは、MS Windowsを参照しています。これは、ユーザーが自分のマシンで行うローカルアクションです。 Webアプリケーションについて考えるとき、その答えは失敗します。オンラインアプリケーションを扱う場合、ローカルではありません-要件を満たしている別のアプリケーションがあります。ほとんどの場合、何かが機能しているかどうかはわかりません。そのため、アプリケーションが、実行したアクティビティについて通知する必要があります。

5
DPS

アクションが成功したことをユーザーに知らせるために、何らかのフィードバックが必要です。ページに目立った変更がある場合(たとえば、選択した電子メールメッセージがなくなった場合)、明示的な成功メッセージは必要ありません。そうでない場合は、少し注意する必要があります。

それが目立つ限り、その配置はあなた次第です。 (ユーザーがページを下にスクロールした場合に見えなくなる可能性のある場所にその通知を表示しないでください。)続行する前にユーザーが閉じる必要があるモーダルウィンドウを使用しないことをお勧めします(特別な場合を除く)。

Netflix DVDキューからの削除など、場合によっては、削除されたアイテムがあったキューに成功メッセージを入れ、「元に戻す」などの他のアクションと組み合わせます。

Netflix Deletion

1
Ken Mohnkern

feedbackを表示する必要がありますが、必ずしもテキストメッセージである必要はありません

入力中にキーを押すと、画面に文字が表示されます。これは非常に小さなアクションであり、何が変更されたかがすぐにわかるので、そのための成功ポップアップを表示するのはやりすぎです。同じように、ファイルを削除すると(Windowsでは、削除キーを使用)、アイコンが消えます。変更点がすぐにわかります。これらのアクションは両方とも、明示的なメッセージなしでフィードバックを持っています。

現在のインターフェースはわかりませんが、概要やナビゲーションペインなどが表示されている場合は、フォームを縮小してリストに移動できます。新しいレコードを取得し、残りのレコードと一緒に配置することを強く視覚化します。

0
PixelSnader