Fermer

juin 10, 2020

Votre site Web stressetil les visiteurs?


À propos de l'auteur

Suzanne Scacca est une ancienne implémentatrice, formatrice et responsable d'agence WordPress qui travaille maintenant comme rédactrice indépendante. Elle est spécialisée dans l'artisanat marketing, web…
En savoir plus sur
Suzanne
Scacca

Le stress n'est pas seulement quelque chose qui met les gens mal à l'aise. Il stimule l'envie de «combattre» ou de «fuir». La toute dernière chose que vous souhaitez est de concevoir un site Web qui stresse les visiteurs, les amenant à redouter l'expérience ou à l'abandonner complètement. Il y a beaucoup de choses qui pourraient invoquer cette réponse de vos visiteurs, y compris la conception. Dans le guide suivant, nous allons examiner quelques moyens de déstresser votre conception.

Le stress est une chose désagréable et nous sommes nombreux à y faire face régulièrement. Nos emplois, notre école, nos maisons, nos relations et même les choses qui se passent dans le monde peuvent déclencher des sentiments de panique, de malaise et de dépression. Et ce ne sont que des facteurs de stress chroniques. Pensez aux petites choses qui envoient votre corps en mode combat ou vol instantané au quotidien (par exemple, les embouteillages, les représentants du service client inutiles, tomber malade lorsque vous avez un gros projet à faire).

La dernière chose que vous voulez est pour quelqu'un de visiter l'un des sites Web que vous avez créés, seulement pour avoir l'impression qu'ils:

  • Besoin de se frayer un chemin à travers celui-ci, ou
  • Partez immédiatement et ne revenez jamais.

Il existe une variété de comment un site Web peut causer du stress et laisser les visiteurs se demander si leur réponse doit être de se battre ou de fuir. Temps de chargement lents. Navigations écrasantes. Erreurs 404 excessives. Tu obtiens le point. Mais la conception elle-même pourrait aussi être un problème.

Si vos taux de rebond sont vraiment élevés et que les performances ne sont pas un problème, alors c'est quelque chose que vous devez examiner. Aujourd'hui, nous allons examiner comment les concepteurs de sites Web peuvent suivre des conseils traditionnels pour éliminer le stress et les appliquer aux sites Web.

Comment réduire la tension de votre conception de sites Web

La plupart des guides de réduction du stress fournissent un ensemble similaire conseils. Mais comment appliquez-vous exactement quelque chose comme «Sortez pour prendre l'air» à un site Web?

Voici quelques idées:

1. Draw from Nature

Il y a une raison pour laquelle les articles anti-stress suggèrent toujours que les gens sortent. Il y a quelque chose dans la nature qui est très apaisant.

Si vous pensez à la façon dont nous vivons nos vies aujourd'hui – toujours allumée, toujours connectée, essayant toujours de nous améliorer la vie – c'est exactement le contraire de la nature. C'est probablement pourquoi nous sommes tellement attirés par sa simplicité et ses qualités curatives en période de stress .

Entreprises avec des initiatives «naturelles» (pensez REI ou CLIF ]) peut s'en tirer en utilisant des images contenant des scènes de la nature et en s'appuyant sur les vibrations de bien-être qui leur sont associées. (Source: CLIF ) ( Grand aperçu )

Pour d'autres sociétés, cependant, vous allez devoir sortir des sentiers battus car les photographies de la nature n'auront pas de sens pour

Je vous conseille plutôt de regarder votre palette de couleurs.

L'une des grandes choses de passer du temps dans la nature est l'abondance de couleurs que vous trouverez. Consultez n'importe quel blog de voyage ou compte de réseau social et vous en trouverez immédiatement la preuve. Par exemple, voici un instantané de photos récentes partagées par @adventurefervor :

 @adventurefervor sur Instagram - photos nature
Le compte @adventurefervor Instagram partage du contenu naturel de partout dans le monde. (Source: Instagram ) ( Grand aperçu )

Il y a une si vaste gamme de couleurs dans la nature que vous pouvez dessiner.

Cela dit, les couleurs de la nature ne sont pas ' t toujours paisible ou sûr. Prenons, par exemple, l'aposématisme . C'est la capacité qu'ont les animaux de signaler qu'il y a un danger ici – et ils le font avec la couleur.

«La fonction de l'aposématisme est d'empêcher l'attaque, en avertissant les prédateurs potentiels que l'animal de proie a des défenses comme être désagréable ou toxique. "

Les couleurs les plus couramment observées dans l'aposématisme sont:

Généralement, lorsque ces couleurs sont utilisées, elles contrastent fortement avec les couleurs et les paysages environnants, donc ce n'est pas comme si l'apparence réelle du rouge ou du noir est alarmante. Cela a à voir avec le contexte.

Ce que je recommanderais, c'est que vous jetiez un œil à votre site Web et que vous notiez s'il y a des couleurs qui envoient les mauvais signaux.

Fait un mode sombre -comme un design trop inquiétant pour la personnalité plus légère de la marque? Les accents rouges rappellent-ils le sang sur le fond blanc rigide?

Le site Web de Bear Grylls par exemple, est un peu énervé et énervant:

 Site Web de Bear Grylls avec des images d'aventure nature, noir et rouge forts accents
Adventurist Bear Grylls utilise une combinaison d'images de la nature et de couleurs évoquant le danger sur son site. (Source: Bear Grylls ) ( Grand aperçu )

Je soupçonne que le concepteur Web a fait tout son possible pour imprégner le site Web des couleurs vives d'accent noir et rouge qui apparaissent ici . Bear Grylls ne propose pas de spectacle de voyage de bien-être. Il se met toujours (et met les autres) dans des situations de vie ou de mort. Donc, dans ce cas, la palette de couleurs inspirée de l'aposématisme est un bon choix.

Pour votre site Web, cependant, je doute fortement que vous souhaitiez que vos visiteurs associent la marque au danger ou à la mort. Alors, passez un peu de temps à étudier la photographie de la nature (ce qui vous fait vous sentir bien) ainsi qu'à lire sur la psychologie des couleurs pour corriger les signaux que votre site Web envoie aux visiteurs.

2. Créer un rythme prévisible

Le yoga est l'une de ces activités souvent recommandées aux personnes en situation de stress. Comme l'explique la Mayo Clinic :

«Le yoga rassemble des disciplines physiques et mentales qui peuvent vous aider à atteindre la tranquillité du corps et de l'esprit. Cela peut vous aider à vous détendre et à gérer le stress et l'anxiété. »

Au cœur du yoga se trouve un composite de poses physiques et de respiration régulière. Si vous l'avez déjà pratiqué auparavant, vous savez à quel point cela fait du bien quand vous entrez dans le rythme. Respirer… et expirer.

Le yoga n'est pas la seule pratique de pleine conscience qui s'appuie sur une respiration régulière pour calmer les nerfs.

Si vous avez déjà utilisé une application de méditation comme Calm auparavant, vous connaissez exercices de respiration :

Pendant que vous vous concentrez sur l'inspiration, la respiration et la libération, votre corps et votre esprit se détendent. Les exercices de respiration aident également les gens à calmer l'hyperventilation et d'autres schémas de respiration irréguliers qui accélèrent le rythme cardiaque et font courir l'esprit.

Alors, comment cela se corrèle-t-il avec votre site Web? Eh bien, ce que nous devons faire est d'identifier les éléments et les interactions qui se sentent imprévisibles et choquants – ceux qui donnent aux visiteurs l'impression qu'ils n'ont aucun contrôle sur l'expérience, comme s'ils ne peuvent pas ralentir et la prendre un bit à la fois.

Le rythme et la répétition jouent un rôle important dans ce domaine, mais vous le savez déjà. C'est pourquoi les formes et les couleurs des boutons sont conçues de manière cohérente à l'échelle du site. C'est pourquoi vous ne choisissez pas plus de deux ou trois polices pour établir un rythme et dicter la hiérarchie de votre contenu. C'est pourquoi vous créez des sites Web pour mobile au sein d'une grille (même si le design semble parfois asymétrique).

Le problème est que, lorsque de nouveaux modèles ou éléments de design deviennent populaires c'est facile pour ces bons et apaisants

Prenons, par exemple, des sites Web qui utilisent des animations déclenchées par défilement comme Unleashed .

 Des animations déclenchées par scroll non déclenchées
Le site Unleashed utilise une variété de défilements – animations déclenchées. (Source: Unleashed ) ( Grand aperçu )

Bien qu'il s'agisse certainement d'un site Web attrayant et qui se démarquera de la concurrence, il présente une expérience inégale du début à la fin . Les visiteurs sont plus susceptibles de se concentrer sur les surprises qui les attendent au coin de la rue plutôt que sur la lecture du contenu sur le site (ce qui est difficile avec la façon dont il est présenté).

Ce site Web est tout au sujet de la construction d'anticipation;

Si vous regardez le Smashing Magazine par exemple, le design a toujours la possibilité de "surprendre" les visiteurs de temps en temps:

 Smashing Magazine home page design et une animation subtile
Le design de Smashing Magazine met en lumière le facteur de surprise, en l'utilisant pour attirer l'attention quand cela a du sens. (Source: Smashing Magazine ) ( Grand aperçu )

La grande différence ici est que les animations déclenchées par survol ne doivent pas se faire au détriment de la prévisibilité de la conception ou le niveau de confort de vos visiteurs.

N'oubliez pas cela. Bien qu'il puisse sembler que l'essentiel soit d'essayer quelque chose de nouveau, votre site doit se démarquer, n'oubliez pas que vous concevez principalement pour l'expérience utilisateur. Et si les utilisateurs ne réagissent pas bien aux choix créatifs que vous avez faits, il est temps de leur redonner un rythme plus stable.

3. Éliminer l'excès de bruit

Depuis longtemps, les chercheurs ont étudié et rapporté les effets nuisibles et inducteurs de stress que le bruit environnemental peut avoir sur les personnes .

«Babisch a établi le modèle moderne de réaction au bruit , postulant une «voie indirecte», dans laquelle la perturbation du sommeil, de la communication et de l'activité par une exposition au bruit à faible niveau provoque des changements de paramètres émotionnels et cognitifs et de l'agacement, suivis de réactions de stress chroniques et d'effets néfastes sur la santé. »

Ce n'est pas une surprise à quiconque a vécu dans une grande ville ou en a visité une auparavant. Ils sont pollués par des bruits de personnes klaxonnant et criant, des bus ou des trains bruyants qui passent, des ouvriers du bâtiment qui grugent les rues et les bâtiments. À un certain moment, cela devient finalement trop.

C'est l'une des raisons pour lesquelles les machines à bruit blanc, les sons de la nature et la musique classique sont un moyen populaire de noyer l'excès de bruit dans nos environnements. Ils prennent toute la dureté et la nature écrasante de notre environnement et le mettent en sourdine ou, à tout le moins, le réduisent au minimum.

Lorsqu'un site Web est conçu avec trop de «bruit», une solution similaire

Mais comment définir le bruit sur les sites Web? Ce n'est pas comme si nous avions tous de la musique en lecture automatique (du moins, j'espère que non).

Le plus important est de chercher des choses qui n'y appartiennent pas. Si votre conception est surpeuplée, supprimez les éléments qui contribuent peu à l'expérience utilisateur et au taux de conversion.

Par exemple, à quelle fréquence les utilisateurs interagissent-ils avec votre fenêtre de chat en direct? Si cela ne se produit pas fréquemment ou si les interactions ne sont pas significatives, débarrassez-vous-en. Il en va de même pour les autres éléments non essentiels. Bannière publicitaire. Lecture automatique sur les vidéos. Fenêtres contextuelles d'intention de sortie.

L'interruption de l'expérience de l'utilisateur en vaut-elle vraiment la peine?

Prenons l'exemple du site Web de Neil Patel :

 Site Web de Neil Patel «Voulez-vous plus de trafic?»
Le site Web de Neil Patel pose la question «Voulez-vous plus de trafic?». (Source: Neil Patel ) ( Grand aperçu )

Lorsque les visiteurs accèdent à la page d'accueil, on leur demande: "Voulez-vous plus de trafic?"

Disons que la réponse est «non» car le visiteur est venu ici pour en savoir plus sur le marketing et le référencement sur le blog. Cependant, le haut de la page du blog leur pose à nouveau la même question:

 Blog de Neil Patel 'Voulez-vous plus de trafic?'. Les visiteurs ont le choix de dire «Oui» ou «Non»
Le haut du blog de Neil Patel pose la question «Voulez-vous plus de trafic?». (Source: Neil Patel ) ( Grand aperçu )

La logique voudrait que cliquer sur "Non, j'ai assez de trafic" supprime la bannière de la vue car aucun "X" n'est disponible pour le rejeter. Au lieu de cela, les visiteurs qui cliquent dessus sont retirés du blog et retournés à la page d'accueil pour recommencer la boucle.

Ce type de friction sur le site Web n'est pas différent d'un bruit environnemental ou irritant – un peu comme un enfant qui demande "Mais pourquoi?" encore et encore jusqu'à ce que vous leur donniez la réponse qu'ils veulent. Finalement, les visiteurs vont en avoir assez de la pression de se convertir et de partir pour de bon (peut-être pas dans le cas de Patel, mais certainement sur un site Web pour des marques moins connues).

Si vous remarquez que vos visiteurs ignorent le bruit que vous ' ve placé devant eux sur le site Web, n'essayez pas de le bloquer encore plus loin.

Récapitulation

Contrairement au monde réel où les gens prennent le temps d'identifier leurs facteurs de stress, d'identifier des solutions pour les vaincre et de résoudre leurs problèmes, cela ne se produira pas sur un site Web.

Ils vont souffrir de l'expérience et se retrouver avec un goût aigre dans la bouche… ou ils vont immédiatement rebondir sur le site et se retrouver avec un goût aigre dans la bouche. [19659005] Si vous souhaitez supprimer le stress de votre conception de sites Web, recherchez les activités traditionnelles de soulagement du stress pour résoudre les problèmes. Si vous pouvez transformer votre site Web en un environnement relaxant et accueillant – tout en appuyant sur tous les boutons appropriés pour conduire les visiteurs à la conversion – vous réduirez vos taux de rebond ainsi que le niveau de stress des visiteurs.

 Smashing Editorial ( ra, yk, il)




Source link