• 0k
  • 0
Conseils \ 18 Mai 2015

Expérience utilisateur : le guide de l’UX pour débutants

Comme vous le savez, créer un site professionnel nécessite de nombreuses connaissances et des talents variés. Si Wix vous soulage des difficultés techniques, cela ne veut pas dire que vous pouvez vous reposer sur vos acquis pour autant. En effet, même si vous avez la chance d’écrire comme Rimbaud (le poète bien sûr, pas lui) et que vous offrez une gamme de produits/services innovants, cela ne garantit pas que vos visiteurs profitent pleinement de votre site. Si l’expérience utilisateur de votre vitrine digitale n’est pas optimisée, vous risquez fort de finir dans les oubliettes du Web – que Google vous en préserve.

Dans le jargon technique, l’User Experience ou UX (traduisez l’expérience utilisateur) est une discipline qui vise à assurer que votre site réponde aux besoins des internautes de façon intuitive. Des couleurs, à la navigation, en passant par la lisibilité de vos textes, l’expérience utilisateur sur votre site est un vaste sujet qu’il est important de maîtriser.

Ci-dessous, une liste de conseils qui vous permettra d’ériger votre site sur une base solide :

UX - expérience utilisateur

Dessinez votre maquette

Avant même de poser la main sur votre souris, mettez sur papier tous les éléments que vous souhaitez présenter sur votre site. Ensuite, listez-les de façon thématique (catégories) et hiérarchique (par ordre d’importance) afin de mieux planifier l’organisation de vos pages et sous-pages – donc de votre menu de navigation également. Gardez à l’esprit que votre menu et votre logo doivent figurer sur toutes vos pages. Une fois votre maquette tracée, il ne vous reste plus qu’à sélectionner un Template adapté à votre structure. Il y en a plus de 500 en réserve ! Comment ne pas y trouver votre bonheur ?

Plan du site

Optimisez la lisibilité de vos textes

Quelle plus grande déception pour un explorateur du Web que de trouver l’information qu’il recherche sans pouvoir la déchiffrer ? Adieu pattes de mouche et hiéroglyphes, bonjour polices fluides et formats optimisés ! Une fois vos textes rédigés, n’hésitez pas à partager votre site avec vos amis et prenez note de leurs impressions. Nous proposons même un outil destiné à cet usage !

4 règles à connaître :

  • La taille de votre police de caractères doit être en 12 et 14 points
  • Vos lignes ne doivent pas dépasser 13 mots
  • Si votre arrière-plan est clair, votre police doit être foncée et vice versa
  • Les éléments cliquables doivent visuellement se distinguer du reste de vos textes (le standard du texte bleu souligné fonctionne à merveille).

Polices constrastées

Surveillez votre ligne de flottaison

Surveiller ma quoi ? La ligne de flottaison est la partie de votre site visible sur l’écran de vos visiteurs – sans que ces derniers n’aient à le faire défiler. De nos jours, où la navigation mobile fait de plus en plus de vague, il est essentiel de fournir toutes les informations aux surfeurs dès le premier coup d’œil. C’est la raison pour laquelle il est essentiel de placer tous les renseignements importants au sujet de votre activité au-dessus de la ligne de flottaison de votre site. De quoi parle-t-on ?

  • Informations de contact
  • Icônes sociales (soit les boutons qui renvoient vers vos comptes sur les réseaux sociaux)
  • Logo de votre entreprise
  • Menu de navigation
  • Barre de recherche
  • Image et texte (concis) qui définissent votre activité

Ligne de flottaison

Sélectionnez soigneusement vos couleurs

Votre charte graphique doit être alignée avec votre image de marque. À cet effet le choix de votre palette de couleurs est primordial. Vos couleurs instaurent l’atmosphère de votre site et véhiculent les valeurs de votre entreprise. En outre, elles permettent d’orienter les visiteurs en leur indiquant les éléments cliquables sur les pages et contribuent à définir la hiérarchie visuelle du site. Cet article vous indique comment utiliser les couleurs judicieusement.

Palette de couleurs sucrées

(Re)Vérifiez vos liens

S’il est un pêché à éviter en matière d’expérience utilisateur, c’est bien d’orienter ses visiteurs vers des culs-de-sac. Réussir à convaincre les internautes de cliquer sur un lien est un défi majeur : il ne faut surtout pas les décevoir en les dirigeant vers des pages qui ne sont pas à jour ou pire, vers des liens cassés. Les astuces qui suivent vous seront utiles :

  • Prenez soin de configurer vos liens externes pour qu’ils s’ouvrent dans de nouveaux onglets.
  • Si vous avez une fenêtre pop-up ou une page d’inscription, assurez-vous d’offrir à vos visiteurs une issue vers votre page d’accueil – un lien « Retourner à la page d’accueil » ou une option « S’inscrire plus tard ».

Cul-de-sac

Parlez mobile

Petit rappel : depuis peu, Google récompense les sites adaptés aux appareils mobiles dans ses résultats de recherche. Il est donc crucial d’optimiser la version mobile de votre site pour les écrans tactiles et autres iPareils. Pensez à déplacer vos informations de contact en première ligne et à raccourcir vos textes afin de séduire également les mobinautes.

Mobile

Apportez une valeur ajoutée

Votre site n’est pas uniquement une vitrine pour entreprise : c’est avant tout un outil de travail qui vous permet de trouver de nouveaux prospects et de fidéliser vos clients existants. Il peut donc s’avérer judicieux d’employer à bon escient certaines solutions de marketing et/ou de service client. L’email marketing, le community management (blog et réseaux sociaux) ou encore l’intégration d’un forum ou d’un (t)chat en ligne vous aideront à atteindre vos objectifs plus efficacement.

Quelques points à noter :

  • Sur votre site Wix, les icônes sociales dirigent par défaut vers les comptes de Wix sur les réseaux sociaux. Nous n’avons rien contre la pub gratuite mais nous vous recommandons chaleureusement de modifier ces liens pour qu’ils envoient vers vos comptes.
  • Si vous utilisez Wix ShoutOut – ou n’importe quelle autre solution d’email marketing, c’est votre bon droit – n’oubliez pas de personnaliser le design de vos newsletters pour l’accorder avec celui de votre site.
  • Vous trouverez dans l’app market de nombreuses solutions de gestion et de service client. Nous vous invitons à les découvrir ici.

Prêt à vous lancer sur le Web ? Créez votre site gratuitement dès aujourd’hui !


Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email