1

Stack Overflow の大きなオレンジ色のバーのように、ユーザーに関連するアラートが発生したときに、その機能の 1 つがユーザーにリアルタイムで通知する Web アプリケーションを構築しています。

私にはいくつかのオプションがあり、これを行うための最良の方法に関するユーザビリティのガイドラインがあるかどうか疑問に思っていました. 1 つのオプションは、アラートが表示されたときに色が点滅する小さな通知ボックスを画面に表示することですが、単純に色を繰り返し変更するだけでは、ユーザーの注意を引くのに十分ではないのではないかと心配しています。

もう 1 つのオプションは、ウィンドウを画面全体に浮かせてユーザーの注意を引くようにすることですが、私はいつもそれが目障りであることに気付きました。別の形式のアニメーションを使用すると、煩わしさが減り、ユーザーの注意を引き付ける可能性が同じになるのではないでしょうか?

この種の決定をカバーする可能性のあるユーザビリティの議論/リソースを探しているほど、意見を求めているわけではありません。

4

6 に答える 6

3

答えは、ユーザーが注意を払うことがどれほど重要であるか、また何らかの行動を起こすことがどれほど重要であるかによって多少異なります。たとえば、「あなたのサーバーがちょうどクラッシュしました」という種類のアラートですか、それとも「ゼルダおばさんから新しい電子メールがあります」という種類のアラートですか?

最初の種類については、目障りなものが最適です。ウィンドウをフローティングするオプションか、ページの背景を派手な色に変更することもできます (そして、まばたきしますか??? 叩かないでください!)。私が見た注意を引くもう 1 つの良い方法は、ページ (つまりブラウザー ウィンドウ) のタイトルを「* * * * * *」の点滅するセットに変更することでした。

それほど重要ではない、あまり目立たない、すぐに目立たないものとして、SO の上部の通知バーは、ユーザビリティの観点から (最善ではないにしても) 最高のソリューションの 1 つです。これに対処し、それを見て、その動作がどれほど直感的であるか):

  • ユーザーの目は、他の場所よりも頻繁に画面の上部に移動します。

  • 一度気づいたら、それを取り除くのは非常に簡単です。バーは広く (マウスで簡単にヒットでき、水平方向の調整は必要ありません)、一番上にあります (ポインターをそこに移動するのにあまり細かいマウス操作は必要ありません)。

于 2009-10-01T18:12:52.550 に答える
1

私のシステムには3種類の通知があります。各タイプの通知は、境界線と背景色でスタイル設定されます。

  • 成功：緑
  • 警告：黄​​色
  • エラー：赤

「そのフィールドに正しく入力しなかった！」などのアラート インラインで処理されるため、ユーザーを苛立たせるポップアップはありません。

通知を数秒でフェードアウトするようにシステムを設計しました。これは、ユーザーが数秒後にフェードアウトする緑色のボックスを表示することに慣れていることを意味します。ただし、エラーや警告が発生した場合、ボックスはユーザーの目の前の画面にとどまり、注意が必要です。

警告とエラーは、絶対に必要な場合にのみ使用する必要があると思います。そうすれば、警告とエラーを使用すると、かなりのレベルの影響が維持されます。私のシステムでは、警告とエラーは消えません-何かが正しくないことを思い出させるためにそこにとどまります。

私の経験では、ユーザーと対話する場合は、ユーザーの顔を大きくして大きくしますが、ページの残りの部分を妨げるほど大きくしないでください。したがって、プロンプトやライトボックススタイルのオーバーレイはありません（私の意見では）。

于 2009-10-01T18:35:34.443 に答える
1

JGrowlをチェックしてください。目立たない通知のための優れたフレームワークです。ここでサンプルのスクリーンショットを見つけることができます。

于 2009-10-01T18:16:53.280 に答える
1

IMHO、迷惑レベルはエラーレベルを反映する必要があります...エラーの場合、エラーメッセージを含むレイヤーで、ユーザーが他のことをするのを防ぐ方が良いはずです。通知については、ページの上部に表示されるボックス (パスワードの保存を求めるブラウザーのようなもの) が便利です。

だから私はより良い解決策があるとは思わない...それはアラートのタイプに依存するだけです... :)

于 2009-10-01T18:12:19.937 に答える
1

リソースをお探しの場合は、Steve KrugのDon't Make Me Think をお勧めします。彼のサイトであるAdvanced Common Senseも優れた情報源です。

ユーザビリティのヒントとガイドラインに関するもう 1 つの優れたサイトは、Jakob Nielsen のuseit.com です。

先日、製品のダウンロード ボタンがあるサイトにいました。私はそれをクリックしましたが、何も起こらなかったようです。もう一度クリックすると、最初のボタンで作成されたダウンロード リンクが少し震えました。非常に効果的で、笑いました。

http://haanstra.eu/putty/

于 2009-10-01T18:26:51.593 に答える
0

jQuery UI の highlight() 効果関数は、何かが変更されたことを目立たないようにユーザーに警告するのに適していることがわかりました。ただし、他の人が言ったように、それはメッセージの重要性に依存します-時々、邪魔になる必要があるだけです!

于 2009-10-01T18:30:28.270 に答える