les tactiques UX que j'utilise sur mon propre site Web, avec les raisons
dev · Oct 6, 2026 · 5 min read
les conseils sur l'UX sont pour la plupart invérifiables, voici donc le type vérifiable : les tactiques que j'ai réellement expédiées sur ce site, la raison de chacune, et celle pour laquelle je me suis trompé pendant des mois. exécutez-les sous forme de liste de contrôle sur n’importe quel site que vous construisez ou achetez.
un : le numéro de téléphone est l'interface
l'élément de plus grande valeur d'un site d'entreprise locale est le numéro de téléphone, sous forme de texte, au-dessus de la ligne de flottaison, accessible en tapant. pas dans une image, pas derrière une page de contact. je le mettrais au-dessus de toute animation de logo. la plupart des sites de petites entreprises italiennes enterrent la seule action qui finance le site.
2 : raccourcis de contact là où se trouve déjà l'œil
sur mobile, ce site comporte un bouton de messagerie dans la première fenêtre, juste sous la carte du héros – et non dans un pied de page qui nécessite un défilement et une chasse. le raisonnement : le contact n’est pas une destination, c’est une impulsion, et les impulsions meurent en trois secondes environ. un formulaire de contact derrière deux clics est un formulaire que personne ne remplit.
trois : le pli est un outil de conception, pas un mythe
« personne ne défile » est faux ; "personne ne fait défiler les déchets" est vrai. this site measures the fold: the first viewport ends where the content earns it, and the next section starts past it, enforced by a build-time layout that pushes the next card below the fold on every screen size. vous n’incitez pas les gens à faire défiler ; vous réfléchissez complètement au premier écran et laissez le second commencer à être propre.
4 : le mouvement ne doit jamais garantir l'exactitude
the tactic i got wrong for months: an exit animation could make a navigation click land on the wrong page in edge conditions. the fix taught the rule i now apply everywhere: correctness properties never depend on animation timing. motion is decoration; lorsque la décoration peut opposer son veto à une destination, la décoration se voit attribuer un rang qu'elle n'a pas obtenu.
cinq : le contraste est une question d'UX, pas de conformité
chaque étiquette grisée sur ce site est mesurée et non jugée (voir l'article sur la théorie des couleurs pour le mécanisme). the UX reasoning is not the legal one: low-contrast text is text a reader skips, and skipped text is a message you paid to write and hid. si une étiquette ne vaut pas la peine d’être lue, supprimez-la ; si c'est le cas, il efface 4,5:1.
six : changement de langue en un seul clic, avec l'URL disant la vérité
chaque langue de ce site possède sa propre URL (/, /it/..., /de/...) à la place d'un cookie mémorisant un choix. l'URL est le seul support d'État honnête : partageable, pouvant être mise en signet et – c'est la partie SEO – indexable. un site qui change de langue sans changer d'URL est invisible dans les résultats de recherche dans l'autre langue.
quoi exécuter sur votre propre site
- Un étranger peut-il dire ce que vous faites, pour qui et comment vous joindre dans les cinq secondes suivant l'atterrissage ?
- l'action primaire est-elle accessible là où se trouve déjà l'œil, sur un téléphone ?
- Est-ce que quelque chose bouge qui pourrait être confondu avec une absence de réponse du site ?
- Y a-t-il un texte si sombre que, honnêtement, vous ne le lisez pas ?
- Chaque changement d'état a-t-il une URL que vous pouvez envoyer à quelqu'un ?
L'UX n'est pas le goût. il s’agit d’un ensemble de décisions que quelqu’un a prises exprès – ou n’a pas pris du tout, ce qui est aussi une décision, juste une décision que personne n’a signée.