Webradiola
WebApp de diffusion musicale ou sonore
Le projet permettra d’aborder et de mettre en pratique les notions de design d’interface, d’expérience utilisateur, d’accessibilité, d’approfondir les questions liées au responsive webdesign et au design mobile first tout en travaillant en profondeur les relations entre design graphique et musique/son.
Les questions du contenu, du contexte et des usages seront au centre de notre démarche de design. La conception de l’interface obéira au paradigme “mobile first”. Lire Luke Wroblewski, Mobile First, A Book Apart, Eyrolles, 2012, à télécharger ici.
Nous évoquerons des exemples d’applications, de sites ou de plateformes musicales mais également des espaces sonores ou visuels produits par des artistes ou des designers.
La sélection des sources sonores pourra s’effectuer dans vos albums préférés ou dans des ressources libres (par exemple : great78.archive.org), plus ou moins libres (ubu.com/sound), se consacrer à un artiste, un label, une radio, à vos propres enregistrements de terrain ou aux contributions des visiteurs du site…
- maquettes papier
- maquettes statiques (inkscape, illustrator, sketch, figma, invision)
- prototype web responsive fonctionnel
- sélection de références commentées (focus sur l’expérience mobile)
Références (en vrac)
- silenceradio.org : la taille de chaque “pastille” est liée à celle de la plage sonore.
- martinwecke.de/🎵 : une série d’instruments minimaux construits dans le navigateur par Martin Wecke.
- tone.js est un framework javascript pour synthétiser du son dans un navigateur.
- Dans son projet otherti.me, Raphaël Bastide expérimente à plusieurs reprises avec le son : ici ou là.
- radio.garden est un projet du studio Moniker.
- MusicalInteractions, une série d’exemples d’interactions musicales sur Codrops.
- sound.js est une librairie javascript pour jouer avec du son de synthèse ou des enregistrements.
- Song Maker est un séquenceur sonore visuel qui fait partie des Chrome Experiments musicaux. Uniquement compatible avec la plateforme publicitaire Google Chrome.
- Scrollsound est une expérimentation de Ehsan Ziya utilisant le scroll comme logique d’interaction avec la génération sonore.
- JavaScript Systems Music. Learning Web Audio by Recreating The Works of Steve Reich and Brian Eno. Un article fascinant sur la création de systèmes de génération musicale avec l’API Web Audio.