Fermer

septembre 1, 2020

Pouvezvous concevoir un site Web pour les cinq sens?18 minutes de lecture



À propos de l'auteur

Suzanne Scacca est une ancienne réalisatrice, formatrice et directrice d'agence WordPress qui travaille maintenant comme rédactrice indépendante. Elle se spécialise dans l'artisanat marketing, web…
En savoir plus sur
Suzanne
Scacca

Bien que vous ne souhaitiez pas concevoir un site Web pour les cinq sens – car cela entraînerait certainement une surcharge sensorielle – vous pouvez utiliser des sens individuels pour renforcer l'expérience des visiteurs. Examinons cinq façons d'utiliser les sens pour mettre vos visiteurs dans un meilleur espace libre 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é vers un autre endroit, une autre époque ou une autre humeur.

Imaginez si votre site Web pouvait susciter ce type de réponse. Les visiteurs qui réagissent à 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. 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: [19659009] Concevoir pour le sens de la vue

Un site Web est un moyen d'être vu, donc vous supposeriez 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 ressent quelque chose à cause de ce qu'il a 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 de sorte 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 d'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 que vous rendez les visiteurs plus heureux avec des teintes jaunes vives, cela pourrait plutôt les rendre dépassés et anxieux.

Je vous suggère de vous concentrer sur la façon d'utiliser les éléments visuels pour créer une expérience immersive qui transporte vos visiteurs à un autre endroit ou à un autre moment. Ils ne devraient pas non plus avoir besoin de regarder au-delà de la page d'accueil (même si c'est une bonne idée si vous pouvez l'étendre à l'ensemble du site).

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

Visit Philly est un site touristique que j'aime utiliser pour trouver des activités 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 de Visit Philly accueille les gens dans la ville de Brotherly and Sisterly Love. (Source: Visitez 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 cadre qui attend chaque visiteur.

Contrairement aux photos mises en scène, trop manipulées ou stockées qui dépeignent 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 gens appréciant le spectacle qu'est Spruce Street Harbor Park:

 Visitez le site Internet de Philly - page dédiée à Spruce Street Harbor Park avec photo pleine grandeur
Une page dédiée à Spruce Street Harbor Park à Philadelphie. (Source: Visiter Philly ) ( Grand aperçu )

Pour les personnes qui ont été à Philadelphie, les visuels sur ce site sont susceptibles de les attirer vers les bons moments où ils eu. 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 que d'y aller, ce qui est un moyen très efficace de vendre une expérience à quelqu'un.

Designing For The Sense Of Odeur

De retour à l'école élémentaire, 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 Scratch ‘N’ Sniff originaux 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 vous grattez l'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 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 voulez représenter une odeur reconnaissable d'une manière que la majorité (sinon la totalité) de vos visiteurs se sentent instantanément bien.

Par exemple:

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

 Page d'accueil Providence Athenaeum - photo pleine grandeur de la bibliothèque et des rangées de livres
La page d'accueil 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 comment à propos d'une entreprise connue pour fabriquer des produits de nettoyage comme Tide ?

 Page d'accueil de Tide 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 la première image de ce carrousel va odeur.

Le linge frais est le parfum de la propreté et du confort. Je dirais aussi que c'est l'odeur de la satisfaction parce que rien n'est 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: [19659042] 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 pour un restaurant ou un café de montrer des photos de ses plats ou 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 va sûrement réveiller leur anticipation en commandant leur première tasse.

Designing For The Sense Of Sound

Je conduisais à la plage ce week-end quand un une chanson est venue qui 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 jusqu'à la plage avec des amis à l'université.

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

C'est quelque chose que le bon son peut faire. Cela 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 par le design.

Il y a deux façons d'aborder cela.

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

 Site Web Kindermusik - tout-petit joue avec un mini xylophone
Le site Web Kindermusik montre comment les enfants apprennent par 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 le son d’un enfant qui cogne sur les barreaux.

Et même si cette école vise à offrir 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 Avantages Kindermusik. (Source: Kindermusik ) ( Grand aperçu )

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

L'autre façon d'aborder le son dans la conception est de le supprimer entièrement de la

Cela fonctionne bien pour des endroits comme Scandinave Spa où les clients viennent profiter de la solitude et du silence en se retirant des pressions de la société, du travail, de la vie, etc.:

 Scandinave Spa - home vidéo de page avec des pièces et des expériences sombres, vides et calmes
Le Scandinave Spa utilise des images au son calme. (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, choisir des images qui le représentent est vraiment important. Donc, évidemment, des sites comme ceux-ci n'auront pas d'images de personnes debout autour de parler 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.

Designing For Le sens du goût

Dr. Bence Nanay a écrit sur le paradoxe de l'émission de cuisine sur Psychology Today, en 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 le goûter ou le 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 en cours. 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 là sur une assiette pour nous. Donc, il y a quelque chose dans l'accumulation de regarder de la nourriture ou des boissons qui est faite qui ajoute quelque chose en plus à l'expérience.

C'est pourquoi je ne pense pas qu'il soit suffisant d'utiliser simplement 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, c'est-à-dire.

Par exemple, c'est la vidéo qui est intégrée en haut du site Web de Sweet Charlie's :

A 30- deuxième vidéo 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 de la glace roulée, vous savez à quel point c'est agréable à regarder ce processus en personne. Donc, pour un site Web pour recréer ce processus – en particulier pour les nouveaux clients qui se demandent ce qu'est la crème glacée roulée – 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.

Comme les capacités de zoom avant Anthropologie donne à ses acheteurs :

 Anthropologie product zoom - robe verte et noire en gros plan
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 fait 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 chauffant ou réfrigérant, 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 annoncent des 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 à ressentir ici, car le positionnement de la masseuse et la pression appliquée semblent irréalistes. Je suppose qu’il s’agit d’une photo de stock choisie pour sa symétrie, sa couleur et son attrait.

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

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

 Site Web de Bodhi Spa - 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 de Bodhi Spa montre une femme recevant un massage pratique. (Source: Bodhi Spa ) ( Grand aperçu )

Notez 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 peuvent alors voir un couple profitant des bienfaits de l'hydrothérapie, la femme prenant une poignée de sel et le placer dans la piscine où ils se trouvent:

 Site Web de Bodhi Spa - une femme ajoute du sel à la piscine d'hydrothérapie
La vidéo d'introduction de 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 de bien-être de quelque chose comme ça, mais il est également efficace de permettre aux visiteurs de le voir

Wrapping Up

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

Si vous pouvez trouver un moyen de recréer ce sens à travers votre site, vos visiteurs peuvent éprouver:

  • Une conscience accrue,
  • Des pensées positives et plus heureuses qu'avant d'entrer sur le site,
  • Une connexion plus grande

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.

 Smashing Editorial (ra, yk, il)




Source link

0 Partages