Course Presentation : avant / après
Cet « avant-après », réalisé par Jenela M. de la H5P Core Team, affiche le même contenu dans une première version plutôt « brute de décoffrage », puis dans une seconde version mise en forme avec un soin particulier et une attention portée à la navigation. Entre les deux versions, le contraste, assez saisissant, met en évidence le rôle crucial que joue un design soigné et réfléchi dans l’appétence d’un contenu.
Version 1 : avant
Cliquer sur USA > General American English, puis utiliser les flèches de navigation. On voit bien que le contenu a été saisi sans souci d’alignement, de mise en page, ni d’ergonomie :
Version 2 : après
Cliquer sur USA > General American English, puis utiliser la navigation (flèche et menu latéral). Le fait d’aligner proprement les items, d’utiliser des polices de tailles et couleurs différentes, d’insérer des cadres colorés pour mettre en valeur des éléments, de placer des lignes pour séparer les contenus – bref de structurer rigoureusement la mise en page – suffit à rendre le contenu plus digeste et attrayant :