9 min de lecture
Un site web est bien plus qu'un ensemble de pages reliées entre elles. Il s’agit d’un véritable espace d'interaction, que ce soit entre professionnels, particuliers ou autre. Cette interaction crée alors une expérience pour le visiteur. En tant que webdesigner, votre rôle est de vous assurer que cette expérience utilisateurest réussie ! Je vous ai donc préparé ce guide webdesign : 10 questions qu’il faut se poser avant de créer un site internet design.
Tous ceux qui créent un site le font dans un but bien précis : ils ciblent un certain public. Cela leur aide à construire un site efficace, un site qui répond réellement à l’attente de ses futurs lecteurs. Il est donc évident que la première étape de création d’un site webdesign est la connaissance des cibles.
L’empathie est une qualité très recherchée chez les webdesigners. Comment pourront-ils effectivement savoir ce dont leurs prospects et clients ont besoin s’ils essayaient même pas de se mettre à leur place ? Voici d’ailleurs quelques exemples de questions qu’ils devraient se poser :
Toutefois, le fait de se mettre dans leur peau n’est pas suffisant. Je vous conseille également de vous faire aider par des outils spécifiques, les outils d’analyse de site web entre autres. La plupart d’entre eux offrent en effet la possibilité de voir l’origine démographique des visiteurs d’un site web. Or, il s’agit d’une information capitale qui peut aider dans la conception d’un design d’un site web.
Je connais également des wedesigners qui réalisent un sondage, toujours dans le but de mieux connaître ses cibles. Attention toutefois ! Un sondage trop classique, aux questions trop simples, ne vous donnera pas les résultats dont vous avez besoin. Ne vous contentez pas d’une question comme “que pensez-vous de ce design”. Essayez plutôt des questions plus poussées de manière à récolter des réponses plus approfondies.
Une fois que vous aurez récolté toutes les données nécessaires, prenez le temps de bien les analyser. Toutes les décisions que vous prendrez vis-à-vis du design du site devront alors se baser sur ces informations. Vient ensuite la deuxième astuce de ce guide webdesign :
Je ne vais pas vous apprendre que certains sites sont très connus et visités parce qu’ils sont tout simplement faciles d’utilisation. Votre site a beau être attirant, s’il n’est pas pratique, personne ne s’y intéressera.
La deuxième étape de création de design d’un site consiste donc à comprendre comment les utilisateurs s’y prendront avec votre site :
À moins de défiler l’écran pour simplement observer, toutes actions sur un site ont des conséquences. Quand vous invitez une personne à cliquer sur un bouton par exemple, elle sera amenée à :
Et ça, les visiteurs devraient le comprendre. Sinon, ils risquent de faire quelque chose qu’ils regretteront. Lors de la conception, assurez-vous donc de faire comprendre aux visiteurs qu’une telle action entraînera autre chose.
Pour cela, vous pouvez par exemple :
Comme dit l’adage : “l'erreur est humaine ; le pardon, divin.” Cette expression reste véridique dans ce guide webdesing. Ce n’est pas une raison pour autant de laisser les gens commettre des erreurs. Tant que possible, il faut les aider à ne pas en commettre du tout.
Voici des exemples dans le cas de création de sites e-commerce :
D’ailleurs, mieux vaut prévenir que guérir !
Que faire si jamais l’erreur a été commise ? Le mieux serait de donner aux utilisateurs le moyen d’y remédier, en créant un message d’erreur détaillé.
Quand deux personnes conversent, l’une parle et l’autre répond. Il a donc ce que nous appelons “retour d’informations”. Sur internet, c’est aussi valable. Sans réaction de la part d’un site, on considère généralement qu’il y a interruption ou perturbation. Nous avons alors tendance à actualiser la page, encore et encore jusqu’à ce que nous remarquons un quelconque signe.
Pour éviter à vos visiteurs de vivre ce laps de moment de doute, il faut que vous incluiez dans votre design ces signes. Ce peut être une animation de chargement.
Cette règle est importante en webdesign, que j’ai décidé de l’inclure dans ce guide webdesign : plus un élément est grand, plus on met moins de temps à cliquer dessus. Non seulement ces éléments-là attirent les yeux, mais ils sont facilement cliquables. Les gens n’hésitent donc pas à cliquer dessus. C’est probablement pour cette raison que les boutons d’appel à l’action sont souvent de grande taille.
Pareillement pour les éléments souvent sollicités (menus, barre de recherche, liste de liens, etc.). Ils devront être assez larges de manière qu’il n’y a aucune complication lorsqu’on clique dessus. L'utilisateur n'a pas à s'inquiéter sur le dépassement de leur cible de clic.
Je le répète souvent (même dans mes autres articles et guide webdesign) : la créativité est nécessaire en webdesign. Il ne faut quand même pas en faire trop. Les utilisateurs d’internet sont déjà habitués à un certain nombre de normes si bien qu’il ne serait pas judicieux de tout chambouler d’un coup (à moins que le changement en question n’améliore réellement la conception du site).
Voici un exemple : lorsque Pocket a voulu changer l’emplacement de certains éléments, il a induit les gens en erreur. Le bouton d’archivage a été déplacé en haut à droite tandis que le bouton de retour, à gauche. Les nouveaux utilisateurs ont donc accidentellement fermé et archivé l’article qu’ils lisaient plutôt que de retourner à la bibliothèque de lecture.
Les études montrent que le cerveau humain ne peut mémoriser qu’un nombre limité de choses dans leur mémoire à court terme (entre 5 à 9 nouvelles choses seulement). Pour assurer que la navigation sur votre site soit optimale, essayez de le simplifier au plus haut point. Comment ?
Il suffit de fragmenter les informations. Prenons l’exemple de Microsoft Word. Comme il est utilisé par presque tout le monde, il est assurément facile à manipuler. Pourtant, il n’est pas dénué de fonctionnalités plus avancées, destinées aux utilisateurs aguerris. La conception d’un site web doit alors fonctionner de la même manière.
Les pages d'accueil sont généralement divisées en plusieurs parties. Il y a de courts textes qui présentent un produit ou un service, suivi d’un lien qui mène vers une autre page. Cette dernière contient à son tour plus d’explications sur le sujet. Par contre, évitez d’utiliser les termes comme “en savoir plus”. Rien n’indique aux utilisateurs ce qu’ils vont apprendre sur les autres pages, plus précisément. Écrivez plutôt un mot plus spécifique et explicite.
Si vos visiteurs font face à un grand nombre de choix :
Ils risquent de mettre longtemps à décider.
Je vous conseille donc de réduire au minimum la liste de choix. Cela augmente vos chances de convertir un visiteur en client. Vous ne lui donnez qu’un seul choix, qu’un seul appel à l’action.
Je vous ai parlé d’analyse au début de ce guide webdesign, mais ce ne sont que des analyses post-créations. Les données dont je parle dans cette dixième et dernière étape sont différentes : ce sont des données recueillies après la création du site.
Tout cela, pour vous dire que les analyses doivent se faire régulièrement, même une fois le site lancé. Il existe plusieurs outils qui pourront alors vous aider, Google Analytics étant l’un des plus performants dans ce domaine. Il est plutôt comportemental, c’est-à-dire qu’il évalue les horaires de sessions des utilisateurs, les sources de trafic...
En fonction de ces données, l’amélioration du site ne connaîtra plus de fin :)
Conclusion
La création d’un site webdesign n’est pas aussi simple qu’on le pense. En plus de la créativité, tous les webdesigners ont aussi besoin de respecter ces étapes que je viens d’expliquer dans ce guide webdesign : 10 questions à se poser.
Revenez sur cette page chaque fois que vous voudrez. Avez-vous trouvé des idées que j’aurais oubliées ? Si oui, lesquelles ? Laissez un commentaire ci-dessous ou envoyez un e-mail à hello@happydesk.be
Dans la joie et la bonne humeur
Que vous soyez débutant ou expérimenté, la Happy.webacademy vous donne l’énergie, les stratégies et les outils pour avoir plus de liberté et générer des résultats qui propulseront votre chiffre d’affaires dans les étoiles.
