Des mondes sonores sur Internet ?

Lorsque l'association Zuhören Schweiz nous a contactés en janvier avec l'idée d'un projet de minute d'écoute, nous avons été saisis par la curiosité: tout d'abord la curiosité envers l'association elle-même et son but. Une association qui s'occupe d'écouter? C'est une chose passionnante. Et puis, bien sûr, la curiosité pour le défi : dans la plupart des cas, les médias numériques sont avant tout une expérience visuelle: image, texte, vidéo. Bien sûr, le son en fait aussi partie, mais comment mettre l'expérience auditive des sons au centre?

Recherche de solutions en atelier

Comme pour la plupart des projets, la première étape a été un atelier commun. Comme il s'agit d'un petit projet culturel avec un budget limité, il était d'autant plus important de bien préparer cet atelier et de commencer avec les premières idées concrètes afin d'avancer efficacement. Pour ce faire, nous nous sommes d'une part penchés sur les informations mises à disposition par Zuhören Schweiz lors de la préparation, mais avons d'autre part déjà envisagé les premiers concepts sur la base d'esquisses.

Lors de l'atelier, toutes les disciplines importantes - à savoir la direction de projet du côté Zuhören Schweiz, la direction artistique, mais aussi le développement et le design d'Apps with love - étaient représentées. Au cours de trois heures intenses, il a été possible de créer une compréhension commune et de se mettre d'accord sur une approche conceptuelle. Des paramètres importants tels que la couleur (utilisation minimale), la police (CI de l'association) ainsi que des réflexions sur le concept de navigation, les fonctionnalités concrètes, les interactions et les premières idées d'animations en faisaient partie.

Concept, design et réalisation technique.

Le concept qui en résulte réunit plusieurs principes importants:

1. Le minimalisme dans le design: L'essentiel dans une minute d'écoute est le son, le ton, l'expérience d'écoute. Les auditeurs* doivent se concentrer sur l'écoute et ne pas être distraits par des couleurs, des textes ou des boutons. Le lecteur proprement dit des différents "morceaux" se passe donc de boutons Play, Stop ou Skip, les différentes minutes d'écoute sont représentées dans un aperçu sous forme de points ou au maximum sous forme de chiffres.
   
   

2. Interaction et simplicité: En supprimant des éléments tels qu'on les connaît dans les interfaces traditionnelles de lecture de contenus sonores (par ex. Spotify, Apple Music ou Soundcloud), les utilisateurs* risquent de ne pas s'y retrouver. Nous avons donc développé des transitions et des animations douces afin de montrer: Quelque chose bouge ici, il se passe quelque chose, même si le silence règne peut-être encore au début d'une minute d'écoute. Des survols dynamiques et un affichage discret de la progression aident à s'y retrouver.
   
   

3. Accessibilité sur tous les systèmes: Les minutes d'écoute doivent pouvoir être écoutées quel que soit l'appareil. La plateforme web était donc une condition sine qua non. Bien sûr, nous aurions volontiers programmé des applications natives pour Android et iOS, mais cela aurait dépassé notre cadre. Mais: hoerminuten.ch peut être installé comme PWA sur les systèmes d'exploitation qui le supportent.

Mise en œuvre technique

L'échange étroit et précoce entre le concept/design et le développement est important pour la réalisation efficace d'un projet. En particulier lorsque le calendrier est assez serré, tant du point de vue de l'étendue prévue que de la date de lancement, et lorsque les idées conceptuelles sont plutôt non conventionnelles. Cela a particulièrement bien fonctionné dans ce projet: presque tous les participants étaient présents dès le premier atelier, tous les autres ont été impliqués immédiatement après le premier atelier et ont participé à la recherche de solutions pour la mise en œuvre. Une bonne dose d'expérimentation n'a pas été oubliée. Finalement, le choix s'est porté sur un Statamic-CMS pour le backend, comme pour beaucoup de nos projets web. Pour le frontend, nous nous sommes un peu plus lâchés et avons misé sur D3.js en plus des parties réalisées "à la main" avec HTML, CSS et Javascript.

Conclusion

Nous sommes très heureux d'avoir pu réaliser ce projet unique en peu de temps, en étroite collaboration avec l'équipe de projet d'Écouter la Suisse. Il se distingue à bien des égards des nombreux autres travaux que nous réalisons au quotidien et allie la technologie et les solutions individuelles à l'exigence artistique et aux particularités du contenu. Et maintenant: Zuhören! 👂