web-dev-qa-db-ja.com

タスクリストに期限切れのタスクを表示する

現在、期限切れであることを示す方法を伝えたいタスクリスト(下に表示)があります。警告など、あまり多くのアイコンを追加したくないので、日付を赤で強調表示するのが最善の方法であると考えました。日付にカーソルを合わせると、「このタスクは期限切れです!」というツールチップが表示されます。

この状態を示すためのより良い方法があるのではないかと思っていました。おそらく、タスク状態のアイコンを赤くすることも含めますか?

enter image description here

27
Bryce Snyder

多分あなたは最初に分類について考える必要があります。

最初に表示された期限切れのタスク

期限切れのアイテムがかなり有害な場合は、リストの一番上に最初にグループ化する必要がある可能性があります。おそらく、ユーザーの目を引くグループ化を適用します。現在、あなたは赤い日付ラベルを持っているかもしれませんが、期限切れのアイテムがフォールドの下に投げられた場合はどうなりますか?さらに悪いことに、それがページの下に隠されていたらどうでしょうか?それらを育てることは、それをより目立たせ、何かがクリティカルであることに必要な緊急性の感覚を与えます。

期限の表示方法を検討してください

日付は覚えるのが難しく、通常、月の何日か覚えていません。緊急性を高めるために、日付を「残り5日」に変更することを検討してください。期限切れのタスクについては、特定のタスクが特定の日数遅れているかどうかに関する厳密なポリシーがない限り、「期限切れ」と表示することを検討する場合があります。

35
Majo0od

並べ替えや特別なテキスト表記は問題ありませんが、ユーザーが一目で違いを確認するのは簡単ではありません。 highlighting期限切れのアイテムは、最強のポップアウトになると思います:

Highlight the overdue items in the task list

ここで行ったことは多すぎるかもしれません(私は#fff5f5を使用しました)。ユーザーがアイテムをすばやく簡単に区別できるようにするだけで十分です。

25
Chase Sandmann

日付の横に赤い長方形を追加できます。長方形のサイズは、延滞日数によって異なります。

enter image description here

8
DesignerAnalyst

これは非常に見栄えがします。赤にした日付に「OVERDUE」という単語を赤に追加しないでください。ステータスを知るためだけにユーザーに追加のアクションを実行させる必要はありません。日付の行に余裕があるようです。次に、日付をクリックすると、修正が必要な状況に直接移動できます。

6
Mattynabib

上に構築 DesignerAnalysyの答え バーを使用して、残りの日数と時間、および期限切れを表示することができます(グラフィックツールへの私のアクセスは制限されていますが、次のように考えてください):

progress bars

計画されているタスクの範囲に応じて、これらのバーは、たとえば、そのタスクの締め切りまでの1週間にのみ表示される場合があります(この場合、境界ボックスは常に7日間を表し、かもしれません残り時間/期限切れの明示的なステートメントは必要ありません)。ボックスが月を表す場合は、(6d)または(6 days)バーの後。

6
TripeHound

@Chase Sandmanが提案したように期限切れのアイテム全体を強調表示することに加えて(またはその代わりに)、真っ赤な背景に白(または他の明るい)テキストを使用して日付を表示することにより、日付のみを強調表示することもできます。これにより、ハイライトが行われた理由(日付に関連している)が明確になり、視覚的にもわかりやすくなります。

また、ホバリング時に、「N日間の期限切れ」などの日付の近くにテキストを表示できます。実際のページ上のダイナミックテキストにすると、ツールチップの一時的な問題がなく、読みやすくなります。