• TRANSAVIA

    Transavia est une compagnie aérienne d’origine néerlandaise et appartenant à la compagnie Air France KLM. Cette compagnie française vous permet d’acheter un billet d’avion à prix réduit pour de nombreuses destinations en France, en Europe mais aussi en Afrique du Nord.

  • CHALLENGE

    Redesigner 3 à 5 écrans de l’application Transavia en 3 jours

  • DELIVRABLES

    Moodboard, Style Tile, Couleur / Typographie, Effect Styles, Interfaces Hi-fi, Hi-fi interactive prototype

EVALUATION HEURISTIQUE

Pour réaliser un audit, il a fallu avoir recours à une méthode d’inspection et d'utilisabilité pour étudier la conception d'interface utilisateur afin qu'ils puissent être traités dans le cadre d'un processus de conception itératif. J’ai donc utilisé l’évaluation heuristique par Jalob Nielsen.

#1 / Un design esthétique et minimaliste (“Aesthetic and minimalist design”)

  • Une palette de couleur un peu agressif avec l’utilisation d’un vert, bleu, rose flashy.

  • Problème d’alignement

  • Plus de deux typographies utilisées

  • L’écran Profil ne semble pas travaillé

#2 / Fléxibilité et efficience de l’utilisation (“Flexibility and efficiency of use”)

  • Sur la page Profil, lorsque l’utilisateur clique sur le bouton “se connecter” il est automatiquement rediriger vers le site mobile.

#3 / Visibilité de statut du système (“Visibility of system status”)

  • Trop d’informations sur l’écran “résultat de vol” ce qui engendre un manque de lisibilité sur le vol aller/retour sélectionné ainsi que le récapitulatif.

MAPPING CONCURRENTIEL

De cette analyse, j’ai pu constater que :

  • L’étape Vol Aller/Retour sont représentés sur 2 écrans différents

  • Une identité propre à chacune

  • Un écran d’accueil trop chargé en information (ex: Ryanair)

STYLE TILES

SOLUTION

Modification esthétique pour un visuel et une identité harmonieuse :

  • Changement sur la palette de couleur : J’ai décidé de retirer la couleur rose éclatante pour apporter de l’harmonie. Les couleurs dominantes qui sont le vert et le bleu roi étant déjà des couleurs fortes sur la palette de couleur.

  • Une seule typographie : J’ai opté pour la typographie Sans Sérif Poppins pour un rendu à la fois simple et moderne.

  • Alignement : L’écran “résultat de vols” présente un problème d’alignement.

  • Mettre davantage en avant les images : J’ai opté pour des images de meilleur qualité et y ait ajouté une forme particulière afin de donner un coté dynamique à l’application.

  • Professionnalisé et modernisé l’écran “Profil” : Cet écran est trop peu fourni en information ce qui donne un aspect peu professionnel.

ACCUEIL

Permettre aux utilisateurs une meilleure visibilité et une navigation fluide :

  • Séparer l’écran scrollable “Résultat de vols” en 3 étapes : Afin de donner la possibilité aux utilisateurs d’avoir une vue d’ensemble sur le vol ALLER, vol RETOUR et le récapitulatif, la page “Résultats de vols” est divisée en 3 écrans.

CALENDRIER

RÉSULTAT DE VOL

PROFIL

PROTOTYPAGE HAUTE FIDÉLITÉ