Catégories
Plugin et site web

Pouvez-vous concevoir un site Web pour les cinq sens? – Magazine Smashing

A propos de l'auteur

Suzanne Scacca est une ancienne implémentatrice, formatrice et responsable d'agence WordPress qui travaille maintenant en tant que rédactrice indépendante. Elle se spécialise dans l'artisanat marketing, web…
Plus à propos
Suzanne
Scacca

Bien que vous ne souhaitiez pas concevoir un site Web pour les cinq sens – car cela conduirait certainement à une surcharge sensorielle – vous pouvez utiliser des sens individuels pour renforcer l'expérience des visiteurs. Jetons un coup d'œil à cinq façons d'utiliser les sens pour mettre vos visiteurs dans un meilleur espace de tête lorsqu'ils accèdent à votre site et interagissent avec votre marque.

C'est peut-être l'odeur du parfum de quelqu'un. Ou une bouchée de pizza d'un nouveau restaurant. Ou une chanson jouée sur les haut-parleurs du magasin. Mais à la seconde où cela arrive, vous êtes immédiatement transporté dans un autre lieu, une autre heure ou une autre humeur.

Imaginez si votre site Web pouvait évoquer ce genre de réponse. Les visiteurs qui répondent à la stimulation sensorielle se trouveraient instantanément dans un espace de tête plus positif, qu’ils associeraient ensuite au site et à votre marque.

Faites simplement attention si vous comptez essayer cela. Tous les souvenirs ou émotions déclenchés par les sens ne seront pas positifs, vous voulez donc vous concentrer sur des expériences plus généralisées et partagées qui comportent peu de risque de retour de flamme.

Voici quelques idées pour vous aider à le faire:

Concevoir pour le sens de la vue

Un site Web est un support à voir, vous supposez donc que le sens de la vue est le plus puissant avec lequel jouer. Mais il y a une différence entre un visiteur qui prend des photos et des mots sur une page Web et sentiment quelque chose à cause de ce qu’ils ont vu.

La vérité est que la vue est le plus pragmatique des sens. En règle générale, ce que vous voyez est ce que vous obtenez.

Néanmoins, il est possible de concevoir un site Web afin qu'il modifie l'humeur de quiconque le visite.

La théorie des couleurs est un outil que vous pouvez utiliser pour inciter les visiteurs à ressentir une certaine manière en fonction de ce qu'ils voient. Cependant, cela peut être problématique car les couleurs ont souvent des significations multiples non seulement d'une culture à l'autre, mais également à l'intérieur d'elles. Ainsi, même si vous pensez peut-être que les visiteurs se sentent plus heureux avec des teintes jaune vif, cela peut plutôt les rendre dépassés et anxieux.

Ce sur quoi je vous suggère de vous concentrer, c'est comment utiliser les éléments visuels pour créer une expérience immersive qui transporte vos visiteurs vers un autre endroit ou une autre heure. Ils ne devraient pas non plus avoir besoin de regarder au-delà de la page d'accueil (bien que ce soit une bonne idée si vous pouvez l'étendre à l'ensemble du site).

Les sites de voyages et d'accueil ont tendance à bien faire cela. Prenons un exemple.

Visit Philly est un site touristique que j'aime utiliser pour trouver des choses à faire dans la ville. Et c'est parce que c'est ainsi que la plupart des pages du site sont conçues:

Visitez la page d'accueil du site Web de Philadelphie
La page d'accueil du site Web Visit Philly accueille les gens dans la Cité de l'Amour Fraternel et Sœur. (Source: Visit Philly) (Grand aperçu)

Chaque page ressemble à une expérience physiquement immersive sans forcer les visiteurs à regarder une vidéo d'arrière-plan ou à faire défiler un carrousel de photos. Au lieu de cela, chaque image pleine grandeur encapsule parfaitement le paramètre qui attend chaque visiteur.

Contrairement aux photos mises en scène, trop manipulées ou stockées qui illustrent une réalité irréaliste, les visiteurs ne sont pas susceptibles d'ignorer ce type de contenu. Parce que c'est réel et qu'il est également facile de se mettre à la place des gens qu'ils regardent. L'homme et son chien. La famille se promène. Ou les personnes appréciant le spectacle qu'est Spruce Street Harbor Park:

Visitez le site Web de Philly - page dédiée à Spruce Street Harbor Park avec photo en taille réelle
Une page dédiée à Spruce Street Harbor Park à Philadelphie. (Source: Visit Philly) (Grand aperçu)

Pour les personnes qui ont été à Philadelphie, les visuels de ce site sont susceptibles de les ramener aux bons moments qu'ils ont passés. Et pour les nouveaux arrivants dans la ville, les visuels surdimensionnés qui mettent en valeur les points chauds de la ville leur permettent d’imaginer ce que c’est de faire, ce qui est un moyen très efficace de vendre une expérience à quelqu'un.

Concevoir pour le sens de l'odorat

De retour à l'école primaire, nos professeurs nous récompensaient avec de bons scores aux devoirs et aux tests avec une note manuscrite comme «Excellent travail!» et un autocollant scratch-n-sniff. Comme ceux disponibles sur Etsy:

Etsy - Autocollants originaux Scratch 'N' Sniff des années 1970
Un pack d'autocollants Scratch 'N' Sniff des années 1970 est disponible sur Etsy. (Source: Etsy) (Grand aperçu)

Si vous ne savez pas ce que c'est, le nom dit tout. Vous grattez votre ongle contre l'autocollant et ça sent juste la photo dessus.

En regardant cette photo, je peux encore sentir la fraise «Berry Good». Cela va paraître fou, mais cela me rappelle le succès. Je ne sais pas si mes professeurs avaient un paquet entier d’autocollants à la fraise, mais c’est celui que j’ai reçu le plus souvent. Et donc je suppose que c’est pourquoi je l’associe à de bonnes notes simplement en le regardant.

C'est ce que vous voulez viser avec votre site Web. Vous souhaitez représenter un parfum reconnaissable de manière à ce que la majorité (sinon la totalité) de vos visiteurs se sentent instantanément bien.

Par exemple:

Un site Web de librairie ou de bibliothèque d'occasion avec des images représentant des rangées sur des rangées de vieux livres comme le Providence Athenaeum:

Page d'accueil de la Providence Athenaeum - photo pleine grandeur de la bibliothèque et des rangées de livres
La page d'accueil de la Providence Athenaeum «sent» les vieux livres. (Source: Providence Athenaeum) (Grand aperçu)

Les lecteurs voraces pourront certainement sentir l'athénée et son ancienne collection de livres à travers cette photo.

Ou que diriez-vous d'une entreprise connue pour fabriquer des produits de nettoyage comme Tide?

Page d'accueil de la marée avec photo du linge fraîchement nettoyé et plié en plus de la laveuse
La page d'accueil de Tide comprend quelques images de linge fraîchement nettoyé et plié. (Source: Tide) (Grand aperçu)

Même si vous n’utilisez pas Tide pour faire votre lessive, vous savez exactement à quoi ressemblera la première image de ce carrousel.

Le linge frais est le parfum de la propreté et du confort. Je dirais également que c’est le parfum de la satisfaction, car rien ne se sent mieux que de faire la lessive et d’en finir.

J'aime aussi beaucoup ce que Coffee Culture Cafe & Eatery a fait avec sa vidéo de page d'accueil:

Site Web de Coffee Culture Cafe avec vidéo de grains de café
Coffee Culture Cafe met ses grains de café en plein écran. (Source: Coffee Culture Cafe & Eatery) (Grand aperçu)

Il n’est pas anormal qu’un restaurant ou un café montre des photos de sa nourriture ou de ses boissons. Cependant, c'est le produit brut: les grains de café. Et comme tout buveur de café peut en témoigner, cette photo sent bon et est quelque chose qui ne manquera pas de réveiller leur anticipation en commandant leur première tasse.

Concevoir pour le sens du son

Je conduisais à la plage ce week-end quand une chanson m'a fait sourire. C'était "What I Got" de Sublime, une chanson que j'ai écoutée plusieurs fois lors du long trajet en voiture vers la plage avec des amis à l'université.

Même si j'étais seul lors de ce voyage et que je me dirigeais vers une autre plage, il y avait quelque chose dans cette chanson qui a instantanément transformé mon humeur. Le stress que je ressentais à propos du travail s'est dissipé et tout ce sur quoi je pouvais me concentrer, c'était à quel point c'était agréable de passer la journée au soleil au bord de l'eau.

C’est quelque chose que le bon son peut faire. Il peut nous sortir du présent et nous ramener à un souvenir du passé. Ou cela peut nous submerger d'émotions qui n'ont aucun fondement réel dans le moment et, pourtant, la voilà.

Il n’est pas nécessaire que ce soit de la musique. Et, honnêtement, sur un site Web, cela ne devrait pas être le cas. Mais cela ne signifie pas que vous ne pouvez toujours pas attirer les oreilles des visiteurs grâce à la conception.

Il y a deux manières d'aborder cela.

La première consiste à inclure des images qui représentent un son prévisible et qui apporte de la joie (ou toute autre émotion positive pour laquelle vous visez). Prenez le site Web de Kindermusik:

Site Web Kindermusik - Un tout-petit joue avec un mini xylophone
Le site Web Kindermusik montre comment les enfants apprennent grâce à la musique. (Source: Kindermusik) (Grand aperçu)

Pour beaucoup d'entre nous, le xylophone a été l'un des premiers instruments auxquels nous avons été initiés lorsque nous étions enfants. Il est donc difficile d’imaginer que quiconque voit la photo du haut et n'entende pas immédiatement les sons d’un enfant qui cogne sur les bars.

Et bien que cette école vise à fournir aux enfants une éducation basée sur la musique, toutes les images ne ressemblent pas à de la musique. Par exemple, la page Avantages a cette photo en haut:

Avantages Kindermusik: bébé sourit et rit
Un bébé rit en haut de la page des avantages Kindermusik. (Source: Kindermusik) (Grand aperçu)

Il n’y a peut-être aucun son sur ce site, mais nous connaissons tous le son distinctif du rire d’un bébé. Pour les parents qui essaient de décider où faire éduquer leurs enfants, ils seront ravis d'entendre le son d'un enfant rire en visitant cette page Web.

L'autre façon d'aborder le son dans la conception est de le supprimer entièrement de l'expérience.

Cela fonctionne bien pour des endroits comme Scandinave Spa où les clients viennent profiter de la solitude et du silence alors qu'ils se retirent des pressions de la société, du travail, de la vie, etc.

Scandinave Spa - vidéo de la page d'accueil avec des pièces et des expériences sombres, vides et calmes
Le Scandinave Spa utilise des images qui semblent calmes. (Source: Scandinave Spa) (Grand aperçu)

Si le manque de bruit est ce qui rend l'expérience de la vie réelle si précieuse, alors choisir des images qui représentent cela est vraiment important. Donc, évidemment, les sites comme ceux-ci n’auront pas d’images de personnes qui parlent et n’intègreront pas de lumières vives ou flashy.

Une expérience calme est mieux représentée par une absence de bruit, de mouvement et de distraction.

Concevoir pour le sens du goût

Le Dr Bence Nanay a écrit sur le paradoxe des émissions de cuisine sur Psychology Today, débattant de la raison pour laquelle tant de gens aiment regarder quelqu'un d'autre cuisiner. Il est impossible d’apprendre à cuisiner car les recettes sont partout en ligne. Et bien qu'ils puissent apprécier l'aspect compétitif de certaines de ces émissions, il suggère que la raison principale est la suivante:

Regarder des émissions de cuisine, c'est manger par procuration dans le sens le plus littéral possible – nous obtenons une imagerie mentale de la dégustation et de l'odeur de la nourriture sans réellement la goûter ou la sentir.

Je pense que nous pouvons développer un peu plus l’argument de Nanay.

Je crois aussi que les gens s'investissent davantage dans un résultat lorsqu'ils voient le processus qui se déroule. Ce n'est pas quelque chose que nous sommes généralement autorisés à voir en tant que consommateurs. Nous sortons pour manger et la nourriture est assise là sur une assiette pour nous. Il y a donc quelque chose dans l'accumulation de regarder de la nourriture ou des boissons en train de se préparer qui ajoute quelque chose en plus à l'expérience.

C’est pourquoi je ne pense pas qu’il soit suffisant d’utiliser des photos statiques des plats d’un restaurant ou des produits d’une entreprise alimentaire sur un site Web. Pas si vous voulez vous connecter profondément au sens du goût des visiteurs.

Par exemple, voici la vidéo intégrée en haut du site Web de Sweet Charlie:

Une vidéo de 30 secondes qui décrit le processus de création de glace roulée avant de la mettre entre les mains d'un client très satisfait.

Si vous êtes déjà allé dans un magasin qui fabrique des glaces roulées, vous savez à quel point il est agréable de regarder ce processus en personne. Donc, pour qu'un site Web recrée ce processus – en particulier pour les nouveaux clients se demandant ce que diable roulé la crème glacée est – c’est un geste brillant.

Concevoir pour le sens du toucher

Le sens du toucher est relativement facile à représenter sur le Web. Nous le voyons tout le temps sur les sites de commerce électronique qui permettent aux acheteurs de zoomer sur les tissus et d'avoir une idée de ce qu'ils ont envie de toucher ou de porter.

Tout comme les capacités de zoom qu'Anthropologie offre à ses acheteurs:

Zoom sur le produit Anthropologie - Gros plan de robe verte et noire
Anthropologie permet aux acheteurs de zoomer sur chaque article de sa boutique en ligne. (Source: Anthropologie) (Grand aperçu)

Mais ce n'est rien de plus que du lèche-vitrines effectué virtuellement. N'importe qui pouvait traverser un magasin et se brosser les mains dans des étagères de vêtements. Ne vous méprenez pas, c'est une fonctionnalité nécessaire. Cependant, ce n'est pas ainsi que nous utilisons le sens du toucher pour créer une connexion plus profonde avec les visiteurs.

Nous devons jouer avec des sensations tactiles plus drastiques.

Un élément sur lequel vous voudrez peut-être vous concentrer est la température. S'il y a un élément de chauffage ou de refroidissement, travaillez avec.

Un autre élément avec lequel vous pouvez jouer est la sensation ou la pression du contact humain. Il existe de nombreuses applications pour cela, bien que cela soit particulièrement utile pour les sites Web qui font la promotion de services thérapeutiques.

Par exemple, voici comment Massage Envy invite les gens à ses services de spa:

Site Web de Massage Envy avec photo d'une femme se faisant masser
Le site Web de Massage Envy utilise des images de personnes recevant des massages au lieu de simplement vides salles et tables de massage. (Source: Massage Envy) (Grand aperçu)

C'est un bon début. Certains sites Web de spa et de massage ne montrent que des images de salles et de tables de massage vides. Au moins ici, les clients potentiels peuvent en quelque sorte voir le processus de massage.

Je ne pense pas qu’il y ait grand-chose à faire ressentir ici cependant que le positionnement de la masseuse et la pression appliquée semblent irréalistes. Je suppose que c'est une photo de stock choisie pour sa symétrie, sa couleur et son attrait.

Mais il existe des moyens de capturer l'expérience tangible tout en lui donnant une belle apparence pour un site Web. Par exemple, le Bodhi Spa utilise une vidéo pour emmener les visiteurs à travers divers services qu'ils peuvent expérimenter – seuls ou avec d'autres – dans l'espace.

À un moment donné, on leur montre quelqu'un en train de se faire masser:

Site Web du spa Bodhi - Une femme reçoit un massage profond du cou et de la tête
La vidéo sur la page d'accueil du site Web du Bodhi Spa montre une femme recevant un massage pratique. (Source: Bodhi Spa) (Grand aperçu)

Remarquez la symétrie de cette capture d'écran et comment elle ne doit pas se faire au détriment de l'authenticité. De plus, la vidéo montre aux clients comment se sent le massage lorsque la masseuse applique une pression et déplace ses mains autour du cou et de la tête de la femme.

Les visiteurs ont ensuite la chance de voir un couple profitant des bienfaits de l’hydrothérapie, la femme ramassant une poignée de sel et la plaçant dans la piscine dans laquelle ils se trouvent:

Site Web de Bodhi Spa - Une femme ajoute du sel à la piscine d'hydrothérapie
La vidéo d'introduction du Bodhi Spa montre un couple profitant des bienfaits de la thérapie au sel. (Source: Bodhi Spa) (Grand aperçu)

Il y a beaucoup à toucher Dans cette vidéo. Les fins cristaux de sel. L'eau chaude dans la baignoire d'hydrothérapie. Et, peu de temps après cette capture d'écran, le couple se tient la main en entrant dans la salle de repos.

Un rédacteur peut certainement transmettre de nombreux avantages pour le bien-être de quelque chose comme celui-ci, mais il est également efficace de permettre aux visiteurs de le voir de leurs propres yeux et de le vivre par procuration à travers les autres.

Emballer

Bien que je pense qu'essayer de concevoir pour les cinq sens à la fois entraînerait une surcharge sensorielle, choisir un sens particulièrement puissant pour concevoir est une excellente idée.

Si vous pouvez trouver un moyen de recréer ce sentiment via votre site, vos visiteurs peuvent ressentir:

  • Conscience accrue,
  • Des pensées positives et plus heureuses qu'avant leur entrée sur le site,
  • Une plus grande connexion à la vue d'ensemble et une volonté de franchir les prochaines étapes sur le site.

Nous nous concentrons souvent sur la façon de nous connecter à notre public à travers leur douleur, mais pourquoi ne pas nous concentrer sur la connexion par le bonheur pour un changement? Je pense que nous pourrions tous en utiliser un peu plus ces jours-ci.

Éditorial fracassant(ra, yk, il)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *