{"id":5424,"date":"2020-06-15T09:50:11","date_gmt":"2020-06-15T07:50:11","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=5424"},"modified":"2025-08-20T17:18:37","modified_gmt":"2025-08-20T15:18:37","slug":"son-en-webdesign","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/son-en-webdesign\/","title":{"rendered":"Web Design\u00a0: L’usage du son et de la musique sur votre site"},"content":{"rendered":"

Il y a quelques ann\u00e9es, de nombreux sites web s’ouvraient sur un fond musical presque impossible \u00e0 couper, pas toujours adapt\u00e9, souvent d\u00e9rangeant, etc. Ces pages \u00e9taient referm\u00e9es \u00e0 peine ouvertes. Le son est donc venu \u00e0 dispara\u00eetre d’internet, du moins en grande partie.<\/p>\n

Le succ\u00e8s de la vid\u00e9o sur nos \u00e9crans permet de jouer une autre partition, o\u00f9 le son pourrait enfin trouver sa place.<\/p>\n

D\u00e9couvrez comment harmoniser au mieux vos instruments pour une m\u00e9lodie du web qui restera dans les esprits.<\/p>\n

 <\/p>\n

Pourquoi le son est-il aussi important ?<\/h2>\n

\"\"<\/p>\n

Tout le monde n’est pas un adorateur du bruit. Pourtant, certains sons rythment vos quotidiens d’utilisateurs de technologie. Celui de l’email envoy\u00e9, du document dig\u00e9r\u00e9 par la corbeille, d’une application qui d\u00e9marre, etc. Vous pouvez choisir de les couper ou de n’en conserver que quelques-uns. Il n’emp\u00eache qu’ils font sens pour vous.<\/p>\n

Et c’est exactement la sensation que vous devez chercher au moment d’implanter un son sur un site web<\/a>. Qu’il ait une signification pr\u00e9cise et voulue. Vos sons, quels qu’ils soient, ne doivent pas juste \u00eatre des bruits de fond.<\/p>\n

\u00c0 lire aussi :\u00a07 ressources pour t\u00e9l\u00e9charger de la musique libre de droit<\/a><\/p><\/blockquote>\n

 <\/p>\n

Dans quel cas int\u00e9grer un son dans le webdesign ?<\/h2>\n

\"\"<\/p>\n

Vous l’aurez compris : les seuls cas o\u00f9 une musique peut \u00eatre utilis\u00e9e sur un site, c’est lorsqu’il s’agit de celui d’un musicien ou pour un partenariat avec un artiste. Sinon, cet artifice est souvent de trop.<\/p>\n

Par contre, souligner une action avec un bruit ajoute \u00e0 la personnalisation du site, voire \u00e0 votre branding.<\/p>\n

Vous pouvez ainsi tout \u00e0 fait imaginer un fabricant de chaussettes \u00e0 t\u00eate de monstre qui ponctue chaque article plac\u00e9 dans le panier d’achats par un grognement. Ce serait logique et particuli\u00e8rement distrayant pour les utilisateurs.<\/p><\/blockquote>\n

Le passage d’une page \u00e0 l’autre, l’envoi d’un formulaire, etc. Tous les actes qui peuvent s’appuyer sur des boutons d’action interactifs gagnent \u00e0 \u00eatre soulign\u00e9s de quelques notes. Du moins si cela correspond \u00e0 votre image de marque.<\/p>\n

Il est \u00e9galement possible de proposer une version de musique d’ambiance, pour certaines pages particuli\u00e8res, en laissant au pr\u00e9alable le choix \u00e0 l’internaute comme sur le site de Ralph Lauren par exemple ; ou pour cr\u00e9er une atmosph\u00e8re diff\u00e9rente des autres, \u00e0 la mani\u00e8re de Hashima Island (dont la bande-son \u00e9voque un jeu vid\u00e9o angoissant).<\/p>\n

\u00c0 lire aussi :\u00a0Comment utiliser un logo sonore dans votre marque\u00a0<\/a>?<\/p><\/blockquote>\n

 <\/p>\n

Offrez toujours un choix<\/h2>\n

\"\"<\/p>\n

Pour \u00e9viter qu’un visiteur parte en courant de votre site, vous ne devez pas lui farcir les oreilles de sons ind\u00e9sirables. D’autant que vous ignorez dans quelles conditions vos pages seront consult\u00e9es :<\/p>\n