TABLE DES MATIÈRES
- Le copié-collé
- Structurer son contenu
- 1. Développez votre propre storytelling en faisant appel aux widgets Minotaure
- 2. Exploitez les éléments de contenu structurels
- La gestion des formulaires
Le copié-collé
Il est assez fréquent que l'on souhaite copier-coller un contenu déjà existant dans son nouveau site géré par WordPress et Minotaure. Il est aussi fréquent que ce simple copié-collé apporte toute une série de problèmes de mise en page voire fonctionnels.
La raison principale réside dans le fait que généralement on ne copie pas que du texte brut mais tout un environnement de mise en page.
Le cas le plus flagrant est celui d'un copé réalisé depuis un logiciel de traitement de texte type Microsoft Word. Le simple copié (Crtl+C) du texte va également copié des informations sur la typographie utilisée, la taille des caractères, voire l'interlignage, la couleur. En grande majorité ces éléments ne sont pas nécessaires dans l'environnement dans lequel on souhaite coller (Crtl+V) le contenu. En effet, la typographie, l'interlignage, le styles des éléme,nts structurels (titres, sous-titres...), la couleur sont gérés par la feuille de style (CSS) de votre site web qui est garante de votre identité visuelle et d'un environnement visuel cohérent.
Il faut dès lors toujours éviter d'importer plus que du contenu en texte brut
Conseil d'édition
Ecrivez directement votre contenu dans les widgets appropriés : on crée ou adapte ainsi son contenu en fonction de l'environnement propre.
Comment éviter les soucis lors du "collé" ?
Passez par un outil intermédiaire qui n'est pas en mesure de garder en mémoire la mise en page. Cela peut par exemple être un éditeur de texte brut (NotePad sous Windows, TextEdit sous Mac) ou un éditeur de code HTML (Atome, SublimeText, ...).
Astuce
Si vous collez votre contenu dans le champ URL de votre navigateur, il ne gardera que les caractères pas la mise en page (bien que ce champ ne soit visuellement pas approprié pour des textes longs).
Certains logiciels permettent de faire un collé "spécial" qui va supprimer les balises automatiquement, c'est le cas avec TextEdit sous Mac : Coller et adapter le style.
Structurer son contenu
Le principe de Minotaure est de tirer profit au maximum de la grande souplesse qu'il est donné aux rédacteurs pour mettre en place des contenus attrayants, clairs (et conçis), agréable à parcourir. Un enjeu majeur est également de permettre aux utilisateurs de "scanner" rapidement les pages pour en comprendre la sructure et les éléments essentiels en un minimum de temps.
Pour y arriver, vous avez 2 façons d'envisager les choses :
1. Développez votre propre storytelling en faisant appel aux widgets Minotaure
Si vous avez eu l'occasion de participer aux workshops de Spade (opens new window), vous êtes sans doute déjà familier avec l'exploitation de nos plaquettes de contenus Minotaure.
Les plaquettes en bois Minotaure utilisées lors des workshops
Nul doute que ces ateliers participatifs peuvent se réorganiser en interne en fonction des besoins de contenus à créer. Développez son storytelling peut se faire en tenant en compte de quelques règles mais qui permettent de rester cohérent :
- Créer des habitudes de consultation au sein des pages que vous créez : commencez toujours par un Hero par exemple pour aider vos utilisateurs de comprendre comment naviguer dans votre site. Terminez souvent avec un formulaire de contact ou envisager des contenus permettant de "rebondir" vers d'autres contenus. La répétition de certains éléments de contenu permet de rappeler les éléments essentiels, de mettre en avant les actions attendues, de répondre plus rapidements aux différentes attentes identifiées chez vos publics cibles.
- Pensez au ton de votre site (en anglais tone of voice). Etes-vous plutôt dans le vous, le tu, dans l'approche familière, pédagogique ou plutôt officielle ? Vous identifiez-vous avec un nous, le nom de votre entreprise ? Etc. Une fois que vous avez votre ton, tenez-vous en tout au long de la production de vos contenus. Une autre option est de développer un ton sur base de votre typologie de publics cibles (pensez à vos personas si Spade vous a aidé à les réaliser).
- Agissez de même dans votre langage illustratif. C'est également du ressort du tone of voice. Si vous utilisez des dessins, faites appels au même illkustrateur tout au long de votre site. S'il s'agit de photos, exploitez les cadrages, les sujets, les filtres (noir et blanc, sepia...) de manière unifiée.
- Trouvez le bon widget pour le bon contenu ! Ceci peut sembler facile dit comme ça 😃 On sait que dans la pratique, les contenuss sont souvent plus longs et plus complexes que dans les maquettes validées en aval. Mais vu la pluralité de widgets dont vous disposez, pensez avant tout à adapter vos contenus au widgets et non l'inverse (et si ca ne va vraiment pas, ce n'est pas le bon widget!).
- Pensez Mobile First ! N'oubliez pas qu'un grand nombre de vos utilisateurs liront vos contenus depuis un smartphone.
2. Exploitez les éléments de contenu structurels
- Petit préambule : soyez succint ! Nous sommes en ligne, pas dans une bibliothèque universitaire, les utilisateurs y sont habitués à vouloir tout le plus rapidement possible, dès lors facilitez-leur la tâche (faites preuve d'empathie, essayez de vous mettre à leur place, cela vous aidera en cas de panne d'inspiration).
- Structurez votre contenu avec des titres. Vous disposez généralement de 3 à 6 niveaux de titre au sein de votre site web. Exploitez-les, les utilisateurs scanneront d'autant plus facilement et rapidement vos contenus.
- Utilisez des labels courts. Un bouton ne doit contenir qu'une action à la fois et celle-ci sera d'autant plus facile à comprendre si elle est univoque et dans un langage usuel sur ce type de média. D'autant que sur un téléphone mobile des boutons trop longs risquent de sortir du viewport (la zone visible de la page sur l'écran).
- Les enrichissements facilitent la lecture. Un mot en gras, en italique, une liste à puces ou numérotées,... sont autant d'enrichissements qui aideront l'utilisateur à trouver ses marques de page en page.
- Un style à la fois ! Pas besoin de mettre du gras à un titre, un italique à une citation,... Osons même aller plus loin : pas besoin de centrer ou aligner à droite vos titres ou paragraphes : ceci est géré par la feuille de styles de votre site web, elle garantit cohérence et esthétique.
La gestion des formulaires
Minotaure est livré avec un plugin appelé Gravity Form (opens new window)qui vous permettra de gérer la majorité des formulaires que vous hébergerez sur votre site web.
L'éditeur de ce magnifique outil dispose de son propre Guide d'utilisateur (en anglais) que nous recommandons de consulter pour gérer au mieux vos formulaires.