web-dev-qa-db-ja.com

プロセスを移動する複数のアイテムのステータスの概要を表示する方法の良い例はありますか?

私はクライアントと協力して、ツールの設計で学校のデータの分析を実行し、学校をサポートするのに役立つレポートをユーザーに提示します。これは、ユーザーが実行するプロセスです。

  1. ユーザーが学校に関するデータをアップロードします。
  2. 学校のデータが特定のデータ品質の制限に合格すると、「予備レポート」が表示されます(正確性について確認されていないレポートですが、データがチェックアウトされている場合は、最終レポートと同じように、基本的にはドラフトレポートです)。これらの予備レポートには、ユーザーがデータエラーを修正して制限を超えないようにするためのデータ品質レポートが付属しています。学校のデータが制限を下回る場合、その学校は予備レポートには表示されず、データ品質レポートにのみ表示されます。
  3. この時点で、ユーザーは予備レポートを使用して作業をサポートできます。または、データエラーの修正に時間を費やして、レポートをより使いやすくすることができます。その間、クライアントには、一度に1つの学校をレビューするスタッフがいます。最終的なレポートを提供するために、評価/分析の層を追加します。
  4. 数週間後、スタッフが評価を完了すると、最終レポートが準備できたことがユーザーに通知され、サイトに戻って最終レポートを使用できます。

このプロセスの間、学校は次のような異なる状態になる可能性があります。

  1. Missing Data:ユーザーがこの学校のデータをアップロードしていない場合
  2. Below Data Quality Limit:この学校のデータが制限を下回り、したがって予備レポートに表示されない場合
  3. 予備レポートがあります:学校のデータがデータ品質の制限を超え、レビューに利用できる予備レポートがある場合
  4. 最終レポートあり:学校のデータがスタッフの評価を経ており、レビューの準備ができている最終レポートがある場合

ユーザーがレポートを表示しているとき、一部の学校はレポートに表示されず、一部の学校は一部のレポートに表示され、他の学校には表示されないため、学校が異なるバケットにあることを知っておくと役立ちます。

このため、私はユーザーに彼らの学校がこのプロセスのどこに落ちるかの概要を提供したいと思います。以下は私のオリジナルのデザインです。ユーザーが青いステータスバーをクリックすると、各バケットにある学校の詳細が記載されたテーブルに移動します。

report page with blue status bar

私はこのデザインに本当に満足していないので、インプットを得ることを望んでいました。私はまた、次のフィードバックを得ました:

  • これはプロセスであることをより明確にする必要があります
  • 合計が別々であり、バケット内の数字が学校を表していることはより明確である必要があります(タイトルで学校はすべてが学校を参照しているため、余計に聞こえます)
  • データが不足していて、データが制限を下回っているのは悪いことだと声をかけると役立つかもしれません。

以下は私が検討したいくつかの反復です。助けてくれてありがとう! explorations

7
mlveg

特に、アプリの複数の画面でこれらの同じ状態/ステージを参照する場合は、ワークフローのさまざまなステージに色とアイコンを使用することをお勧めします。

たとえば、すべての学校とそれぞれの州を一覧表示する場合は、ソーシャルメディアコンテンツ管理アプリで作成したこのようなインターフェイスを検討することをお勧めします。 enter image description here

ここでは、未作成(U)から書き込み(W)、モデレート(M)、スケジュール済み(S)、承認済み(A)、最終的に公開済み(P)への投稿のワークフローをキャプチャしてみました。これはこの段階ではやり過ぎに見えるかもしれませんが、アプリのこれらの状態/ステージを参照する場所を正確に計画するのに役立つため、それに応じて、必要な不動産の量と、それが必要かどうかを判断できますヘッダーまたはどこかに常に存在するフィクスチャ。

お役に立てれば。私はあなたの5番目のバージョンが好きでしたが、各州の相対的な陽性/否定性を示したいと思うでしょう。可能であれば、最終的に思いついた内容を共有してください。

1
karanbir88

UIとUXについては、注目に値する「パイプライン」または「販売目標到達プロセス」の管理プラットフォーム/サービスがいくつかあります。

パイプドライブ- https://www.pipedrive.com/en/features

セールスボード- http://www.salesboard.com/tour/

パイプライナー- http://www.pipelinersales.com/learn-crm/pipeline-management/

最終目標とコンテンツは異なる場合がありますが、「パイプライン」の内容を表示し、概要統計を提供する方法は、ほとんどのプロセス管理の状況に適用できます。

私はあなたがすでに持っているデザインが好きです。おそらく、各ステップの重大度を強調するために色を追加すること(赤、アンバー、緑)は、強調するのに役立ちます。

1
Stephen Keable