Dans une application web, je viens d'ajouter une table de log qui affiche chronologiquement les derniers événements surveillés par l'application.
Ces événements sont de deux types principaux: les entrées et les sorties.
Afin de deviner rapidement le type d'événement, on m'a demandé de coloriser les lignes d'entrée en vert et celles de sortie en rouge.
Ma question est: sauf en ajoutant une couleur à chaque ligne, comment puis-je ajouter un indice sur le type d'événement?
Je n'utiliserais pas le vert et le rouge de cette façon, car le rouge a tendance à donner l'impression que quoi que ce soit enregistré, il a mal tourné. J'utiliserais quelque chose comme ça à la place:
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
pour les entrées
pour les sorties
La flèche pointant dans une sortie de l'icône indique les tâches d'E/S. (L'icône peut également être une base de données ou tout autre objet ayant un sens pour votre application).
Vous pouvez ajouter de la couleur aux flèches (vert et rouge) et de cette façon le "mauvais pressentiment" d'une ligne rouge pourrait changer un peu (et votre application sera plus propre; regardez que je n'ai pas utilisé un rouge alarmant).
Bonus:
Essayez de regrouper les lignes par événements similaires ou par dates, réduisez tout et essayez de développer les événements les plus récents. Cela permet de ne pas afficher énormément d'informations à l'avance, si l'utilisateur recherche quelque chose qui s'est produit tout à l'heure, il pourrait être en mesure de regarder dans les lignes développées, s'il cherche d'anciennes données, il pourrait peut-être naviguer plus facile sans faire défiler beaucoup.
C'est à peu près la façon dont SE le fait et je le trouve assez confortable.
J'espère que cela t'aides :)