Ambiance sonore : et votre site devient plus riche

En ce moment je réalise une mission pour un grand constructeur automobile français. En étudiant les sites des concurrents étrangers je découvre des choses vraiment remarquables, preuve d’une grande maturité du secteur avec le media internet. Dernière trouvaille en date, le nouveau site Volkswagen USA et ses ambiances sonores : www.VW.com.

Le principe est le suivant : un signal sonore est associé à chaque événement survenant sur la page :

  • Un discret Woof à l’ouverture de la fenêtre centrale ;
  • Un léger Blip au survol d’une boîte cliquable de contenu associé ;
  • Un petit Bloup au survol d’un bouton d’action…

Tout ces signaux sonores (et leur usage) sont intéressant à plus d’un titre :

  1. Ils avertissent lorsqu’une action ou un processus est achevé (chargement de contenu) ;
  2. Ils signalent aux utilisateurs les éléments interactifs (boîtes, boutons…) ;
  3. Ils peuvent même attirer l’attention de façon plus explicite (gros Biip si un formulaire n’a pas pu être validé).

J’avais déjà vu ce type de pratique sur certains sites réalisés par l’agence Flash Level Digital (notamment Avionics et Simply Interactive) où les menus de navigation sont également sonorisés.

Vous remarquerez au passage que ce type de stimuli auditifs sont utilisés depuis longtemps dans l’univers des jeux vidéo et de leurs interfaces où les petits sons accompagnent les joueurs dans leur navigation au sein des menus ou quand ils valident un choix.

Bref, tout ça pour dire que je préconise fortement cette pratique qui enrichie de façon discrète et élégante l’expérience des utilisateurs sans toutefois tomber dans la banalité des musiques de fond du type techno-ambient-chill-groovy. Et si l’on me demandait mon avis, j’irai même jusqu’à associer un bruit de tiroir-caisse aux boutons d’achat !

32 commentaires pour: “Ambiance sonore : et votre site devient plus riche”

  1. Et si on écoute déjà de la musique dans iTunes ? (par exemple). C’est « lourd » au contraire mais bon ici le volume est très faible donc je n’avais même pas remarqué ces petits sons.

  2. C’est à vrai dire ce qui m’exaspère le plus sur un site web ce genre « d’effets » :/

    Comme quoi les goûts et les couleurs…

  3. Typiquement le truc qui me gonfle les petits sons, c’est d’ailleurs la première chose que je vire quand j’installe un OS ! De plus, j’écoute souvent de la musique ou je regarde quelque chose, là ça gâche tout. Heureusement, j’ai vérifié, ça ne fonctionne pas chez moi :-)

  4. Nouveau site de Volkswagen

    Après l’excellent site de Ford, Volkswagen vient de mettre en ligne son nouveau site. Fred Cavazza souligne dans un billet la pertinence du design sonore de cette réalisation, j’irais même plus loin en disant qu’elle témoigne, d’une manière générale,…

  5. Bonjour,

    C’est vrai qu’un site Web multi-modalités (c’est à dire avec une interface graphique et sonore) est à proposer avec discernement.
    D’un côté, le gain en terme de guidage et d’incitation est intéressant :
    - guidage sur les actions possibles,
    - annonces de fin de tâches système telles que le chargement de la page
    - etc

    Cependant, la gêne que peut occasionner ce type de « widgets » peut rapidement dépasser leurs intérêts ergonomiques. C’est d’ailleurs pour cela que je rejoins l’avis de Stéphane, Olivier et Thomas.

    A noter : je me sers d’Internet Explorer 6.0 qui utilise déjà lui-même de petits sons annonçant le changement d’une page et l’appel à la page Web suivante (mais c’est très discret!).

    Vincent

  6. Les ambiances sonores, ça marche pour les site orientés consommateurs/ »surf »/grosse connexions. Par exemple, c’est sympa sur les sites de marques, les sites produits ou encore les sites de démo.

    Mais quand on cherche de l’info, de l’efficacité et qu’on se retrouve assailli de pouet-pouets et autres boing, c’est vite gavant et ça décribilise assez vite l’outil.

    Bref, à chaque univers ses gimmicks ;)

  7. Holala, mais qu’est-ce que c’est que tous ces rabat-joie ?

    Pour la peine je vous condamnent tous à ne surfer QUE sur Google ! Au bout d’1 mois 2 vous verrez que ça fait du bien un peu de couleurs, de sons et de fantaisie…

    /Fred

  8. Le bruit de tiroir-caisse ? Comme dans « Money » ? Est-ce que ce n’est pas un son négatif ? Après tout, payer est bien le moment le plus désagréable de l’achat ! Je trouve qu’un « Merci ! » ou un « Excellent choix ! » prononcé par une jolie voix aurait un impact bien plus amusant et agréable. Non ? :)

  9. Non non, un bruit de tiroir-caisse ça serait plus ‘Rock&Roll’, non ? Si en plus il y a la chanson « Money » des Pink Floyd alors là… c’est le top ! /Fred

  10. La notion de sons qui détermine une action mais aussi une ambiance sonore n’a absolument rien de neuf… Un très très vieil exemple (le plus vieux de ma mémoire) et le son apaisant de http://www.axisrecords.com qui est là depuis l’origine des temps lorsqu’on survole le logo.

    Mais de mon humble point de vue, l’émission de sons pour une action est très problématique pour un ergonome, voir à banir. En effet, il est important de garder en mémoire que les systèmes d’exploitation émettent bien souvent des sons lors des actions comme les clicks. On arrive donc rapidement à la surcharge sonore. De plus, avez vous pensé à l’accessibilité? Qu’en est-il lorsque vous utilisé un lecteur de page? Allez vous émettre un « bip » au milieu de la lecture d’une phrase?

  11. L’accessibilité est un faux problème : une version accessible est une version qui propose le même niveau d’information, pas la même expérience.

    Ce débat sur l’accessibilité commence vraiment à me chauffer les oreilles, dans la mesure où 99,99999999999% des sites internet ne sont ABSOLUMENT pas accessibles, ce discours qui consiste à rejeter toute proposition d’innovation sous prétexte qu’elle n’est pas « accessible » me fait doucement sourire (ou enrager, en fonction de mon humeur). Ça sera sûrement le thème d’un prochain billet…

    /Fred

  12. Sylvain Lelièvre

    Moi aussi j’apprécie rarement ces petits bruits qui surgissent au moindre clic ou au moindre survol d’une zone cliquable.

    Je conçois que ça peut avoir un léger intérêt en ergonomie, mais d’un autre côté le web est surtout visuel. Il suffit donc de mettre un effet visuel de survol bien géré (qui soit discret mais assez contrasté pour être perçu même si on a des problèmes de vue). Et puis rendez-vous compte : si chaque site met ce système en place, sur chaque site on aura des sons différents avec le risque d’avoir des sons trop intrusifs ou de mauvais goût qui deviennent fatigants à la longue.

    Je préfère largement un système mis en place sur la navigateur, comme dans Internet Explorer, qui permet à l’utilisateur de choisir s’il veut des sons, et si c’est le cas, lesquels doivent se produire à quelles occasions. L’utilisateur garde ainsi le contrôle total, contrairement au cas que vous citez où cela est imposé à l’utilisateur.

  13. Joshua Porter faisait remarquer ce matin même que Google, Yahoo!, Ebay et Amazon n’étaient pas accessibles : http://bokardo.com/archives/big-4-web-standards/
    Et la déduction qui va avec : il y a surement des raisons.

  14. Vincent {CiD}

    Un peu réducteur quand même… On va mettre ça sur le compte de l’énervement passager :)

    Si une majorité de site ne sont pas accessible, cela ne t’empêche pas d’oeuvrer dans le sens contraire, non ? Et à moins de vouloir rassurer ou contenter Monsieur le client signataire de gros contrats importants qu’on a vraiment besoin, l’accessibilité n’est elle pas découplée de l’innovation ? Effectivement, les expériences ne sont vraiment pas les mêmes…

    Sinon, le truc que j’aimerai, c’est d’offrir les sons du système d’exploitation où s’exécute l’application web suivant les réglages du mec (assez intelligent pour se connecter à internet) devant l’ordinateur. Je ne veux pas devenir responsable du mauvais goût de tout à chacun.

  15. Hum… il doit bien y avoir un moyen de déclencher un son « système » (du type « Alerte »…) ? Selon le réglage de l’utilisateur, c’est tel ou tel son qui est joué.

    /Fred

  16. Bonjour,

    C’est rare mais cette fois peu de lecteurs semblent de ton avis, Fred, ou alors ils ne se sont pas exprimés… et je vais en remettre une couche :( Il faut que je sois vraiment motivée par le contenu pour que je reste sur un site qui m’impose ce genre de sons. D’accord ici ils sont discrets mais parfois ils sont tellement forts qu’ils me font sursauter à chaque fois !

    PS : du coup je me sens coupable… je commente trop rarement quand je suis d’accord :-[

    Amicalement, Monique

  17. Je trouve cette tentative de feedback sonorisé vraiment audacieuse et mérite d’être testée, explorée… Bravo WW ! Je serais curieux de connaître l’impact de ces effets sur les passages à l’acte. Certains sons sont produits on mouse over, à l’ initiative de l’internaute et renforce le feedback ( s’immisce ici le jeu à manipuler l’interface), d’autres sont déclenchés lorsqu’on objet s’anime et renforce donc leur attraction ( et donc incitation à cliquer ). On remarque aussi que ces effets sonores se font entendre surtout en début de visite d’un des modules ( fiche produit)…puis disparaissent ensuite lorsqu’on est entré dans un processus , un investissemet ( configurer sa voiture par exemple). Je trouve astucieux de capter davantage l’internaute en amplifiant son plaisir de visite via la sollicitation d’un sens supplémentaire… Ces sons ont quelque chose de ludique, rendent l’interface amicale. Et donc le système créé une complicité : L’interface sonorisée place l’internaute dans une situation de jeu, d’interaction. C’est l’effet de surprise de découverte, de plaisir à cliquer. Ca marche la première fois… Ensuite, ca peut être rébarbartif… mais justement, cette sonorisation stoppent après quelques écrans , l’histoire de la visite se poursuivant « normalement ». Enfin, il est clair qu’en associant du plaisir à une expérience de visite, on s’en rappelle d’autant plus. Il y a comme une empreinte en mémoire. L’ensemble des mécanismes induits entrent clairement dans une logique de persuasive design.

  18. Ne te sens pas coupable Monique, tous les avis sont bons à entendre, sauf ceux qui me gênent réellement et que je supprime (Hé ! hé ! hé !).

    Plus sérieusement je suis extrêmement surpris de voir autant d’avis négatifs sur le sujet. Peut-être sont ils conditionnés par des expériences passées que je désapprouve également (la musique d’intro à fond la caisse).

    En ce qui me concerne, mon avis est toujours le même : quand c’est discrèt, élégant et surtout cohérent, les sons peuvent apporter un petit plus.

    /Fred

  19. Là-dessus, je te rejoins complètement, Fred ! De la même façon qu’on ne s’improvise pas architecte de l’information, l’illustration sonore est une matière qui s’apprend.

    Je pense que ce qui pourrait mettre beaucoup de gens d’accord sur la sonorisation des sites serait de pouvoir couper le son sur le navigateur. Ne pas avoir à chercher sur une page le bouton on/off (quand il existe !) apporterait un confort réel d’utilisation.
    (Couper le son du PC n’est pas une solution puisqu’on peut être en train d’écouter des mp3 ou la radio…)

  20. Sylvain Lelièvre

    Très bonne idée Delphine. Voilà une fonctionnalité qui serait très pratique : couper le son du navigateur. Voilà une idée intéressante à proposer à Mozilla pour l’intégrer dans Firefox.

    « Hum… il doit bien y avoir un moyen de déclencher un son « système » (du type « Alerte »…) ? Selon le réglage de l’utilisateur, c’est tel ou tel son qui est joué. »

    C’est exactement ce que je disais Fred. Un réglage de l’utilisateur serait, je pense, beaucoup plus au service de l’ergonomie qu’un choix de sons fait par l’auteur, sons qui varient forcément d’un site à l’autre. Cette possibilité est d’ailleurs offerte pour Internet Explorer sous Windows, je ne sais pas si c’est possible avec d’autres navigateurs sur d’autres systèmes.

    Sinon je vais dire comme Monique : ça fait pas mal de temps que je suis ton blog et que je suis d’accord avec toi, et je fais mon premier commentaire pour dire que je ne suis pas d’accord :-)

  21. Bonjour,

    tisienpo > Je serais curieux de connaître l’impact de ces effets sur les passages à l’acte.

    J’ai l’impression que je dois être une très mauvaise cliente ! Ceci me rappelle l’époque où je regardais encore la télévision. Comme tout le monde, je regardais/subissais les pubs. Certaines me marquaient pourtant par leur originalité, leur humour ou encore la qualité de leur scénario. J’en parlais parfois, mais quand on me demandait de quelle marque ou firme il s’agissait, c’était le blanc, je n’en savais rien !

    PS : Je soutiens ardemment la demande d’une fonction permettant de couper le son ;-)

    Amicalement, Monique

  22. j’aime ce site …

  23. nczfvqjh obyhfm mora aibuwhjkg tpyj pqknsrety guzvoxbi

  24. tmxlgsz hvcz nkvcxbz gpsn

  25. uwvq eyfs

  26. ewjk rmbgple

  27. mhcpbu

  28. pczwhln lodg bjvr

  29. cvyb jyeg ifymkl

  30. utar zsyxtwn jtifw

  31. gyixef ungbhwc vpyk

  32. rlkm