Aller au contenu principal

UX Writing

Qu'est-ce que l'UX content ?​

  • Tous les contenus (mots, images, idées, vidéo)
  • Tout le contenu qui apparaît à différents stades du produit
    • Commercial : publicités, articles, emails, pages de produits, tweets & posts
    • Onboarding : tutoriel, guides de démarrage
    • Utilisation : alertes, titres, boutons, description, aide contextuelle
    • Support : messages d'erreurs, alertes,...
  • UX Writing = voix (consistent et reconnaissable) et usabilité (= facile même pour les débutants)

Intégrer l'UX Writing dans le design system​

Avoir un content style guide

Voice chart​

Avoir un "voice chart" et écrire les attributs pour chaque principe du produit (exemple de principes : "simple", "personnel", "gratifiant",...)

Attributs :

  • concepts
  • vocabulaire : lister le vocabulaire utiliser (nom), tu, fun,...
  • verbosité : combien de mots, bref, long,...
  • grammaire : quel temps utiliser pour les verbes, quelle personne/forme, utilisation d'astérisque ou non,...
  • ponctuation
  • capitalisation

Avoir des design patterns textuels​

Pour chaque pattern, identifier son objectif et son pattern

Quelques exemples de patterns :

"Tâche"

  • Objectif : clarifier l'action à prendre
  • Pattern : {Verbe} (le/la) {nom} (ex: Toucher l'écran)

"Action : Bouton"

  • Pattern : {Verbe} (même verbe que dans le titre)

"Description"

  • Pour faire X, {verbe} le {nom}
  • 3 lignes maximum, ~40 caractères de large, mettre les mots clés à la fin des lignes

"Transition" (confirmer qu'une action est en cours)

  • {Verbe}ion (du {nom})
  • {Verbe}é le {nom} (ex : "Sauvegardé sur le drive")

"Erreurs bloquantes"

  • Doivent être humainement lisible
  • Because of {problem name}, you can't X [until Y happens]

Mesurer l'impact / métriques​

  • Est-ce que les gens vont jusqu'à la fin ?
  • Combien de temps faut-il pour réaliser x fonctionnalité majeure la première fois ? (onboarding)
  • Combien de personnes perdons-nous après des messages d'erreur ?

Tester le contenu​

  • test du surligneur : donner aux gens un document en ligne ou même un document physique et leur demander : « Surlignez en vert quand vous aimez vraiment le contenu. Surlignez en rouge s'il y a quelque chose que vous ne comprenez pas ou que vous trouvez déroutant.»
  • Treejack : vous donnez aux participants différents scénarios et leur demandez de s'y retrouver (sans donner d'interface UI, juste du texte)
  • Tests A/B

Accessibilité et usabilité​

Usabilité =

  • Accessible
    • doit être disponible dans la langue de l'utilisateur
    • Niveau de lecture recommandé : pour les anglophones inférieur au "7th grade" (score Flesch-kincaid) ou "10th grade" maximum pour un public professionnel
    • Chaque élément doit avoir du texte pour les lecteurs d'écran
  • Intentionnel - aider les personnes à atteindre leurs objectifs
  • Concis - court et facile à lire
    • Bouton = 3 mots ou moins (pour l'anglais)
    • Description = moins de 50 caractères de large (~10 mots avec espaces inclus), et moins de 4 lignes de paragraphe
    • Pour le contenu critique : plus court, moins large, et 1 à 3 mots pour le bouton
  • Pertinent
  • Conversation
  • Clair = le même concept doit utiliser le même terme

Sources​

Dernière mise à jour le