Libérer la créativité du danseur grâce à la musique - Une étude de cas Spotify.

Présentation

La musique pour les danseurs est essentielle car elle améliore les mouvements de danse sur des rythmes et des paroles rythmiques. Danser sur de la musique permet finalement aux danseurs de démontrer leurs sentiments et leurs émotions. Spotify est le pont qui relie les danseurs à la musique car Spotify est la première plateforme de streaming audio au monde avec plus de 433 millions d'utilisateurs.

En tant qu'utilisateur de Spotify et danseur moi-même, j'utilise Spotify pour diverses raisons. Qu'il s'agisse d'écouter de la musique sur laquelle danser, de trouver de nouvelles musiques sur lesquelles danser ou de chorégraphier sur de la musique, la source de toute ma musique vient de Spotify.

Un aspect que j'apprécie en tant que danseur est la création de chorégraphies. Pour ceux qui ne connaissent pas le terme, la chorégraphie est la séquence intentionnelle de mouvements créés par les danseurs pour exprimer leur créativité. Cependant, lorsque j'utilise Spotify pour chorégraphier, je trouvais cela très limitant car je ne pouvais pas écouter de la musique comme je le voulais.

Identifier le problème entre la chorégraphie et Spotify

Par conséquent, mon problème initial que je pensais avoir sur Spotify était :

Quand je suis sur Spotify, je veux chorégraphier sur de la musique, pour pouvoir effectivement faire une pièce de danse et exprimer ma liberté de création

Mais je ne peux pas bien faire ça parce que :

1. Spotify ne me permet pas de manipuler la musique

2. Je ne trouve pas de chanson qui corresponde à ce que je ressens pour créer une chorégraphie

Pour savoir si d'autres danseurs ont ce même problème, j'ai mené des entretiens avec d'autres danseurs qui ont une expérience de chorégraphie que j'ai définie comme ayant chorégraphié au moins 3 pièces.

Recherche utilisateur

️‍♀️Comprendre comment les danseurs chorégraphient avec Spotify

Dans mes entretiens, j'ai demandé aux utilisateurs de m'expliquer comment ils utilisent Spotify pour chorégraphier. Voici quelques idées que j'ai apprises :

1. Spotify fait un excellent travail en recommandant et en aidant les danseurs à trouver des chansons à chorégraphier

Spotify m'aide à choisir des chansons à chorégraphier via leur fonctionnalité d'amélioration de la liste de lecture

2. Les danseurs doivent constamment boucler et écouter des chansons à plusieurs reprises avant de créer des mouvements dans Spotify

Je dois écouter la chanson encore et encore avant de chorégraphier

J'écoute une chanson comme un fou avant de la chorégraphier

3. Les danseurs utiliseront d'autres outils en dehors de Spotify pour les fonctionnalités qui les aideront à chorégraphier.

Je ne peux pas éditer la musique sur Spotify

Outre Spotify, j'utilise la fonction de vitesse de lecture sur YouTube

J'utilise Garage Band pour boucler des sections dans les chansons

Le vrai problème

À partir de ces idées, j'ai réalisé que Spotify fait en fait un excellent travail pour la préparation de la chorégraphie. Ceci étant : chercher de la nouvelle musique, trouver une chanson à chorégraphier et écouter constamment cette chanson.

Cependant, cela m'a également aidé à identifier que le problème se produit dans le processus de chorégraphie proprement dit. Tout en écoutant une chanson à chorégraphier, les danseurs aimeraient mettre en boucle certaines sections de la chanson, écouter spécifiquement les différentes couches de la chanson, ralentir la chanson, revenir en arrière seulement quelques secondes sur leur section. Ces fonctionnalités ne sont pas sur Spotify et j'ai donc constaté que de nombreux danseurs utilisent d'autres outils tels que YouTube, Garage Band et iMovie pour utiliser ces fonctionnalités.

Par conséquent, mon vrai problème était:

Quand je suis sur Spotify, je veux chorégraphier sur de la musique, pour pouvoir effectivement faire une pièce de danse et exprimer ma liberté de création

Mais je ne peux pas bien faire ça parce que :

1. Spotify ne me permet pas de manipuler la musique

2. Je suis limité dans la façon dont je peux écouter de la musique sur Spotify

✂️La solution : le mode segment

Ma solution pour résoudre ce problème a été de créer le mode Segment, une nouvelle fonctionnalité de Spotify qui permet aux utilisateurs de contrôler ce qu'ils veulent entendre et d'aider les chorégraphes à créer efficacement des mouvements de danse pour développer leur créativité.

Le mode Segment permet aux utilisateurs de "segmenter" des sections de chansons qu'ils souhaitent écouter.

Flux finaux :

Comment j'ai trouvé cette solution

Pour arriver à cette solution, j'ai dû vraiment comprendre quelle partie du processus de chorégraphie était importante à intégrer à Spotify. Afin de comprendre cela, j'ai recruté deux amis incroyables, Llorenz et Matt, pour réfléchir à des solutions potentielles.

Brainstorming

Après avoir organisé différentes questions «Comment pourrions-nous» qui abordent différents aspects de Spotify dans le processus de chorégraphie et identifié différents espaces de solution, il me restait 3 solutions possibles. Pour chaque solution possible, j'ai effectué une analyse SWOT, une analyse de faisabilité/d'impact et exploré les écrans basse fidélité.

1. 5/10/30 seconde fonction arrière

2. Ajoutez des horodatages à la chanson et faites une boucle entre eux

Dans cette fonctionnalité, les utilisateurs pourront modifier l'horodatage de la chanson pour créer des sections d'une chanson. À partir de là, les utilisateurs peuvent rejouer la section avec un bouton de boucle.

3. Génération d'horodatages pour certaines sections de la chanson.

Dans cette fonctionnalité, le lecteur de scrub aura des sections dans la chanson qui indiqueront où les couplets, le refrain, les ponts, etc. Les utilisateurs peuvent afficher ces sections en appuyant sur la section ou lorsque l'indicateur de scrub traverse la section.

Choisir une solution

Après avoir examiné chaque méthode d'analyse et passé en revue les avantages et les inconvénients de chaque solution potentielle, j'ai sélectionné : 2. Ajouter des horodatages à la chanson et faire une boucle entre eux.

Je pensais que cette fonctionnalité serait la meilleure avancée car elle permet aux utilisateurs de manipuler la musique et crée de nouvelles opportunités pour écouter de la musique sur Spotify pendant qu'ils chorégraphient. Les utilisateurs pourraient manipuler la musique grâce à cette fonctionnalité en modifiant l'endroit où ils souhaitent commencer à écouter certaines sections de la chanson. Ils peuvent également écouter des chansons différemment grâce à cette fonctionnalité en pouvant écouter des chansons à différents points de départ.

Au moment de prendre cette décision, j'ai également pris en compte les réponses de ma recherche d'utilisateurs et j'ai vu que de nombreuses personnes ont déclaré l'importance d'une fonction de bouclage lors de la chorégraphie. Cette fonctionnalité est meilleure que d'autres en raison de sa capacité à créer une nouvelle expérience d'écoute pour les chorégraphes car elle leur permet d'écouter clairement une section d'une chanson en continu plutôt que de revenir en arrière à chaque fois pour écouter cette section.

‍Concevoir ma solution‍

Afin d'intégrer cette solution dans les conceptions existantes de Spotify, j'ai examiné comment les autres plates-formes écrêtent l'audio.

Ce qu'il y a sur le marché :

J'ai remarqué que lorsque les audios devaient être raccourcis, ils étaient au format wave . Spotify a déjà des vagues dans sa conception qui peuvent être vues dans son logo ou lors du partage de chansons. Par conséquent, j'ai changé mon design dans mes écrans basse fidélité pour être plus pertinent par rapport à ces designs existants. Outre ces changements, j'ai également identifié les exigences de fonctionnalités qui sont importantes pour ma solution :

1. Point d'entrée dans l'entité
2. Possibilité d'ajuster la durée
3. Un moyen d'arrêter et de continuer à écouter de la musique
4. Un moyen de voir où dans la chanson vous écoutez
5. Une fonction de bouclage
6. Informations sur la chanson en cours de lecture

J'ai décidé de nommer cette solution "Segment Mode" pour permettre aux utilisateurs de segmenter les chansons. Afin de montrer cette nouvelle fonctionnalité, j'ai dû concevoir une icône qui représenterait ce que fait le "Mode Segment". J'ai choisi de concevoir une icône de ciseaux car c'est une icône courante associée à l'édition.

Après avoir établi une icône qui servira de point d'entrée, j'ai dû déterminer différents emplacements dans la mise en page de Spotify pour intégrer cette icône :

Avoir l'icône de ciseaux à l'emplacement A était dans mes conceptions initiales en raison de la régularité de la barre inférieure (2 icônes de chaque côté). Cependant, après avoir considéré que l'icône à côté de la barre de ciseaux sur la gauche se transforme en un indicateur Bluetooth (vu à l'emplacement C), j'ai décidé de changer l'icône pour qu'elle soit située à côté du bouton de partage.

J'ai choisi les emplacements B et C comme points d'entrée finaux dans ma conception puisque la segmentation de la musique implique d'écouter la musique, par conséquent, l'emplacement le plus approprié serait dans le lecteur de musique. L' option plus dans le coin supérieur droit avait également les boutons pertinents à l'emplacement C, donc son placement semblait le plus approprié dans le même ordre du lecteur de musique. Avoir le bouton du mode segment sur l'écran d'accueil, la bibliothèque ou la barre de recherche ne me semblait pas pertinent car la segmentation d'une section d'une chanson repose sur l'écoute de la musique dans le lecteur de musique.

L'éditeur de vagues

Une autre partie de la conception que j'ai dû prendre en compte pour le mode segment était la segmentation réelle d'une chanson. Je me suis inspiré des éditeurs vidéo et de la façon dont ils utilisent des boîtes pour identifier les sections à clipper. J'ai aussi beaucoup joué avec Spotify ; regarder les interfaces qui existaient déjà pour aider à guider ma conception vers une page qui s'intégrerait dans l'application. Ci-dessous, j'ai des écrans de fidélité moyenne des éditeurs de segments potentiels que j'ai explorés :

Option 1 : Le design a suivi le même design que j'avais dans mes maquettes basse fidélité. Je n'ai pas fini par opter pour ce design car il ne semblait pas suivre le flux d'utilisateurs Spotify d'écoute de musique. De plus, devoir insérer l'horodatage exact pour segmenter la chanson est fastidieux.

Option 2 : Cette conception utilisait un éditeur de boîte, que j'ai trouvé plus intuitif à utiliser. Cependant, il n'est pas assez concis pour déterminer quelle partie de la chanson un utilisateur souhaiterait segmenter.

Option 3 : Cette conception suit le même flux que "l'ajout d'une chanson à la file d'attente" dans Spotify. Il répond à toutes mes exigences en matière de fonctionnalités et j'ai mis l'accent sur la longueur du segment dans la conception. L'éditeur de boîte est également intuitif car il suit d'autres flux vidéo/éditeur de mon étude de marché.

Option 4 : Le design est un peu similaire à l'option 3, cependant, il met l'accent sur la durée du segment avec les flèches au-dessus du curseur.

J'ai fini par développer le plus l'option 3 . Je pensais qu'il était important d'avoir un écran différent pour le séparer du lecteur de musique, car cela empêcherait toute interruption de l'écoute de la musique. La conception suit également les modèles de conception existants dans Spotify et pourrait donc être facilement implémentée dans l'écosystème de conception de Spotify.

️Tweaking la conception finale :

L'option 3 a subi environ 7 changements clés dans sa conception jusqu'à ce qu'elle atteigne sa forme finale. À chaque étape, j'ai réfléchi à l'objectif de chaque bouton et à l'interaction de l'utilisateur. Ci-dessous, vous pouvez voir l'évolution de l'option 3 et les modifications de conception que j'ai choisi de corriger :

Corrections de conception :

1. De Medium ➡️High Fidelity, l'éditeur de wave box est devenu toute la longueur de la chanson. J'ai choisi de faire cette modification parce que je pensais que ce serait plus intuitif pour l'utilisateur. Il est également plus facile de naviguer car cette version copie les éléments de conception existants des éditeurs vidéo.
2. De Medium ➡️High Fidelity, l'ajout de l'indicateur de temps au moment où un utilisateur serait en train de frotter était important à inclure. Cela suit mes exigences en matière de fonctionnalités et ajoute un sentiment de précision pour obtenir l'endroit exact pour commencer/terminer le segment.
3. À partir de High Fidelity ➡️Prototype Screen, la suppression des autres boutons du lecteur multimédia était importante, car les utilisateurs n'utiliseront pas ces boutons lors de la segmentation d'une section d'une chanson. Par conséquent, le bouton lecture/pause est la seule option pour écouter le segment.
4. Depuis High Fidelity ➡️Prototype Screen, l'ajout d'un bouton terminé était nécessaire pour s'assurer que les utilisateurs pouvaient confirmer le segment qu'ils avaient créé. Avant, j'avais juste un X, ce qui pouvait prêter à confusion pour sortir du mode segment.
5. Depuis High Fidelity ➡️Prototype Screen, la nouvelle icône du bouton "boucle" a été ajoutée dans le coin pour permettre aux utilisateurs de savoir qu'ils peuvent rejouer ce segment encore et encore. Cela était auparavant intégré en appuyant 3 fois sur le bouton de relecture, mais grâce au mode segment, vous pouvez contourner ces tapotements inutiles.
6. À partir de Prototype Screen ➡️Feedback Screens, après avoir reçu des commentaires de mes prototypes, de nombreux utilisateurs ont utilisé la barre de défilement pour essayer de localiser l'endroit de la chanson qu'ils souhaitaient segmenter. Par conséquent, j'ai changé le format de la barre de défilement pour lui permettre de manipuler l'indicateur actuel sur l'éditeur de boîte. Il suit également le format de balayage standard lors de l'écoute de la chanson dans le lecteur de musique.
7. De Prototype Screen ➡️Feedback Screens, après avoir reçu des commentaires de mes prototypes, de nombreux utilisateurs ont exprimé le souhait de pouvoir manipuler l'éditeur de boîte des deux côtés. Par conséquent, l'ajout de l'indicateur de temps a été inclus des deux côtés.

Les prototypes finaux

Après avoir mené trois entretiens et pris en compte les retours que j'ai reçus, j'ai assemblé les prototypes finaux de ma solution. Étant donné que vous pouvez segmenter une chanson de différentes manières, j'ai prototypé des flux possibles que les utilisateurs interagiraient avec le « mode segmentation ».

Prototypes :

Conclusion

L'énoncé de mission ci-dessous est celui de Spotify et stipule :

Notre mission est de libérer le potentiel de la créativité humaine - en donnant à un million d'artistes créatifs la possibilité de vivre de leur art et à des milliards de fans la possibilité d'en profiter et de s'en inspirer.

Grâce à mon prototype final, je pense que Spotify peut offrir l'opportunité de déverrouiller une nouvelle facette de la créativité humaine à travers la danse. Pouvoir mettre en boucle des chansons pour créer efficacement une chorégraphie peut libérer le potentiel de création de plus de danses. Après tout, les danseurs sont aussi des artistes, créant de l'art par le mouvement.

⏩J'ai hâte

Je sais que je peux toujours améliorer mon design. Si j'avais plus de temps, je voudrais définitivement explorer les moyens de sauvegarder des segments, tout comme les utilisateurs peuvent sauvegarder leurs «chansons préférées». Cela pourrait ouvrir tellement de possibilités que les extraits sonores sur Instagram et TikTok deviennent très populaires.

C'était ma première étude de cas UX et je suis tellement reconnaissante d'avoir pu le faire sur quelque chose que j'aime. Je souhaite continuer à grandir dans mon parcours de conception de produits et j'attends avec impatience mon prochain projet ! Je tiens à remercier tout particulièrement tous ceux qui m'ont aidé dans ce voyage, en particulier Emily, Tise et toute l'équipe de conception de produits numériques.

Je ne suis en aucun cas affilié à Spotify. Il s'agissait d'une étude de cas pour le cours de Cornell AppDev : Introduction à la conception de produits numériques. Tout commentaire ou commentaire serait grandement apprécié et je tiens à vous remercier d'avoir lu mon étude de cas ! — Sofia V