web-dev-qa-db-ja.com

注意が必要なアイテム、または最後のログイン以降に更新されたアイテムを強調表示する最も直感的な方法は何ですか?

ワークフロープロセスを管理するアプリを作成しています。ユーザーは、前回のログイン以降に更新されたタスクと、入力が必要なタスクを識別できる必要があります。タスクはグリッドにリストされます。ユーザーがログインしている間に他のユーザーによって更新されるタスクがさらに複雑になります。タスクの状態をユーザーに通知し続ける直観的な方法は何でしょうか?

入力が必要なタスクの横にオレンジのドットを使用し、前回のログイン以降に更新されたタスクのテキストを太字にすることを考えていました。

14
Jaco Briers

イエローフェードテクニック(YFT)を使用して、最近変更された領域にスポットライトを当ててみてください。ただし、最近アイテムが編集または更新された場合にもYFTを示すことができます。

また、stackexchangeでも使用されています。

次に、別のソリューションに移動します。ここでは、アイテムを別の色BGで強調表示して、アイテムが更新されたことを目立たせることができます。

また、BG変更なしで最も近いものですが、テキスト太字を維持することによってのみ、これはGMAILが最近受信したアイテムを処理する方法であり、これも受信トレイの更新です。

更新がリアルタイムで発生しない限り、セッションはリアルタイムではないため、ログインしているユーザーは更新を表示できないと思います。リアルタイムの場合は、[更新]をクリックしたときに、GMAILが新しいメールを管理する方法と同じ方法でアイテムを処理する必要があります。

12
inkmarble
  • Facebookが通知で行うのと同じアイデアを使用できます。メッセージインジケーターをドロップダウンメニューとして表示します。これは、複数のタスクリストを追跡する場合に最適です。
  • または、ホームページに最後にアクセスしてからの最近の変更のリストを表示します。
  • 変更がリアルタイムで発生する場合は、titleタグを利用して、別のブラウザータブで作業しているときに何かが発生したかどうかを確認できます。
3
Tony Bolero

ほとんどのメールは、太字のタイトルを使用して未読メールを表示し、通常のタイトルの既読メールを表示します。これはあなたのケースでもうまくいくかもしれません。グリッドのサイズによっては、オレンジ色のボール(一部のアプリケーションで使用されるバッジなど)を画面上の固定位置に配置するなど、注意が必要な問題(変更あり)があることを通知する別の方法が必要になる場合があります。

グリッドが大きすぎて、更新されたアイテムが一目見ただけでは見落とされる可能性がある場合は、他に考慮すべきことがいくつかあります。次の問題を表示するボタン、または未解決の問題のみを表示するフィルターが役立つ場合があります。

3
Jim

YFTの黄色のフェードテクニックは、更新された単一のアイテムを強調する良い方法ですが、複数の投稿を更新できるように思えます。黄色が消えたら、新しい投稿を表示する別のUI信号が必要になります。

グリッドで更新された投稿を強調する他のアイデア:

  • 投稿の左側に薄いオレンジ色の枠線(1-2px)を使用できます。未読のGoogle+投稿には、薄い青い枠線が付いています。現在編集中の投稿には、オレンジの破線の枠線が付いている可能性があります。

  • 投稿の右上隅を、Twitterがリツイートした投稿を表示するのと同じように、更新と編集を示すための領域として使用します。オレンジ色のコーナーを使用して、更新された投稿を表示します。投稿が現在編集中の場合は、オレンジ色のコーナーと編集アイコンを使用します。

3
Triona