Un lundi matin, j'ai vu un chef de projet s'effondrer devant son écran après avoir passé trois semaines à peaufiner une mise en page complexe sur un éditeur visuel. Il pensait que ce qu'il voyait à l'écran était le résultat final garanti. En ouvrant le site sur un simple iPhone de génération précédente avec une connexion 4G instable, tout le design a explosé : les images pesaient 4 Mo chacune, le texte débordait des cadres et le code source ressemblait à une soupe illisible de balises imbriquées. C'est l'échec classique de l'approche What You See Is What You Get quand on oublie que derrière le rendu visuel, il y a une réalité technique impitoyable. Ce projet a dû être recommencé de zéro, entraînant une perte sèche de 12 000 euros en temps de développement et un retard de livraison de deux mois. Si vous pensez que la simplicité visuelle vous dispense de comprendre la structure, vous allez droit dans le mur.
L'illusion de la fidélité absolue dans What You See Is What You Get
La plus grande erreur que je vois, c'est de croire que le rendu dans votre navigateur d'édition est une vérité universelle. On se dit : si c'est beau ici, ce sera beau partout. C'est faux. J'ai travaillé sur des interfaces où l'utilisateur passait des heures à aligner des éléments au pixel près dans son outil de gestion de contenu. Le problème ? Le logiciel de rendu visuel utilise des calculs de positionnement absolu qui ne tiennent compte ni de la densité de pixels des écrans Retina, ni des variations de rendu des moteurs de recherche comme Chromium ou WebKit.
La solution consiste à arrêter de traiter cette interface comme un canevas de peinture. Vous devez apprendre à penser en boîtes élastiques. Au lieu de forcer une image à se placer à 152 pixels du bord gauche, vous devez configurer des marges relatives. Dans mon expérience, les équipes qui réussissent sont celles qui vérifient le code généré toutes les dix minutes. Si votre outil ajoute dix couches de balises `
