AudioVibes - Prototype Lo-Fi
Projet : Maquette basse définition d'une application de Streaming musical - AudioVibes
Le prototype de la maquette intéractive 🔗
Au cours de ma formation, j'ai entrepris la création d'une maquette basse définition pour une application de streaming musical. Voici les principales étapes de mon processus :
Schéma Initial : J'ai commencé par esquisser l'interface principale sur papier, détaillant la page d'une fiche artiste avec une fonction d'écoute.
Storyboard : J'ai élaboré un storyboard décrivant les écrans d'accueil, de connexion, de recherche d'artiste, et la fiche artiste. Ces écrans ont été dessinés sur papier, établissant ainsi le flux d'utilisation.
Carte Heuristique : Sur papier et à l'aide d'outils comme FigJam, j'ai créé une carte heuristique détaillée. Cela m'a permis de représenter visuellement les différents écrans, leurs fonctionnalités, et les interactions possibles. J'ai inclus des éléments fixes comme des menus pour faciliter l'accès aux fonctionnalités clés.
Interactions : J'ai identifié et esquissé les principales interactions possibles sur la fiche artiste, en m'assurant de garantir une expérience utilisateur fluide. Par exemple, j'ai pensé à des interactions comme le partage de morceaux et l'affichage détaillé des titres.
Maquette Basse Définition : J'ai ensuite utilisé Figma pour créer les écrans requis, en respectant le gabarit Iphone 14 ou Android Large. Ces écrans comprennent l'accueil, la connexion, l'inscription, la recherche d'artiste, la fiche artiste, le lecteur seul, et la modification de profil.
Validation : J'ai soumis chaque étape de mon travail à mon formateur, incluant des scans ou des photos des schémas sur papier.
Outils Utilisés : Figma pour la maquette, papier pour les esquisses initiales, FigJam pour la carte heuristique.
