Beau ne suffit pas.

Vous ouvrez un site. Les photos sont belles. Les couleurs fonctionnent. Puis vous cherchez une information toute simple : un prix, un horaire, une façon de réserver. Et vous hésitez. Ce moment est plus intéressant que la première impression. Il pose une question : le site aide-t-il vraiment la personne à faire ce qu’elle est venue faire ? L’UX design commence ici. Pas avec un effet spectaculaire. Avec la vie de quelqu’un qu’on essaie de rendre un peu plus simple. Dans ce guide, vous pouvez lire, comparer des parcours, chercher un mot et poser une question sans devoir parcourir tout l’article.

L’expérience utilisateur — UX, pour user experience — désigne ce qu’une personne vit lorsqu’elle utilise un produit ou un service pour atteindre un objectif. Sur un site de restaurant, l’objectif peut être de trouver le menu puis réserver. Pour un artisan : comprendre une prestation et demander un devis. Pour un professionnel de l’immobilier : trouver une information et proposer une rencontre. L’UI, ou interface utilisateur, est la partie visible et manipulable : textes, champs, couleurs, boutons. Une UI soignée peut aider l’expérience. Mais une belle interface ne résout pas une étape qui ne fonctionne pas, une réponse qui manque ou une attente incompréhensible. Le déclic : remplacer « Qu’est-ce que je veux montrer ? » par « Qu’est-ce que cette personne veut réussir ? ». Le beau reste important. Il sert maintenant un objectif.

Imaginez un restaurant. Vous connaissez déjà son nom. Vous voulez une table pour deux. Le site vous propose « Découvrir », « Notre univers », « En savoir plus ». Vous devez traduire ses intentions avant d’agir. Dans notre démonstration, la version après dit « Réserver une table » et garde « Voir le menu » comme option secondaire. Le changement ne promet pas plus de réservations : il explique mieux le prochain geste. Essayez les deux états et changez de scénario. Tip : rédigez le bouton comme la fin de la phrase « Je veux… ». Je veux réserver une table. Je veux voir les horaires. Je veux demander un devis. Vérifiez ensuite que la page suivante tient cette promesse.

Le premier obstacle est le choix. Trop de portes d’entrée au même moment peuvent brouiller la priorité. Un objectif principal par étape est une piste à tester ; les choix secondaires utiles ne doivent pas disparaître. Le deuxième est le formulaire. Chaque champ représente une demande faite à la personne. Est-il nécessaire maintenant ? Une donnée facultative peut-elle le rester ? Si une erreur survient, la personne sait-elle quoi corriger sans recommencer toute sa saisie ? Le troisième est l’attente. Après un clic, le site doit indiquer ce qu’il fait réellement : recherche, envoi, erreur ou confirmation. Une barre de progression ne doit pas inventer un pourcentage. Une animation ne peut pas annoncer qu’un message a été reçu avant la réponse du serveur. Tip : un retour d’état utile décrit l’action en cours et la suite. « Nous vérifions les disponibilités » est plus informatif qu’un écran figé. Préservez une manière de recommencer ou de sortir en cas d’échec.

Les captures ci-dessous montrent le site Kaban. Vous pouvez les agrandir et observer la hiérarchie : l’offre, les éléments qui donnent du contexte et les actions proposées. C’est une réalisation réelle ; cela n’en fait pas une interface parfaite. Une capture est un support de discussion. Pour conclure qu’un parcours est meilleur, il faudrait observer des tâches et mesurer des résultats comparables. Le avant/après fictif de ce guide montre une idée de conception, pas des performances obtenues chez un client. Le bon réflexe : distinguer ce qu’on voit, ce qu’on suppose et ce qu’on a effectivement mesuré. C’est aussi une façon de parler de design avec honnêteté.

Sur téléphone, la place, les interactions tactiles et le contexte changent. Une personne peut chercher un horaire d’une main ou comparer une prestation entre deux rendez-vous. Réduire la version desktop ne suffit pas : l’ordre des contenus doit encore raconter quelque chose. Essayez le site sans zoomer. Le texte se lit-il ? Le bouton se trouve-t-il ? Le clavier masque-t-il une information indispensable ? Les liens sont-ils assez distincts pour éviter une mauvaise activation ? Essayez aussi un écran plus petit que le vôtre. Les WCAG 2.2 donnent notamment des critères sur la taille des cibles et leur espacement. Le minimum AA de 24 × 24 pixels CSS comporte des exceptions ; ce n’est pas une règle qui dit que tout bouton de cette taille est confortable. Ici, les actions principales visent une zone tactile d’au moins 44 pixels. L’accessibilité ne s’arrête pas au mobile. Naviguer au clavier, lire un message d’erreur et comprendre un libellé font aussi partie de l’expérience. Ces vérifications sont un début, pas une certification d’accessibilité.

Choisissez une tâche importante. Demandez à une personne qui ne connaît pas votre site de la réaliser sur son téléphone. Par exemple : « Trouvez comment réserver pour deux personnes » ou « Regardez si cette prestation correspond à mon besoin ». Ne lui indiquez pas le bouton. Ne défendez pas la maquette. Regardez où elle hésite, ce qu’elle cherche et les mots qu’elle emploie. Une tâche observée apporte une piste, pas une vérité universelle. - Notez un obstacle précis, avec l’écran où il apparaît. - Changez une chose : un libellé, un ordre, une information manquante. - Refaites la même tâche dans des conditions comparables. - Gardez ce qui aide et documentez ce qui reste incertain. Tip : ne cherchez pas seulement une erreur technique. Une personne qui clique au bon endroit mais ne sait pas ce qui va se passer a peut-être déjà rencontré une friction.

Avant d’améliorer, définissez ce que vous appelez une réussite : une information trouvée, une réservation confirmée, une demande enregistrée. Un clic sur un bouton n’est pas automatiquement une conversion. Pour comparer des résultats web, gardez une période, une source de trafic et un contexte comparables. Le volume peut être trop faible pour conclure. Les événements non collectés avant l’installation du suivi ne peuvent pas être recréés après coup. Pour le SEO, un guide mérite sa place lorsqu’il répond clairement à une intention de recherche et permet d’aller plus loin. Ses définitions, réponses et exemples sont du contenu utile ; les effets de mouvement ne remplacent pas ce fond. Aucun design ne garantit une position dans Google. Votre premier pas n’est pas forcément une refonte complète. C’est peut-être une action rendue plus évidente, une question enfin expliquée ou une attente mieux accompagnée. Le design commence à cet endroit.