Avril 2019
UX Research
UX/UI Design
Ce projet sous forme de challenge UX nous proposait de nous mettre à la place d'une agence engagée par Spotify pour repenser l’expérience utilisateur de sa plateforme. Le livrable final devait comporter un document de réflexion et de justification ainsi que les écrans.
En 3 mots : simplicité, agréable, découverte.
Avant de trouver des fonctionnalités, nous avons tout d'abord étudié les avis des clients sur l'application avec Google Play et l'App Store.
Nous en avons ainsi déduit les problèmes qui ressortaient le plus souvent. Estelle et moi avons réalisé des tests utilisateurs avec nous-mêmes, car nous ne connaissions pas l'application et avons ainsi découvert de nouveaux problèmes ou soucis concernant l'application pour un nouvel utilisateur.
En complément avec des personas, nous avons décidé des fonctionnalités à modifier, celles à ajouter et comment les organiser.
Cette phase d'analyse nous a alors permis de rédiger un concept de redesign complet.
En plus des fonctionnalités de bases, nous avons redesigné l'onglet Recherche avec une partie Fais-moi découvrir le monde.
Celle-ci se répartit en cinq et propose de nouvelles façons de découvrir des titres et des artistes : les tendances mondiales et nationales (qui existent déjà sur l'application), au hasard dans le monde avec une carte interactive (possibilité de choisir le genre et l'époque), en fonction de la météo et en fonction de son humeur.
Grâce à ce redesign, nous avons choisi de changer la charte graphique de l’application mobile. Nous y avons intégré des boutons plus colorés s'adaptant aux couleurs d’un album ou d’une photo, des dégradés de couleurs permettant d’apporter une touche de vivacité à l’interface ou encore des titres plus impactants.
L’utilisation du Material Design facilite la compréhension des icônes et des intitulés en amenant alors du modernisme : toutes les actions sont accessibles en un clic.
Tout cela aboutit à des wireframes low-fi, nous donnant un aspect primaire de l'application, la disposition des différents éléments. Puis les wireframes high-fi réalisés avec Adobe XD nous donnent un rendu final à l'application avec les couleurs, les logos, etc.
Wireframes et UI
