Vous avez probablement déjà vu l’acronyme WYSIWYG (weez-ee-wig) sur Internet, mais vous n’y avez jamais prêté attention. Pour vous en parler, il faut remonter à une époque antérieure à Windows et à ses dossiers et icônes fantaisistes. Avant cela, les ordinateurs n’étaient rien de plus qu’un écran noir avec du texte blanc, appelé interface de ligne de commande (CLI).
C’était ennuyeux, compliqué, et autrefois la seule option dont nous disposions pour exécuter des commandes sur notre PC.
Il en va de même pour la conception de sites Web. Dans les premières années d’Internet, la conception de sites Web impliquait un mur de code compliqué que seul un programmeur expérimenté pouvait comprendre, jusqu’à l’invention de l’éditeur WYSIWYG (What You See Is What You Get). Plongeons dans le vif du sujet et voyons ce qu’est le WYSIWYG et ses avantages pour la création de sites Web modernes.
Qu’est-ce que le WYSIWYG ? Définition
L’acronyme WYSIWYG signifie « ce que vous voyez est ce que vous obtenez ». Ce terme fait référence à la capacité d’un logiciel à montrer aux utilisateurs exactement à quoi ressemblera chaque type de contenu sans qu’il soit nécessaire d’effectuer un travail ou un codage supplémentaire. L’idée derrière WYSIWYG est que toute modification apportée à l’écran est automatiquement reflétée dans le résultat final sans aucune étape supplémentaire.
Avec un éditeur WYSIWYG, la façon dont votre conception et votre contenu apparaissent sur la plateforme d’édition correspond exactement à ce qu’ils seront dans la version finale.
Microsoft Word est un exemple courant qui permet de définir un éditeur WYSIWYG. Vous disposez d’une page blanche et d’outils de mise en forme qui vous permettent d’ajouter et de formater des mots, des tableaux, des images, etc. Ce que vous voyez à l’écran est exactement ce que vous voyez lorsque vous imprimez ou partagez le document. En d’autres termes, c’est « ce que vous voyez est ce que vous obtenez ».
Le rôle du WYSIWYG dans la conception Web
Un éditeur de texte enrichi WYSIWYG diffère des éditeurs de texte brut traditionnels dans la mesure où ces éditeurs exigent des développeurs qu’ils saisissent un code ou un balisage descriptif pour créer des sites Web. Les éditeurs de texte brut ne vous permettent pas de voir immédiatement les résultats de ce que vous faites.
Le premier éditeur WYSIWYG, Bravo – un outil de traitement de texte – a été créé dans les années 1970 et est devenu la base de deux des éditeurs WYSIWYG les plus connus, Microsoft Word et Excel.
Par le passé, la conception d’un site Web était difficile et impossible pour les personnes qui ne savaient pas coder. L’approche WYSIWYG de la conception de sites Web se distingue des méthodes traditionnelles de conception de sites Web qui utilisent le code HTML et d’autres langages de balisage et où l’écran de développement n’est qu’un mur de code et où vous n’êtes pas en mesure de voir le résultat final ou l’interface visuelle en temps réel lorsque vous ajoutez de nouveaux éléments de page ou de nouvelles lignes de code source.
Les éditeurs HTML – WYSIWYG ont atteint les masses lorsque des constructeurs de sites Web conviviaux tels que Wix sont apparus, offrant aux personnes non techniques un moyen accessible de créer des pages Web. Lentement mais sûrement, les systèmes de gestion de contenu ont commencé à accorder plus d’importance à l’édition WYSIWYG, offrant aux spécialistes du marketing et aux concepteurs Web un autre moyen de créer des pages Web, des pages de renvoi et de newsletter par email sans faire appel au service informatique.
On retrouve également cet éditeur au sein des constructeurs de pages WordPress comme Elementor ou Divi, très utile pour créer un site internet en autonomie ou pour créer un blog.
Dans l’ensemble, un éditeur WYSIWYG permet aux spécialistes du marketing d’offrir une interface utilisateur plus agréable, indépendamment des développeurs. Après tout, les visiteurs du Web n’ont pas envie de contempler un mur de texte peu attrayant sur le plan visuel. Ils veulent voir des paragraphes bien formatés, des images, des vidéos et d’autres graphiques, qui améliorent tous l’expérience utilisateur.
Voici quelques-unes des raisons pour lesquelles WYIWYG facilite la vie d’un spécialiste du marketing ou d’un concepteur de sites Web :
- Outils d’édition sans code : L’éditeur WYSIWYG permet aux concepteurs de cliquer, glisser et déposer des éléments sur un site Web sans aucune compétence en matière de codage.
- Publication simplifiée : l’utilisation d’un éditeur WYSIWYG est plus rapide que de tenter de mettre en forme un site web à partir de zéro.
- Plus de visibilité : Avec une application WYSIWYG, les utilisateurs peuvent prévisualiser le site web qu’ils sont en train de créer et faire des ajustements en temps réel.
Quels sont les avantages de l’édition WYSIWYG ?
Les éditeurs WYSIWYG présentent de nombreux avantages, notamment du point de vue de la conception, comme nous le voyons ci-dessous :
La facilité d’utilisation
De nombreux éditeurs WYSIWYG disposent d’une interface de type « glisser-déposer » permettant aux utilisateurs d’ajouter (ou de supprimer) différents composants (c’est-à-dire du texte, des images et des vidéos) sur une page Web sans avoir aucune connaissance en programmation Web. La possibilité d’assembler des éléments d’un site web de cette manière est intuitive et correspond à la façon naturelle du cerveau d’organiser les éléments.
Rapidité et efficacité
Les éditeurs WYSIWYG fonctionnent beaucoup plus rapidement que le codage d’une page à partir de zéro – surtout si l’homme ou la femme responsable est un spécialiste du marketing non technique. Il n’est pas nécessaire de changer d’écran et d’attendre que l’aperçu soit généré. En plus de la gratification instantanée offerte, les utilisateurs peuvent se concentrer davantage sur la conception plutôt que d’être embourbés dans les détails techniques.
Flexibilité
Les outils de conception WYSIWYG vous permettent d’apporter de petites modifications à la volée. Si une image est légèrement mal positionnée, vous pouvez y remédier en quelques clics. De plus, vous pouvez facilement maintenir votre site à jour de cette manière.
Sécurité des erreurs
Les erreurs sont beaucoup plus faciles à détecter dans un éditeur WYSIWYG que dans un bloc de code. De plus, sur un éditeur WYSIWYG, ces erreurs peuvent être facilement résolues.
Démarrage rapide
De nombreux éditeurs WYSIWYG vous permettent de choisir parmi une sélection de modèles pour commencer. En accélérant les premières étapes du cycle de développement, vous disposez de plus de temps pour vous concentrer sur le contenu destiné à votre public cible.
Quels sont les principaux inconvénients de l’édition WYSIWYG ?
Comme toute chose, les éditeurs WYSIWYG présentent également plusieurs inconvénients. Les plus notables, dont nous pensons que vous devez être conscient, sont énumérés ci-dessous :
Représentation possiblement trompeuse
Parfois, ce que vous voyez n’est pas toujours ce que vous obtenez. Maintenant que les sites Web peuvent être consultés sur une variété d’appareils, de tailles d’écran et de résolutions, certains éditeurs WYSIWYG ne prennent pas en charge la conception réactive ou ne vous donnent pas la possibilité de voir à quoi ressemblera votre site Web sur un appareil mobile.
Incohérence
Avec les innombrables solutions WYSIWYG qui existent, de nombreux services ont des interfaces utilisateur et des conventions différentes. Si vous vous habituez à utiliser un éditeur, il n’est pas toujours facile de passer à un autre.
Fonctionnalité limitée : Tout ne peut pas être simplifié par une interface de type « glisser-déposer ». Certains éléments de page nécessiteront encore quelques astuces HTML/CSS pour produire le résultat final souhaité. Dans d’autres cas, vous devrez personnaliser un élément préétabli d’une page (par exemple, la boîte d’inscription) pour qu’il réponde à vos besoins, ce qui nécessitera quelques modifications « sous le capot ».
Codage non standard
De nombreux éditeurs génèrent soit un code excessif, soit un code non conforme aux normes et protocoles actuels… Bien que cela ne fasse pas de différence pour l’apparence de votre site Web, un excès de code peut parfois entraver les temps de chargement d’un site Web.
Ceci étant dit, les éditeurs WYSIWYG s’améliorent constamment, avec des éditeurs WYSIWYG d’entreprise qui offrent un code plus propre, une meilleure esthétique et des fonctions de référencement intégrées.
Quels sont les éditeurs WYSIWYG ?
Si vous souhaitez créer votre page Web à l’aide d’un éditeur de texte enrichi WYSIWYG mais que vous ne savez pas par où commencer, voici quelques éditeurs bien connus que vous pouvez étudier :
Adobe Dreamweaver
Cette option très populaire est dotée d’une vaste bibliothèque d’extraits de code et de fonctions de transfert de fichiers. Cependant, son prix est élevé et elle n’est recommandée que si vous souhaitez une conception détaillée et complexe.
Create
Exclusif aux systèmes d’exploitation Mac, ce service combine les principales fonctions de nombreux éditeurs de renom en un seul paquet bon marché.
Quill
Cette option gratuite et open-source est hautement personnalisable. Considérez-la si la personnalisation de l’interface utilisateur est importante pour vous.
Seamonkey Composer
Une alternative simple et tout-en-un à ses homologues complexes. C’est également l’un des rares éditeurs compatibles avec Linux.
Summernote
Un autre projet open source facile à personnaliser à votre guise. De plus, il est soutenu par une communauté active de forums prête à vous aider si vous en avez besoin.
Choisir le bon éditeur WYSIWYG pour votre entreprise
Alors, comment choisir le bon éditeur WYSIWYG ?
À notre avis, tout dépend des préférences personnelles et de la tâche à accomplir. Certains éditeurs sont mieux adaptés à certaines tâches. Quill est idéal si vous cherchez à créer une interface utilisateur efficace et conviviale, tandis que Seamonkey convient parfaitement aux grandes entreprises qui souhaitent créer des sites Web, des applications et des applications monopages avec plus de souplesse et de fonctionnalité.
Il n’y a pas de mauvaise réponse lorsqu’il s’agit d’un éditeur WYSIWYG, mais vous découvrirez que vous gravitez autour de certains d’entre eux qui vous sont familiers, qui conviennent à votre style de conception, qui correspondent peut-être le mieux à votre modèle commercial et qui vous attirent pour toutes les tâches que vous essayez d’accomplir.