Skip to main content

Affichage des données

Introduction

Cette rubrique explique comment afficher les données dans nos interfaces utilisateur, un élément essentiel pour la qualité et le bon usage d'une application. Les données affichées peuvent être des chiffres, des dates, des horaires, des images, des icônes, etc. Regardez la vidéo pour en savoir plus. 

Vidéo

Transcription

La qualité et le bon usage d'une application dépendent de la manière dont les données sont affichées.

Prenons par exemple l'affichage des chiffres. Un utilisateur ne doit en aucun cas avoir à se demander si le chiffre présenté est égal à 100 000 ou 1 000 000. Les séparateurs de milliers (virgules aux États-Unis, points dans la plupart des pays du monde, espaces en France) sont indispensables pour un affichage clair des nombres.

Faites le test. Combien de temps vous faut-il pour comprendre cette valeur ? Et pour cette valeur ? Comparez les deux. Veillez à toujours utiliser des séparateurs de milliers.

Un affichage clair des dates et des heures évite les erreurs de compréhension. L'affichage de la date et l'heure dépend de ce que vous voulez montrer :

  • Le temps relatif, qui donne à l'utilisateur une idée générale de la durée après ou avant un événement.
  • Le temps absolu, qui indique une date/heure exacte.

Adoptez une logique de temps relatif lorsque l'utilisateur doit savoir en gros quand un événement s'est produit ou se produira. La plupart des cas d'usage de la date et de l'heure dans les applications Pega entreront probablement dans cette catégorie.

Utilisez le temps absolu pour les besoins d'horodatage. Le temps absolu sera utilisé dans des contextes plus techniques. Si vous adoptez une logique de temps absolu, incluez toujours la date et l'heure. Exemples : date et heure des audits ou des historiques de journalisation. Veillez à la cohérence, quel que soit le format choisi pour répondre à vos cas d'usage.

Dans une application en production, les libellés des données doivent être clairs et concis. Le type de données est souvent évident pour l'utilisateur, en raison du format des valeurs ; les libellés peuvent donc être raccourcis.

Dans cet exemple, les valeurs sont manifestement des dates, et l'indication de date peut donc être supprimée du libellé. 

Vous pouvez ainsi simplifier l'interface utilisateur.

En termes d'expérience utilisateur, les images et les icônes sont deux choses tout à fait différentes. 

Dans les applications d'entreprise, les images servent en général à représenter ou identifier des produits, des pièces ou des personnes. Les images doivent être claires, photographiées ou dessinées de manière professionnelle, et la résolution doit être appropriée pour des écrans haute densité.

Une icône sert à représenter une action unique, comme la modification ou la suppression d'un point de navigation, le retour vers la page d'accueil, ou la catégorisation d'un élément, verrouillé par exemple.

Une icône sert à représenter une action unique, un point de navigation ou la catégorisation d'un élément. Les icônes doivent être utilisées lorsqu'une action, un point de navigation ou une catégorie revient régulièrement dans une interface utilisateur ou dans l'ensemble d'une application. L'usage d'une icône évite des répétitions visuellement gênantes. Il est possible de simplifier une interface utilisateur en remplaçant des libellés répétitifs par des icônes, mais à la condition que celles-ci soient immédiatement identifiables. Une icône ne doit pas servir à représenter un concept ou une action complexe. Chaque icône doit avoir une seule signification et être utilisée de manière cohérente dans toute l'application. Par exemple, un crayon ne représente que l'action « Modifier ». Si une icône n'est pas immédiatement comprise, vous devez vous interroger sur l'intérêt de l'utiliser plutôt que des mots. Testez-la auprès de vos collègues. Enfin, les icônes doivent être visuellement cohérentes. Ne mélangez jamais des icônes trouvées sur le web. Une iconographie incohérente reflète un manque de professionnalisme dans une application.

Utilisez le jeu d'icônes Pega ou un autre jeu d'icônes professionnel, et soyez cohérent quant à l'utilisation d'icônes creuses ou pleines. Le jeu d'icônes Pega inclut les deux types d'icônes.

Vérifiez vos connaissances avec l’interaction suivante.


This Topic is available in the following Module:

If you are having problems with your training, please review the Pega Academy Support FAQs.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice