web-dev-qa-db-ja.com

プロセス(4〜5秒)が完了するのを待つ間、何を表示しますか?

フォーム(またはアクション)が処理されるまで、ユーザーが最大4秒または5秒(接続に応じて)待機している場合があることを認識しました。フォームには、他のサーバー(facebook)からデータを取得し、それを独自のデータとマージして、サーバーに送信することが含まれます。したがって、これがすべて起こっている間、いくらかのデッドタイムがあります。

私たちの最初の反応は、スピナーを使用して何かが発生していることを示すだけでした。次に、物事をフェードさせて、一種の偽の「スピード」に見せることに決めました。次に、本当に素晴らしい情報を提示したり、ユーザーを喜ばせたりする機会を逃しているのではないかと考えました。

この特定のユースケースに対する標準的なアプローチはありますか、それともスピナーが適切な方法ですか?

11
Parris

段階的なコピーのプログレスバーが好きです。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

9
Max

この4〜5秒間に何を表示するかについて、いくつかの素晴らしいアイデアがあります。しかし、その期間はまったく存在する必要はありません。本当にすぐに処理する必要があるのは、次のページの読み込み時に表示される情報だけです。その他はすべてバックグラウンドプロセスにオフロードできます。このアプローチにより、システムの稼働中にユーザーを楽しませる(または煩わせる)必要がなくなります。

7
kwh941

パターンライブラリは、他の人が問題についてどのように考えているかを発見し、その解決策を紹介するのに最適です。常に結果が得られるとは限りませんが、UX Q&Aサイトで例を求めるよりも効果的です。

Dribbbleのクイック検索:

http://dribbble.com/tags/loading

フライトトラッカーの結果の例を次に示します。 http://dribbble.com/shots/334949-Flight-Tracker-for-iPad

UIパレードには、興味深い外観の進行状況バーがいくつかあります。

http://www.uiparade.com/skill-type/progress-bars/

それ以外に、スプラッシュページからインスピレーションを得ることができます: http://www.Android-app-patterns.com/category/splash-pages

5
NotSimon

私が今まで見た中で最高のロード画面(ゲームから)は、50〜120秒のロード時間を相殺するGalagaアーケードシューティングゲームをユーザーに提示しました。 (Windowsのインストール中に見られるように)より一般的なのは、特定の%ポイントで画面上で交互に表示されるランダムなヘルプ/機能ダイアログヒントです。

個人的には、4〜5秒未満の読み込み時間については気にしません。ほとんどの場合、フォームの入力に5分を費やしたユーザーは、数秒の投稿でイライラすることはありません。ただし、プロセスの成功を確認するメッセージを含めます。

2
Josh Campbell

プログレスバーまたはスピナーの最終的なデザインはサイトによって異なりますが、処理が完了するまでに約4〜5秒かかると考えているので、それを呼び出して、ユーザーに通知する時間を通知する必要があります。彼らは待たなければならないでしょう。

あるいは、以下に示すように、Twitterハンドルの履歴を処理しているときに http://Tweet.grader.com が行うような興味深いアニメーションの組み込みを見ることができます。

enter image description here

この記事「T 彼のUX AJAXロードアニメーション 」を参照することをお勧めします。これは、さまざまな種類のアニメーションが伝える内容とそれらをどこで使用できるかについての入力を提供するためです。

2
Mervin

プログレスバーは常に良い選択です!

ただし、プログレスバーは必ずしもプログレスバーであるとは限りません。

(ref)を示した研究 ユーザーは、脈動速度を終末に向けて増加させるプログレスバーを経験しました。

プログレスバーをユーザーに速く感じさせるもう1つの方法は、脈動の数を増やすことです。同じ調査研究により、「脈動が増加するプログレスバーは、持続時間が短いと認識される可能性が高かった」ことがわかりました 1 。脈動の増加は、曲の小節ごとのビートによく似ています。小節あたりのビートが多いほど、テンポが大きくなり、曲の再生が速くなります。

しかし、この研究は次のように結論付けています。

ユーザーエクスペリエンスに関しては、知覚がすべてです。アプリケーションがユーザーにとって見た目と速度が速い場合は、実際にはそうです。

つまり、正解はありません。ユーザーはほとんどの場合、待機段階としてプログレスバーに応答するように「訓練されています」。加速脈動タイプの使用はIMOが最良の選択です。

研究へのリンク(PDF):
http://www.chrisharrison.net/projects/progressbars2/ProgressBarsHarrison.pdf

2
epistemex

トランザクションの処理中にeコマースWebサイトにメッセージが表示されることがあります。これには、ブラウザを押し戻したりリロードしたりしないようにするための指示を含めることができます。

スピナーや進行状況の表示も表示できます。

1
Leah

この待ち時間を使用して、何か、ロゴ(シンプルでシンプル)、または製品の競争上の優位性を強調することをお勧めします。

0
Madalina Taina

「進捗状況」を適切に数値化できる場合にのみ、プログレスバーを表示することは理にかなっていると思います。それが可変遅延である場合、進行状況が反映されることを期待して進行状況バーを確認するようにユーザーに要求することは、ユーザーエクスペリエンスの向上とは思えません。一方、砂時計やスピナーを使用することも、ユーザーフレンドリーではありません。

コンピューターゲームの読み込み中にヒントや事実を表示する方法が好きですが、必ずしもすべての種類のソフトウェアでうまく機能するとは限りません。

0
Michael Lai