Le son dans flash s’est limité à ses débuts à des ambiances de musique-au-mètre de 10 secondes sur fond de techno et de sons si basiques / cliquants / forts que très vite, il a perdu de son potentiel, catalogué comme perturbant par les utilisateurs. Ajoutons à cela qu’un site web étant essentiellement visuel, à sa création, le son est considéré comme superflu, et coûteux. Et pourtant…

Sur le web, des détails techniques à prendre en compte
Un gros fossé entre le bureau et le chez soi :
- au bureau : bien des ordinateurs n’ont pas d’enceintes, ou ont le son coupé parce que l’open space ne permet pas une liberté sonore totale.
- à la maison : bien des utilisateurs ont leur ordinateur branché sur leur chaine et enceintes 5.1. Ecouter le vrombrissement d’un gros moteur de voiture sur un site marketing, c’est toujours attrayant. (Enfin, il parait que les “automobilophiles” en sont friands).

En définitive, le son peut être découpé en 3 domaines pour lesquels je prendrais des exemples récents qui m’ont marqués :
- la voix : la voix pour inciter à agir / La voix renforce une ambiance, et elle appuye un discours
- la musique : le renforcement / la rupture et le contraste / C’est la musique qui commande / L’appropriation d’une musique connue par une marque en campagne cross-media
- les bruitages et effets d’ambiance : Renforcer le réalisme des éléments graphiques / Le mode non synchronisé pour illustrer sans visuel.

La voix.
Quelques sites :
La voix pour inciter à agir

Un personnage incrusté dans un décor parle à l’internaute. Pas d’autre indication que le son, pas de sous-titre. Une relation directe qui attend une action de la part de l’utilisateur, et qui, comme dans une relation réelle, interpelle.

La voix renforce une ambiance, et elle appuye un discours.

Un exemple que je continue de trouver très fort. Ecoutez 10 minutes d’un témoignage de 6 Milliards d’Autres, du projet de Yann Arthus-Bertrand : écoutez la voix des interviewés, son timbre, sa force, ses hésitations, ses silences, ses tremblements… ses accents. Elle donne une force aux témoignages. Il y a dans la voix humaine une telle richesse dans les tonalités que je m’étonne qu’elle ne soit pas plus utilisée. (Le regard, les mouvements des lèvres, les thèmes évoqués et le cadrage dans cet exemple jouent également un rôle extrêmement important).

Testez avec ce site Japonais de AXE et écoutez simplement sans comprendre ce qui se dit : le timbre de la voix renforce cette impression de mystère que donne le visuel. Soulignons qu’il s’agit seulement d’un préchargement.

La musique.

Le renforcement

Un joli cochon rose, et peu d’illustrations, avec une charte quasi inexistante. La musique en pseudo-MIDI tirée des vieux ordinateurs donne toute la dimension décalée au site. (Même si en boucle, cela assomme vite)

La rupture et le contraste

Site magnifique pour le jeu vidéo Halo3 sur xbox, d’une scène de bataille, accompagné aussi surprenant soit-il, par une musique au piano, très grave, (qui ressemble à un Eric Sati ou un Chopin). Les FPS sont plutôt destinés à un public jeune et l’on pouvait s’attendre une approche plus techno/electro ou rock/metal tonitruant. Qu’est-ce qui fascine d’abord ? la scène ou la musique ?

C’est la musique qui commande

Neon Bible est le single d’un nouvel album d’Arcade Fire. C’est la musique la star : elle n’illustre plus, elle scénarise toute l’animation. L’animation, la vidéo, la mise en scène suivent la musique.

L’appropriation d’une musique connue par une marque en campagne cross-media
A l’heure des campagnes cross-media où l’on retrouve les mêmes visuels/animations au cinéma, à la télé, sur mobile et dans les sites interactifs, le son est à ne pas oublier. La musique peut être un code de reconnaissance d’une marque. Qui n’a pas chanté des spots publicitaires connus, dont la musique a été créé spécialement pour cela ? Je pense au Tchiwawa (orthographe approximatif) de Coca-Cola, qui a très bien su en jouer. Autre cas de figure, les rocks anglais utilisés par les constructeurs automobiles il y a quelques années (vous vous souvenez de l’utilisation d’une chanson de Dire Straits pour une pub Renault ou Peugeot (j’ai oublié) ?). Je m’écarte un peu du web mais la mise en relation avec les outils de communication autre que le web est toute aussi importante.

Les bruits et effets d’ambiance.
Renforcer le réalisme des éléments graphiques.

Regardez ce site de Nike d’abord sans le son. En fonction de la configuration, l’animation peut paraitre pauvre, et saccadée. Regardez l’animation des panneaux avec du son : l’animation prend de la profondeur, les panneaux se matérialisent en portes lourdes de métal, avec une résonnance qui illustre une scène de hangar mal isolé. (La qualité du son n’est pas forcément bonne mais c’est dans l’idée). Un bouton auquel on ajoute un bruitage bien particulier va ou appuyer l’aspect graphique et y ajouter du relief, ou bien lui donner une autre dimension qui va compléter son aspect seulement visuel.

Le mode non synchronisé pour illustrer sans visuel.
Je manque d’exemples : on peut avoir aussi en fond sonore des effets que l’on ne voit pas en lien direct avec la scène. C’est une scénarisation utilisée souvent dans des Tex Avery (au hasard). Je pense par exemple à un personnage qui se casse la figure hors champ, avec des bruits de casseroles, des poulets qui hurlent, et toutes sortes d’objets qui tombent et qui se cassent. Une manière habile de ne pas illustrer ou animer une scène graphiquement, ce qui demande du travail. Dans ce cas, le son est source d’économies et peut produire un meilleur effet que s’il avait été illustré.

p.s : Personnellement peu habile avec le son (j’ai fait du 3Ds, du toshop, du premiere, du flash mais le son… rien) même si je l’ai déjà utilisé dans des projets, ce billet est dédicacé à mon super stagiaire qui m’a posé la question aujourd’hui, qui avait besoin de quelques pistes pour un boulot qu’il doit rendre. J’espère que ca l’aidera. J’ai manqué de temps (fait à la volée, j’avoue) pour envisager tous les cas de figures mais si vous pensez qu’il manque des exemples marquants ou que vous voulez ajouter quelques éléments, n’hésitez pas ! aidez le !

p.s 2 : attention, je n’ai traité que les sites en flash ! Je n’ai pas parlé des horribles pages myspace avec une musique qui démarre à l’ouverture…