web-dev-qa-db-ja.com

ToDoリスト/チェックリストをユーザーに提示する方法

私は、各ユーザーがいくつかのフォームに入力して、一部の管理者による検証が必要なデータを追加する必要があるWebサイトで作業しています。他のニーズに適用できる可能性のある一般的な解決策を見つけるために、詳細には触れません。対象となるのは、スキルが不明なユーザー、つまり、誰もが理解できるユーザーです。

私のtodoリストのステップ

  1. エンティティはすでに追加されています
  2. 別のフォームに入力する必要があります(0はこのフォームへのリンクです)、ステップ3の前後に入力できますが、ステップ4には必須です
  3. ユーザーは待機する必要があります(管理者はエンティティを検証する必要があることを警告するメールを受け取ります。管理者がオンラインでない場合、ユーザーにメールが届くと、数時間かかることがあります)
  4. ユーザーは、ステップ5をenableにするためにエンティティを追加する必要があります。
  5. これは、ステップ4で追加されたエンティティの検証状態のフィードバックのみです(ステップ3と同様に、管理者には電子メールで通知され、ユーザーは通知電子メールを受け取ります)

環境

最初のエンティティはユーザーからのリクエストです:デバイスで予約したいので、リクエストを送信しました。ユーザーが信頼できることを確認するには、管理者による検証が必要です。手順4と5のエンティティは予約なので、管理者は各予約を検証する必要があります。

現在の表示

Todo list

上部の緑色のバーは進行状況バーです。

アニメーション付きの現在の表示

Todo list animated

手順4と5は、エンティティが検証されるまで非アクティブであるため、灰色で表示されます。

質問

私の質問は、ユーザーと管理者の間の相互作用を示すリストを表示する最良の方法は何ですか?目標は、ユーザーが何をしなければならないか、そしていつ管理者のアクションを待つ必要があるかを明確に表示することです。

別の質問 で、テーブルの別の列を使用して管理者からのアクションを表示できることを確認しました。使用するスペースが少なくなります。例えば ​​:

  1. エンティティ[追加] [管理者により検証済み]
  2. 記入された2番目のフォーム
  3. エンティティ[追加] [管理者により検証済み]
8
A.L

To doリストでは、ユーザーの責任であるステップを表示することをお勧めします。これは彼の仕事に焦点を当てています。各タスクのステータスはプロパティであり、タスクとともに表示できます。また、タスクの命名にはコマンドムードを使用することをお勧めします。 Fill form の代わりに Form filled

プロセスのすべてのシーケンスが表示されるため、リストはステータスインジケーターに近く、Todoリストではありません。

また、プログレスバーは使用しすぎないようにしてください。リスト自体にインジケーターがあります。

可能な解決策は写真のようになります:
enter image description here

現在のステップ表現では、ユーザーに何らかの手掛かりを与えるのが良いでしょう。現在のステップを左側のマーカーでマークしました。それはアイテムの整列線を壊し、この「無秩序」を素早く発見することを可能にします。この保証ユーザーは現在のタスクに集中します。

ステータスアイコンのみに依存しないでください。誤解される可能性があります。ステータスメッセージを明確にしてください。それでも、アイコンについては、場所、タスク、ターゲットなどを選択します。写真を見てください:
enter image description here

適切なアイコン:
enter image description here

8

より広い文脈なしにあなたの質問に答えることは難しいです。

ユーザーは座ってエンティティが管理者によって検証されるのを待つ必要がありますか?はいの場合、どのくらい時間がかかりますか?ユーザーは検証結果についてどのように通知されますか?

2番目のフォームが別のタブで開かれていますか?バックエンド開発者はバックエンドから非同期イベントを(フロントエンドに)送信できますか?

1
Humanoit