À retenir
- Permet de créer sans connaître de langage informatique.
- Offre un retour visuel immédiat et fidèle.
- S'oppose aux éditeurs de code ou aux langages de balisage (comme le Markdown).
Le WYSIWYG désigne une interface logicielle où le contenu en cours de modification ressemble exactement au résultat final, qu'il s'agisse d'un document imprimé ou d'une page web. C'est comme utiliser un traitement de texte moderne : si vous mettez un mot en gras, il apparaît immédiatement en gras à l'écran, sans que vous ayez à voir de code technique.
Étymologie
Il s'agit d'un acronyme anglais pour "What You See Is What You Get" (ce que vous voyez est ce que vous obtenez). Le concept s'est popularisé dans les années 1970 et 1980 avec l'apparition des premières interfaces graphiques, notamment chez Xerox PARC, puis sur Apple Macintosh, rompant avec les anciens systèmes où l'on tapait du texte brut avec des codes de mise en forme invisibles.
Exemples d'usage
- Microsoft Word ou Google Docs : le texte à l'écran est la copie conforme de ce qui sortira sur l'imprimante.
- Wix ou Elementor : des outils de création de sites web où l'on glisse des éléments visuellement sans toucher au code HTML.
- Canva : un outil de design graphique où l'utilisateur manipule directement les formes et les couleurs.
Cas d'usage
Ce concept est omniprésent dans la bureautique, la mise en page (PAO), le montage vidéo et la création de sites web sans programmation (outils "no-code"). Il permet à des non-techniciens de produire des documents complexes de manière intuitive.
Bonnes pratiques
Bien que pratique, le WYSIWYG peut parfois masquer une structure technique désordonnée (code source lourd ou mal propre). Il est conseillé de vérifier régulièrement le résultat sur différents supports (mobile vs ordinateur) car le rendu "final" peut varier selon l'écran du visiteur.
Synonymes
Antonymes
Conseil
Si vous débutez dans la création de sites web, commencez par un éditeur WYSIWYG pour comprendre la mise en page, mais essayez de regarder de temps en temps le code source généré pour comprendre comment la machine interprète vos actions visuelles.
Questions fréquentes
Le WYSIWYG est-il toujours 100% fidèle ?
Pas toujours. Pour le web, le rendu peut changer selon la taille de l'écran ou le navigateur utilisé. On parle alors parfois de WYSIWYN (What You See Is What You Need).
Est-ce mieux d'utiliser un éditeur WYSIWYG ou du code ?
Le WYSIWYG est idéal pour la rapidité et les débutants, tandis que le code offre un contrôle total et une meilleure optimisation technique.