Ce guide de style se concentre sur la création de descriptions de pages efficaces et d’infobulles pour l’interface utilisateur d’un produit. Ces deux éléments sont essentiels pour apporter clarté et contexte, aidant les utilisateurs à naviguer et interagir efficacement avec la plateforme.
Principes fondamentaux
| Principe | Ce que cela signifie |
|---|---|
| Clarté et simplicité | Utilisez un langage simple, sans jargon ni complexité technique. Gardez les messages courts et directs. |
| Régularité | Utilisez une terminologie cohérente dans toutes les descriptions et infobulles proposées. Suivez le même ton, la même tension et le même style tout au long de la plateforme. |
| Langage centré sur l’utilisateur | Écrivez du point de vue de l’utilisateur, en mettant l’accent sur les actions ou les bénéfices. Évitez les termes internes du système sauf s’ils sont destinés à l’utilisateur. |
| Accessibilité | Assurez-vous que le texte soit compréhensible pour tous les utilisateurs, y compris les non-natifs. Utilisez le cas de phrase pour la lisibilité. |
Descriptions des pages
Une description de page fournit une brève explication de la fonction de la page et aide les utilisateurs à comprendre les actions clés qu’ils peuvent y accomplir.
Bonnes pratiques
| Directives | Que faire |
|---|---|
| Résumez l’objectif de la page | Concentrez-vous sur ce que les utilisateurs peuvent accomplir sur la page. |
| Longueur limite | Limitez-vous à 1 à 2 phrases. Évitez les descriptions trop détaillées. |
| Utiliser un langage orienté action | Commencez par des verbes ou des expressions décrivant ce que l’utilisateur peut faire. |
| Évitez la répétition | Ne répétez pas le titre de la page ni ne dupliquez d’autres éléments de l’interface. |
Exemples
| Page | Description |
|---|---|
| Page de gestion des catégories | « Organisez et gérez vos catégories de base de connaissances pour structurer efficacement votre contenu. » |
| Page de téléchargement de fichiers | « Téléchargez des fichiers pour les attacher à des articles ou les partager avec votre équipe. » |
| Page des paramètres d’autorisation | « Définir les autorisations d’accès pour les groupes de lecteurs afin de contrôler la visibilité du contenu. » |
Infobulles
Une infobulle fournit un contexte supplémentaire ou une clarification sur un élément spécifique de l’interface utilisateur lorsque les utilisateurs survolent la cible.
Bonnes pratiques
| Directives | Que faire |
|---|---|
| Soyez concis | Limitez les infobulles à une seule phrase courte (moins de 15 mots). |
| Valeur ajoutée | Fournissez des informations non immédiatement visibles dans l’interface. Ne répétez pas les libelles ou descriptions déjà claires. |
| Utilise le présent | Concentrez-vous sur l’état ou l’action actuelle disponible pour l’utilisateur. |
| Sois précis | Adaptez les infobulles à la fonctionnalité de l’élément. Évitez les expressions vagues ou génériques. |
Exemples
| Élément | Infobulle |
|---|---|
| Champ des domaines autorisés | « Saisissez les domaines pour permettre aux utilisateurs ayant des adresses e-mail correspondantes de s’enregistrer. » |
| Bouton Export | « Téléchargez les données actuelles sous forme de fichier CSV. » |
| Paramètres SEO | « Optimisez votre article pour les moteurs de recherche en ajoutant une méta-description et des mots-clés. » |
Descriptions de pages vs. info-bulles
| Aspect | Descriptions des pages | Infobulles |
|---|---|---|
| Objectif | Fournissez un résumé de l’objectif de la page. | Offrez des conseils supplémentaires pour des éléments spécifiques de l’interface. |
| Placement | Sous le titre ou l’en-tête de la page. | Apparaît lorsque vous survolez un élément spécifique. |
| Longueur | 1 à 2 phrases. | Une phrase courte ou une seule phrase. |
| Ton | Neutre et explicatif. | Contextuels et pédagogiques. |
Liste de contrôle : Descriptions des pages
- Est-ce que cela explique clairement le but de la page ?
- Est-ce court et facile à lire ?
- Est-ce que cela guide l’utilisateur sur ce qu’il peut accomplir sur la page ?
- Est-ce que cela évite la redondance avec d’autres éléments de l’interface utilisateur ?
Checklist : Infobulles
- Est-ce que cela apporte une valeur au-delà de ce qui est visible dans l’interface utilisateur ?
- Est-ce concis et spécifique à chaque élément, sans être trop lourd ?
- Utilise-t-il le présent ?
- Est-ce que cela évite de répéter l’étiquette ou le titre de l’élément ?
- Est-ce dépourvu de jargon ou de terminologie complexe ?
- Est-ce grammaticalement correct et bien ponctué ?