Vous seriez pardonné si vous pensiez que vous deviez concevoir les sites Web de vos clients pour être rapide tout le temps. Après tout, dans les meilleures pratiques UX modernes, un site doit être rapide pour réduire le taux de rebond, garder les visiteurs du site engagés et les fidéliser.

Les utilisateurs n'aiment pas les sites lents, car tout le monde a l'habitude d'accélérer les choses sur le Web. S'ils doivent attendre cinq secondes qu'un site d'actualités se charge, mais qu'un site d'informations similaire charge des pages en deux secondes seulement, vous pouvez parier que le site le plus rapide attirera les visiteurs.

Pour que votre site plaise aux visiteurs ... il ne faut pas que ce soit rapide, il faut juste se sentir vite

Cependant, un aspect très curieux du design web est que la perception est la réalité. Pour que le site de votre client plaise aux visiteurs et les fidélise, il n'est pas nécessaire que ce soit rapide, il faut simplement se sentir rapide.

Comprendre cette distinction peut vous permettre de concevoir des sites avec des UX géniaux et des visiteurs engagés. Voici comment…

Pourquoi les sites rapides importent

Ce n'est pas seulement moi qui dis que les sites rapides sont hautement souhaitables - les données le disent aussi. Moz dit que vous pouvez améliorer les taux de conversion des sites vous concevez pour vos clients si vous les faites rapidement.

Les études de cas le prouvent également: les pages Web mobiles qui ne dépassent pas une seconde plus rapidement que d’autres pages une augmentation de 27% de leurs taux de conversion . Cela peut être énorme du point de vue des ventes!

De toute évidence, lorsque les sites sont plus rapides, les visiteurs restent plus longtemps, s’impliquent davantage dans votre contenu, puis se convertissent à des taux plus élevés.

Ce qui compte, c'est l' expérience de votre visiteur, qui dépend de sa perception

Mais les visiteurs ne sont pas assis à leur écran avec un chronomètre vérifiant la vitesse de votre page de destination, mais vous mesurez la vitesse réelle de votre site. Ce qui compte, c'est l' expérience de votre visiteur, qui dépend de sa perception.

Écrans squelettes

Qu'est-ce qu'un écran squelette? Un écran squelette est une page Web vierge qui se remplit progressivement au fur et à mesure du chargement de la page. Les écrans squelettes sont une alternative intelligente et efficace aux techniques telles que les barres de progression ou les spinners, que les essais montrent créer une perception de chargement de page lent.

Le directeur de produit de Google, Luke Wroblewski, a dirigé une étude de cas où il a utilisé des fileurs pour l'interface d'une application native qu'il travaillait. Chaque fois qu'une page est chargée, les utilisateurs sont accueillis par les fileurs, qui affichent la progression du chargement. Le résultat était que les utilisateurs pensaient que l'application était en réalité plus lente que les versions précédentes.

Cela peut s’expliquer par le fait que les barres de progression et les spinners attirent l’attention des utilisateurs sur le processus de chargement, ce qui crée une perception de lenteur.

D'un autre côté, des techniques telles que les écrans de squelette attirent l'attention des utilisateurs sur le fait que la page se remplit progressivement de contenu et leur montre donc de réels progrès. En se concentrant sur les progrès réels plutôt que sur le temps d'attente, les écrans de squelettes donnent à vos visiteurs et utilisateurs l'impression que votre site est déjà plus rapide.

Modification des couleurs du site

Les couleurs ont également un impact important sur la perception de la vitesse de votre site sur vos visiteurs. Vous pouvez faire en sorte que vos utilisateurs pensent que votre site se charge assez rapidement en fonction de la couleur que vous choisissez lors du chargement de la page. Choisissez une couleur relaxante et vos utilisateurs estiment que votre site est en réalité plus rapide qu’il ne l’est.

Selon le Journal of Marketing Research (via Adobe), si vous souhaitez accélérer le chargement des pages utiliser la couleur bleue sur la page pendant le téléchargement.

Il existe également d'autres dimensions à colorer, telles que la chrominance et la luminosité. Le premier est la saturation ou la pigmentation d'une couleur, tandis que le second est la teinte que la couleur semble avoir.

la luminosité ... a le plus d'impact sur la perception de la vitesse du site par les utilisateurs

Les recherches indiquent que les couleurs à faible chrominance (celles qui sont plus discrètes) assouplissent les utilisateurs et leur font donc percevoir un site plus rapidement. Du côté de la luminosité, les couleurs de grande valeur apparaissent comme si elles avaient été mélangées avec du blanc; nous appelons généralement ces pastels. Ces couleurs de grande valeur produisent des sensations plus détendues chez vos utilisateurs, contribuant ainsi à la perception de votre site aussi rapidement.

En fait, la luminosité est le facteur qui a le plus d'impact sur l'amélioration de la perception de la vitesse du site par les utilisateurs.

Il convient également de noter que la recherche indique également que les utilisateurs plus détendus en général produisent des résultats plus positifs pour les sites, tels que davantage de conversions, de préférences et de partages.

Appels à l'action

En termes simples, la façon dont vous utilisez l'appel à l'action sur votre page peut avoir un impact considérable sur la perception de la vitesse de votre site par vos visiteurs. Par exemple, si votre appel à l'action est enfoui au bas d'une longue page de destination ou de vente, si petit et si difficile à lire, il faut du temps pour le trouver ou ne pas être compatible avec l'architecture de la page. alors il faudra plus de temps aux gens pour le trouver.

Lorsque les visiteurs ont besoin de plus de temps pour voir votre appel à l'action, ils peuvent alors sentir que votre site est plus lent qu'il ne l'est. Après tout, mettez-vous à la place de l'utilisateur, il se pose sur votre page et essaie de comprendre l'objectif de cette page. Quand ils ne voient pas immédiatement le bouton d'appel à l'action, cela va les dérouter et prendre un certain temps pour comprendre ce qui se passe, ce qui contribue à créer un sentiment de ralentissement.

Par conséquent, lors de la conception d'un appel à l'action pour une page, intégrez-le de manière transparente dans l'élément de la page principale. Par exemple, Kayak le fait bien sur sa page de location de voiture. En un coup d'œil, les utilisateurs peuvent dire que l'appel à l'action de la page (le bouton de recherche) fait partie intégrante de l'élément de la page principale, à savoir la barre de recherche des locations de voiture. En conséquence, ils sont en mesure de comprendre rapidement le but et l’objectif du site.

Des sites qui se sentent rapidement rapides offrent toujours des UX géniaux

Les concepteurs doivent toujours suivre la règle principale dans la conception Web: conception pour une expérience utilisateur. Une des meilleures façons de le faire est de concevoir la vitesse du site, mais, connaissant la psychologie et le comportement de vos visiteurs, vous pouvez également concevoir votre site simplement pour vous sentir rapide, au lieu d'être extrêmement rapide.

Ne traitez pas cela comme une alternative à la construction d'un site rapide. Même si un site rapide peut se révéler lent, il est beaucoup plus facile de faire en sorte qu'un site se sente rapide. En fin de compte, ce qui compte, c'est la perception de l'utilisateur.