web-dev-qa-db-fra.com

Où placer un "bouton de lecture du son de fond" sur un site d'illustration

J'ai un site qui contient de nombreuses illustrations. J'aimerais qu'il y ait du son, mais le navigateur ne vous permet pas de lire automatiquement les sons. Donc, à un moment donné, l'utilisateur doit cliquer.

J'ai aussi un deuxième son, la lecture d'un poème. J'aimerais en quelque sorte qu'il y ait un bouton ou un moyen d'activer l'audio du poème.

Quelles sont les idées de conception UX pour y parvenir sans plâtrer un > bouton de lecture sur l'écran? Pour le fond sonore et la narration du poème.

1
Lance Pollard

Comme le site traite des illustrations et que les deux actions concernent l'écoute, vous pouvez utiliser des icônes illustrées pour regrouper les deux possibilités dans un bouton dans le coin inférieur de l'écran:

enter image description here

1
Danielillo

JAMAIS. LECTURE AUTOMATIQUE. RIEN.

Utilisez le temps de chargement pour informer l'utilisateur des autorisations audio/autres dont il pourrait avoir besoin pour fournir

Si votre site Web est interactif et possède un son d'arrière-plan qui doit être lu, informez l'utilisateur pendant le chargement du site. J'ai rencontré de nombreux portefeuilles en ligne de musiciens, d'animateurs, de développeurs Web front-end, etc. qui ont un fond sonore pour améliorer l'expérience de visionnement. Ils prennent généralement plus de temps à charger en raison du contenu audio/vidéo et c'est le meilleur moment pour ajouter des informations à l'écran.

Faites savoir à l'utilisateur qu'il y a de la musique de fond et donnez-lui le choix de l'activer. Ils peuvent avoir besoin d'augmenter/diminuer le volume, de mettre des écouteurs ou tout simplement de ne pas se trouver dans un endroit ou une situation où ils peuvent profiter pleinement de l'expérience du site Web. Les informations sont essentielles et elles conserveraient en fait les utilisateurs de votre site.

PS: Une fois le chargement terminé, qu'il y ait un bouton pour aller sur le site. De cette façon, aucun clic/bouton n'est requis plus tard et l'utilisateur active consciemment l'audio

2
Shreyas Tripathy