Afficher une tâche en retard dans la liste des tâches
J'ai actuellement une liste de tâches (affichée ci-dessous) que je veux transmettre un moyen de représenter qu'il est en retard. Je ne veux pas ajouter trop d'icônes telles que des avertissements, etc., j'ai donc pensé que la meilleure façon était de mettre en surbrillance la date en rouge, et lorsque vous survolez la date, une info-bulle s'affiche indiquant "Cette tâche est en retard!".
Je me demandais quelle serait la meilleure façon de montrer cet état. Peut-être également inclure l'icône d'état de la tâche en rouge?
Vous devriez peut-être penser au tri en premier.
Tâches en retard affichées en premier
Si les articles en retard sont assez préjudiciables, ceux-ci devraient potentiellement être regroupés en premier en haut de la liste, peut-être appliquer un groupement qui attirera l'attention de l'utilisateur. Actuellement, vous pourriez avoir une étiquette de date rouge, mais que se passe-t-il si l'article en retard a été jeté sous le pli? Pire encore, que se passerait-il s'il était caché sous des pages? Les élever les rendra plus visibles et donnera un sentiment d'urgence nécessaire pour quelque chose d'aussi critique.
Considérez comment vous affichez les dates d'échéance
Les dates sont difficiles à retenir, les gens ne se souviennent généralement pas du jour du mois et, pour ajouter plus d'urgence, vous voudrez peut-être envisager de remplacer les dates par "5 jours restants". Pour les tâches en retard, vous pouvez envisager de simplement afficher "en retard", sauf s'il existe une politique stricte pour savoir si une certaine tâche est en retard d'un certain nombre de jours, puis peut-être lier des jours à cette tâche.
Le tri ou les dénotations de texte spéciales conviennent, mais il n'est pas très facile pour les utilisateurs de faire la différence en un coup d'œil. Je pense que mettant en évidence l'élément en retard le ferait ressortir le plus fort:
La mise en évidence ne devrait pas être trop drastique, même ce que j'ai fait ici pourrait être trop (j'ai utilisé # fff5f5). Il devrait simplement suffire à l'utilisateur de pouvoir distinguer rapidement et facilement les éléments.
Vous pouvez ajouter un rectangle rouge à côté de la date. La taille du rectangle variera en fonction des jours en retard.
Cela semble très bien - pourquoi ne pas simplement ajouter le mot "en retard" en rouge à la date à laquelle vous le rendez rouge? Pas besoin de faire effectuer une action supplémentaire à l'utilisateur juste pour connaître l'état, vous semblez avoir de la place sur la ligne de date. Ensuite, lorsqu'ils cliquent sur la date, cela pourrait les amener directement à la situation qui doit être rectifiée.
En s'appuyant sur réponse de DesignerAnalysy vous pouvez utiliser des barres pour afficher les jours/heures restants ainsi que les retards (mon accès aux outils graphiques est limité, mais les éléments suivants devraient donner une idée):
En fonction de l'étendue de la planification des tâches à venir, vous ne pouvez afficher ces barres que, disons, la semaine précédant la date limite de cette tâche (auquel cas la boîte englobante représenterait toujours 7 jours, et vous peut pas besoin de déclaration explicite du temps restant/en retard). Si la case représente un mois, vous voudrez peut-être (6d) ou (6 days) après les barreaux.
En plus (ou au lieu de) surligner tout l'élément en retard comme l'a suggéré @Chase Sandman, vous pouvez également mettre en évidence la date seule, en l'affichant en utilisant du texte blanc (ou un autre clair) sur un fond rouge. Cela expliquera clairement pourquoi la mise en évidence a été effectuée (qu'elle se rapporte à la date) tout en la rendant visuellement facile à remarquer.
Et en survolant, vous pouvez afficher du texte près de la date, comme "En retard de N jours" - ce qui en fait un texte dynamique sur la page plus facile à lire, sans le problème transitoire des info-bulles.