web-dev-qa-db-ja.com

個別のプログレスバーで長い多段階プロセスの進行状況を表示していますか?

ユーザーが長時間かかるタスクを開始するデスクトップ向けのWebアプリケーションがあります。場合によっては、これらのタスクが完了するまでに数時間かかることがあります(ユーザーは、ジョブが完了するのを待つ以外に何もする必要はありません)。私は、タスクの進行状況を示す最も効果的な方法は何かを理解しようとしています。

従来の継続的なファイルコピースタイルの進行状況バーを、完了までの推定所要時間とともに表示することは、技術的に不可能です。各タスクには定義されたステップがありますが、各ステップは完了するまでに大幅に異なる時間がかかる場合があります。 50のステップ40にいるからといって、80%が時間的に完了しているとは限りません。

したがって、プログレスバーを個別の増分に分割することが理にかなっているのではないかと思います。たぶん、非連続的な進行状況バーは、タスクの進行状況について人々に誤った印象を与えることを避けるでしょうか?このようなもの:

mockup

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

これは合理的な解決策のように見えますか?または、単にプログレスバーのように見えるだけで、バーの途中から完了までの途中だと人々に思わせるには十分でしょうか。

「ステップ30/50」をテキストのどこかにリストする方が効果的でしょうか?

18
Mark D

プログレスバーはプロセスの距離を示します。進行状況バーが50%完了していると誰かが見た場合、彼らはそれが半分完了したと想定するでしょう。

あなたの状況ではそうではないので、各プロセスにかかるおおよその時間を事前に計算する方法がない限り、進行状況バーの使用は避けてください。その場合、時間の経過の概算を示します。

時間がかかる可能性があることを説明し、プロセスがまだ実行中であることを示すインジケータを表示することをお勧めします(これにはタイムカウンターが適切な場合があります)。次に、情報をstepsで指定し、ステップの概要を説明します。

これが私が提案することの大まかなモックアップです-設計はいくつかの作業で行うことができます: enter image description here

21
JohnGB

一般にどのステップに時間がかかるかがわかっている場合でも、プログレスバーを使用できます。各ステップに、およその時間と比例するセクションがあることを確認してください。

Dominos Pizzaトラッキングアプリは、どのステップが他のステップよりも長くかかるかを示すのに優れています。はっきりとわかるように、ステップ5は合計時間の最大3分の1です。

Dominos Pizza Tracker

ピザトラッカーは、完了したセクションでも点滅し、アクティブな状態である間、そのステップがどれだけ長くかかるかについて不確実性を示します。

17
zzzzBov

ユーザーが知りたい情報は何ですか?彼らは仕事がどれだけ完了したか知りたいですか、それともいつ完了するか知りたいですか?

ユーザーの期待が、インターフェースがかかる時間をユーザーに通知することである場合は、経過時間に関する情報を提供し、経過バーを使用して経過と平均を示します。タスクを単位として使用するセグメント化された進行状況バーではなく、時間を使用します。それは、ユーザーが探しているものだからです。

時間が正確に推定できるものでなければ、私は時間をまったく参照しません。むしろ、ステップに焦点を当てます。時間ラベルを削除した場合、あなたの例はこれをうまく行います。

ただし、時間を概算できる場合は、その情報を適切なコンテキストで提供して、ユーザーにとって意味のあるものにすると便利です。

mockup

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

要するに、ユーザーにとってより重要/有用な測定単位を決定し、その単位でステータスを明確に伝えるようにインターフェースを設計します。

ユニットを混在させないようにしてください。システムのステータスを本当に知っているかどうかをユーザーが質問するので、混乱が生じる可能性があります。

9
Charles Wesley

あなたの例に基づいて、あなたは個々の各ステップがどれだけの時間を費やすかを言うことができますか?もしそうなら、私はあなたに同意し、このような構造を提案すると思います:

ステップ30/5 |網状スプライン(推定残り8:47)

合計タスクに費やされた時間:47:52(推定1:25:00残り)

ユーザーが実行しているステップ、そのステップの名前、およびステップが完了するまでにかかる時間をユーザーに伝えます。近くには、タスクがこれまでにかかった合計時間のインジケータがあります。タスク完了までの時間ベースの見積もりを提供できる場合は、そこに表示します。

最終的に、ユーザーが知りたいのは、タスクの所要時間だけです。それがバー、時計、またはステップのリストであるかどうかは関係ありません。 (個人的には、バーはユーザーにとって常に一番嫌いなオプションです。)

2
Zak