Bump Charge

UX/UI design

Bump Charge

UX/UI design
  • Équipe
  • Antonin Juillard, Loris Die, Nicolas Frappa, Hugo Barbier
  • Rôle
  • UX/UI designer
  • Durée
  • 2 semaines

Contexte

Bump Charge permet aux utilisateurs de voitures électriques et aux professionnels de la mobilité de localiser en ligne la borne de recharge la moins chère et la plus proche pour la réserver et lancer une recharge. Elle géolocalise toutes les bornes publiques avec le nombre et le type de prises proposés, si celles-ci sont occupées ou désactivées, sans oublier le tarif appliqué.

Challenge

À partir des 9 récits utilisateurs (users stories) donnés, répondez à leur besoin, le tout sur une application IOS - Device : Iphone 13 mini (375x812)

  • En tant que nouvel utilisateur, je veux comprendre rapidement la proposition de valeur de l'application afin d'être motivé pour m'inscrire.
  • En tant que nouvel utilisateur, je veux m'inscrire facilement et être préparé à la réussite afin de pouvoir utiliser le service au maximum.
  • En tant qu'utilisateur, je souhaite parcourir les stations de recharge autour de moi et trouver celle qui est la plus proche afin de pouvoir m'y recharger
  • En tant qu'utilisateur souhaitant recharger rapidement son véhicule, je souhaite trouver le chargeur le plus proche et le plus rapide pour mon type de voiture, afin de pouvoir le recharger sur place.
  • En tant qu'utilisateur arrivant au travail, je souhaite réserver un chargeur afin d'être sûr qu'il sera disponible pour moi lorsque j'arriverai sur le parking de mon entreprise le matin.
  • En tant qu'utilisateur travaillant dans un bureau, je souhaite être informé de la disponibilité de la station de recharge du bureau afin de pouvoir y brancher et recharger ma voiture.
  • En tant qu'utilisateur devant un chargeur disponible, je veux déclencher la charge de mon véhicule et en garder la trace afin d'être sûr que ma voiture est en train de se recharger.
  • En tant qu'utilisateur rencontrant un problème lors d'une session de charge, je souhaite obtenir l'aide de l'équipe d'assistance du service, afin de pouvoir résoudre mon problème.
  • En tant qu'utilisateur désireux de rendre des comptes à la fin du mois, je souhaite pouvoir récupérer mes factures des sessions de facturation passées, afin de les télécharger.

Analyse de la concurrence

Nous avons commencé par analyser les concurrents directs, sur chaque récit utilisateurs, voir ce qu'ils faisaient pour y répondre. Nous avons aussi réalisé une analyse de l'existant de l'application Bump Charge.

bump analyse de la concurrence

Liste des fonctionnalités et écrans

Nous avons navigué sur l'application et réalisé plusieurs parcours utilisateurs pour voir de quelles manières, sont représentées les différentes fonctionnalités déjà présentes ou autres.

bump screenshots de l'application
  • Voir toutes les bornes électriques installées
  • Géolocalisation
  • Création de compte et connection à mon compte
  • Historique de charge
  • Filtrer la recherche par type de chargeur, type de courant
  • Consulter l’état de charge de la voiture en temps réel
  • Voir toutes les bornes électriques installées
  • Voir toutes les bornes électriques installées
  • Voir toutes les bornes électriques installées
  • Voir toutes les bornes électriques installées
  • Voir toutes les bornes électriques installées
  • Voir toutes les bornes électriques installées
  • Voir toutes les bornes électriques installées

Typographie et couleurs

On est parti sur un aspect light mode pour l'application et avons ajouté du bleu en opposition avec le rouge pour bien différencier les boutons.

bump typographie et couleurs

Wireframes

Pour voir comment les gens interagissent avec les maquettes et si nos idées répondent bien aux différents récits utilisateurs, on a demandé à des camarades de classes ou des amis de faire quelques tests.

bump wireframes

Prototypes

Nous sommes finalement arrivé à ces prototypes basés sur les retours des tests utilisateurs.

bump prototype 1bump prototype 2bump prototype 3bump prototype 4bump prototype 5bump prototype 6bump prototype 7