Que pouvez-vous faire pour rendre votre wiki attirant et lisible pour la majeure partie de vos lecteurs ? Développer des bonnes pratiques de design indépendantes de la plateforme. Cela pourrait nécessiter de rompre avec certaines vieilles habitudes, mais vous aurez un public plus large en retour.
- Ce blog vous évoquera l'essentiel du design progressif. Voir ici pour la version complète.
[]
Les navboxes, aussi appelées palettes de navigation en français, sont des groupes de listes de petits liens, rassemblées dans des tableaux. Elles ne sont pas très compatibles avec les appareils mobiles.
- Si un article fait partie d'un groupe d'articles, optez plutôt pour une catégorie plutôt que ce groupe navbox.
- Si un article fait partie d'un groupe, mais est en relation ordonnée avec d'autres (comme un précédent / suivant), le mieux est de mettre cette navigation dans une infobox.
Tabbers[]
Les Tabbers sont une solution efficace pour afficher quelques informations. Mais il est important de conserver quelques bonnes pratiques.
- N'utilisez pas plus d'une rangée d'onglets. Si vous avez besoin de plus d'onglets qu'il ne peut y en avoir dans une seule rangée, vous devez simplifier leur design.
- Présentez les onglets comme une rangée unique au dessus de leur contenu associé. Les niveaux d'onglets devraient succinctement décrire le contenu à l'intérieur.
- N'imbriquez jamais des onglets à l'intérieur d'autres onglets. Et évitez d'utiliser des Tabbers pour les images, particulièrement à l'intérieur d'infoboxes.
- L'information à l'intérieur des Tabbers devrait être cohérente même si les Tabbers n'étaient pas présents. Ajustez votre contenu jusqu'à ce que ce soit le cas.
- Une balise
<navigation>
d'une infobox portable est souvent l'endroit idéal pour lier à une sous-page - balise qui est significativement plus progressive que les onglets utilisés en haut des pages.
Données[]
Une infobox est la base d'une page — c'est la première chose que vous voyez quand vous lisez un article. Mais chaque partie d'une infobox est aussi considérée comme un élément de données. Quand votre wiki gagne en complexité, vous devriez utiliser des modèles d'infobox différents pour des choses différentes. Des données individuelles devraient être du même type sous le même format. Ne mélangez pas des nombres et des mots dans la même valeur de données. Le modèle en lui-même devrait être utilisé pour ajouter du formatage.
Utiliser plusieurs infoboxes dans un article pour décrire des variantes d'un sujet n'est pas recommandé. Mieux vaut utiliser des groupes logiques dans une seule et même infobox. Par exemple, il est préférable d'utiliser un <group> pour des statistiques iOS et un autre <group> pour l'information sur les PlayStation, plutôt que de donner à chaque plateforme son infobox.
Images[]
Trop d'images n'est pas forcément la meilleure solution pour un article.
Remplir une galerie d'une avalanche d'images submerge vos lecteurs. Réduisez-la ou supprimez-la entièrement. Mettez quelques images dans le corps de votre article, proche des parties appropriées du corps de l'article. En faisant cela, vos images vont intelligemment "illustrer" — et pas juste rester en bas de page.
Les infoboxes ne sont pas des galeries. Ils sont une introduction au sujet de la page. Réfléchissez au fait que vous ayez vraiment besoin de plus d'une image dans votre infobox. Souvenez-vous :
- Les images seules ne sont pas bénéfiques pour une optimisation du SEO. Les sous-pages d'images seules (sans texte) peuvent être désavantageuses pour un contenu léger, de mauvaise qualité.
- Faites d'une galerie d'images une page de qualité. Gardez vos images centrées sur un seul sujet ou faites-les interagir avec l'article.
- Utilisez des noms appropriés pour nommer vos images. Les noms d'images devraient être les plus précis possibles vu que les moteurs de recherche ne peuvent pas lire les images.
- Prenez le temps de remplir la section de description de vos pages d'images. Le temps passé à décrire vos images aide les moteurs de recherche et amène plus de lecteurs sur votre wiki.
Tableaux[]
Les tableaux sont pour les données, pas pour la mise en page d'un article. Et nous savons cela depuis 2004 au moins.
Utilisés correctement, les tableaux comparent les données d'une manière efficace, comme les tableurs. Mais ils ne fonctionnent pas toujours sur des petits appareils mobiles.
- Vérifiez toujours vos articles sur un téléphone, tenu en orientation portrait.
- Suivez ces bonnes pratiques pour rendre les tableaux plus lisibles.
- Consultez cette page d'aide pour plus de conseils.
Du design pour le futur[]
Il est impossible d'aborder tous les aspects du design ici. Lisez la version longue de cet article. Vous pouvez également consulter cette présentation (en anglais), qui aborde les meilleures façons d'utiliser des couleurs, polices et contrastes pour améliorer l'expérience de vos lecteurs.
Faire des choix intelligents pour le design qui fonctionneront sur toutes les plateformes vous aidera à attirer et à garder des lecteurs pour les années à venir. Mettre une partie de ces bonnes pratiques en pratique est du temps bien utilisé pour la prospérité de votre communauté sur le long terme.
Avez-vous des astuces de design progressif à partager ? Dites-nous ce que vous en pensez dans les commentaires !
Vous pouvez consulter l'article original ici (en anglais).
Cliquez ici pour suivre les blogs du Staff.
Nous expérimentons ! Apprenez-en plus sur les types d'événements et autres choses que nous avons fait jusqu'à présent ou que nous prévoyons de faire !
Vous souhaitez un accès à temps réel à vos camarades éditeurs et au staff ?
Rejoignez notre serveur Discord officiel pour les utilisateurs enregistrés !