Des conseils sur le design
L’objectif
Le design des sites web est primordial, même si le plus important reste d’avoir un contenu attractif. Le design des sites web doit allier ergonomie, esthétisme et technicité. Le designer doit prendre en compte les contraintes de l’ergonomie et s’y adapter. Le graphiste doit savoir retranscrire les idées de ses clients en un design attractif et brillant. Enfin, le designer doit connaître et prendre en compte les contraintes techniques de l’HTML et des CSS.
Il ne faut pas oublier que le designer doit aussi prendre en compte les critères d’accessibilité qui sont essentiels tant d’un point de vue citoyen que légal. Le chapitre L’accessibilité des sites web y sera consacré.
Le designer doit pouvoir susciter une émotion chez les visiteurs !
La qualité professionnelle
Pour avoir un résultat à la hauteur de vos idées, de vos ambitions et de vos espérances, faites appel à un professionnel du design web. Vous pourrez toujours faire appel à une connaissance qui connaît le Web... Oui, vous pourrez, mais sans de bonnes compétences artistiques, graphiques et techniques, n’espérez pas grand-chose de cette solution.
On ne devient pas designer web du jour au lendemain. C’est un long apprentissage sur le sens artistique et sur le design. Il faut acquérir des compétences solides sur les logiciels graphiques, sur les langages et sur les outils de conception de site web.
Pour le design de vos sites web, vous pourrez trouver des modèles prêts à l’emploi (nommés thèmes ou templates) qui seront gratuits ou payants. Les modèles gratuits s’avèrent rarement de qualité optimale et sont souvent déjà utilisés par des centaines d’autres sites web. Les modèles payants (souvent qualifiés de premium) sont plus originaux, mieux finis et plus personnalisables.
Vous pouvez aussi demander à un designer de créer un modèle uniquement pour vous, pour que votre site soit unique et reconnaissable entre mille.
Dernier conseil, le design web est totalement différent du design « print ». Le print concerne...
Les chartes graphiques
Dans le cas des sites web institutionnels, vous devez toujours vous poser la question du respect de la charte graphique ou non. Généralement, les entreprises ont des couleurs imposées, des logos précis. Faut-il les adapter pour le site web ? Quels problèmes risquez-vous de rencontrer ? Correspondance des couleurs, utilisation des polices de caractères, disposition des éléments graphiques dans la navigation ?
Et pour les sites des commerçants, des associations, des indépendants, vous devrez, lors de l’élaboration de la charte graphique, être force de propositions pour bien expliquer les conséquences des choix faits dans la charte graphique sur le design, l’ergonomie et l’accessibilité. Par exemple, il faut faire bien attention au choix des couleurs afin qu’elles soient bien contrastées, pour avoir une bonne visibilité. Autre paramètre important, il ne faut pas choisir des polices de caractères qui soient trop « fantaisistes », même si elles sont « jolies », car cela va nuire à la lisibilité des textes. Ces paramètres de couleur et de typographie vont aussi intervenir dans la composition des boutons d’interaction et dans les éléments de navigation.
Vous voyez que définir une charte graphique n’est...
Un design adapté à vos visiteurs
Avant de créer votre site web, vous devez parfaitement connaître votre « cible ». Quel est le public qui viendra sur votre site ? Quel est le profil de vos futurs visiteurs ? Quelles sont leurs habitudes et leurs « compétences » vis-à-vis de l’outil informatique et surtout du Web ? Posez-vous les bonnes questions.
En fonction de vos réponses et du profil de vos futurs visiteurs, créez un design, une ergonomie qui soit adaptée à leurs besoins, à leurs habitudes.
Vous n’aurez pas le même design pour créer un site web à destination des administrés d’une mairie que pour le partage de vidéos et de musique pour les jeunes, ou entre une entreprise de BTP et une créatrice de mode.
Dans l’adaptation du design, il faut aussi évoquer la consultation du site sur tablette et smartphone. À l’heure actuelle, tous les sites web doivent adapter leur design, leur mise en page, au support de diffusion. C’est ce qui s’appelle en anglais le Responsive Web Design. Cette adaptation des constituants des sites web (barre de navigation, dimensions des articles, taille des caractères, etc.) se fait de manière calculée et automatique selon la taille de l’écran de consultation. Usuellement, le concepteur définit...
Bien utiliser le multimédia
Il ne faut pas partir du principe : « Utiliser le multimédia, c’est bien, c’est dynamique ». Le multimédia n’est pas la solution toute trouvée pour avoir un site attractif, dynamique. L’utilisation du multimédia, audio, vidéo et animation, doit se faire à bon escient, ce n’est pas un but en soi. Le multimédia dans votre site est-il le média principal ou simplement complémentaire ?
En plus de l’utilité même du multimédia, il faut aussi évaluer les conséquences sur « le poids » du site et sur l’expérience utilisateur. Insérer les fichiers des vidéos directement dans le site web n’est plus l’option privilégiée actuellement. Cela augmente très fortement le volume total du site chez l’hébergeur, et cette taille de stockage n’est pas illimitée.
La manière la plus judicieuse de procéder est de publier les vidéos sur une plateforme de partage, comme YouTube, et, depuis l’article du site, de faire un lien vers la vidéo souhaitée, afin qu’elle soit lisible depuis le site ou directement depuis la plateforme de partage. En procédant ainsi, vous augmentez votre visibilité sur la plateforme de partage vidéo. Enfin, avec le Responsive...
L’impression des pages
La création d’un site n’implique pas le zéro papier ! Dans de nombreux sites il peut être très intéressant de proposer aux visiteurs d’imprimer la page qu’ils lisent à l’écran. Quand le contenu est conséquent en termes de quantité, sa lecture à l’écran peut être fastidieuse et fatigante pour les yeux. Vous rendrez service à vos visiteurs en leur proposant d’imprimer certaines pages de votre site web.
Mais là encore, il faudra bien faire attention à ce qui sera imprimé et comment il le sera. Vos visiteurs n’apprécieront pas de voir imprimés les barres de navigation, les bandeaux du site, les images d’illustration sur les côtés de la page...
Sachez qu’avec les feuilles de style, les CSS, vous pouvez parfaitement paramétrer l’impression des pages. Vous pouvez indiquer ce qui sera imprimé et ce qui ne le sera pas. Vous pouvez décider d’une mise en forme différente entre le texte affiché à l’écran et le texte imprimé. Vous n’êtes absolument pas obligé de générer systématiquement des fichiers PDF.