Quelques conseils évidents (mais auxquels on ne pense pas toujours) pour faire un design acceptable. L'article s'adresse surtout aux forums RPG, mais peut s'adapter aux autres forums.
Sur un forum, un design laid fait toujours mauvais effet, mais nombreux sont les joueurs qui laisseront une petite chance au jeu si le background est bon. Un design inconfortable, par contre, est beaucoup plus gênant. Il est donc essentiel que le design donne un accès facile au forum.
Quelques questions permettant de savoir si le design est pratique :
Est-ce que tout le texte est lisible sans effort et sans agresser les yeux ?
Est-ce que les liens sont visibles au milieu du texte ?
Est-ce que l'on peut distinguer les boutons "nouveaux messages" des boutons "pas de nouveaux messages" au premier coup d'oeil, même en faisant défiler l'index assez rapidement ?
Le texte sur les images est-il toujours lisible ?
La page d'index met-elle moins de dix secondes à charger en temps normal ?
Les fonctions "s'inscrire", "se connecter", "messagerie privée", "nouveau sujet", "nouveau message"... sont-elles faciles à localiser ?
Est-ce que les couleurs des fonds (du forum, des messages, de catégories...) sont bien peu agressives pour le regard ?
Si vous répondez non à l'une de ces questions, c'est que votre design n'est peut être pas très pratique et pourra gêner la navigation ou, pire, la lecture. Avouez que pour un forum RPG, ce n'est pas très bon signe.
II) Du mauvais goût, tu te passeras
"Les goûts et les couleurs", comme on dit... y a des gens qui vont aimer le orange, d'autres pas. Mais il y a quelques constantes sur lesquelles on peu se reposer :
Évitez le forum dégoulinant de rose ou de couleurs pastelles ultra flashy. Le rose donne un aspect "petite fille" qui pourra repousser pas mal de joueurs ; si vous voulez l'employer, faites le avec classe et sobriété. Les couleurs pastelles peuvent être utilisées à condition de ne pas tirer sur le fluo, qui rend le tout agressif pour l'oeil, voire gênant.
Évitez les couleurs "sales". Le jaune, le vert ou le marron peuvent être des couleurs efficaces... à condition de choisir les bonnes nuances ! Demandez éventuellement à vos amis de jeter un oeil à votre forum, car certains écrans donnent plus de contrastes que d'autres, transformant votre joli jaune un peu doré en un horrible sépia verdâtre. Le but est d'éviter des couleurs comme le "jaune caca d'oie" ou le "vert marécage pas frais", surtout si cela ne s'accorde pas avec le thème de votre jeu.
Efforcez vous de marier les couleurs de sorte à éviter le trop flashy ou les mariages malheureux. On évite généralement d'associer le violet avec le jaune, le orange avec le bleu, le vert avec le rouge ; toutefois, ces couleurs sont complémentaires : il pourrait donc être judicieux d'en user avec parcimonie pour mettre en valeur les boutons importants. A l'inverse, mélanger ces couleurs sur de grandes zones pourrait s'avérer dangereux. Ne transformez pas votre forum en patchwork ou en arc en ciel : gardez un ton dominant.
Ayez un design aussi propre que possible : les images doivent s'intégrer au fond, être aussi peu pixelisées que possible, pas trop floues.
Utilisez des images de taille raisonnable et ne chargez pas trop l'index. Cela permet à la page de s'afficher plus rapidement et évite de déséquilibrer la page : sur un forum RPG, le plus important est le texte et il serait dommage que l'on ne voie que les images. N'abusez pas des brushes, des paillettes et des animations : à petit dose, ils peuvent donner de la classe, mais en trop grand nombre, ils donnent l'impression que vous voulez étaler vos talents de graphiste ou seront jugés trop tape-à-l'oeil.
Mariez vos images : utilisez des boutons allant bien ensemble, de même taille pour ceux ayant la même fonction. Les couleurs doivent s'accorder au forum. Essayez de synchroniser le sujet des images avec votre jeu : pas de bouton en forme d'ours rose fluo si votre forum parle de monstres hideux en pleine troisième guerre mondiale ! Dans le même style, essayez d'avoir des smileys harmonisés.
Ne surchargez pas le message d'accueil. Il est tentant d'y accumuler tout et n'importe quoi, de l'annonce du dernier scénario au temps qu'il fait en passant par la présentation de l'équipe administrative. Cela rallonge la page pour rien, prend du temps à charger, n'apporte pas grand chose aux membres. Un message d'accueil dépassant la hauteur de votre écran peut être considéré comme un peu trop long ; préférez aller droit au but et placez vos partenaires bien en vue.
Faites attention aux fautes ! Si votre index en est bourré, cela fera aussi mauvais effet qu'une image très mal coupée et pixelisée.
Dernier détail : donnez une taille limite pour les avatars et signatures. Ils ne doivent pas déformer la page, ne pas être d'une taille exagérée, toujours afin de ne pas surcharger les pages.
III) Ce que vous ne saurez pas faire...
Vous ne savez pas tout faire, et c'est normal : les images ne sont sans doute pas de vous, peut être ne savez pas faire de beaux boutons. Cela n'a rien de dramatique, mais exige un peu d'humilité pour :
Demander de l'aide Si vous voyez que vous n'arrivez à rien, que vous n'avez pas le matériel nécessaire ou que vous ne savez pas faire ce que vous voulez, n'hésitez pas à vous adresser à d'autres personnes. Il n'y a rien de honteux à ce que le design de votre forum n'ait pas été conçu par vous.
Donner les crédits Par respect pour les auteurs des images que vous utilisez, notez bien vos sources au cours de la création du design ; si vous recevez l'aide d'un graphiste, demandez lui d'où viennent les oeuvres utilisées. Essayez d'utiliser si possible des images dont l'auteur autorise l'emprunt (si sur sa galerie Deviantart, il est très clairement demandé de ne les utiliser en aucun cas, respectez son souhait) ; si vous avez un doute, n'hésitez pas à demander. C'est un détail, mais on est toujours un peu fier de pouvoir affirmer qu'on a rien volé.
Demandez à votre entourage de critiquer votre design Une fois votre design terminé, faites le vérifier avant l'ouverture du jeu. Avec un autre écran, quelqu'un pourra trouver vos couleurs beaucoup trop vives, par exemple. Ou voir un défaut que vous n'aviez pas remarqué.
Les tutoriels de l'Enae Volare appartiennent à leurs auteurs respectifs et - sauf mention contraire - ne doivent en aucun cas être diffusés, redistribués ou repris de quelque façon que ce soit en dehors de l'Enae, que ce soit en partie ou en totalité.
Merci de créditer l'Enae si ce tutoriel vous a été utile, cela nous aidera à être connus et c'est un juste paiement en retour de nos services ;)
Vous avez un problème avec ce tutoriel, vous voudriez l'adapter à votre cas particulier mais ne savez pas comment vous y prendre ? Créez un nouveau sujet dans le forum Support Tutos !
Vous avez quelque chose à ajouter à ce tutoriel ? Ouvrez un sujet dans les Mises à Jour de Tutos, le staff se chargera de mettre le tutoriel à jour si votre proposition paraît pertinente ;)
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité
Vous ne pouvez pas poster de nouveaux sujets Vous ne pouvez pas répondre aux sujets Vous ne pouvez pas éditer vos messages Vous ne pouvez pas supprimer vos messages Vous ne pouvez pas joindre des fichiers