La principale contrainte de ce projet était que je n'avais que très peu de temps pour prototyper ma proposition de refonte. J'ai pour habitude de mener une étude quantitative en publiant des sondages sur les réseaux sociaux, en ciblant des groupes qui correspondent à mes utilisateurs finaux. Pour ce qui est de l'étude qualititive je me débrouille toujours pour mener des interviews avec différentes typologies d'utilisateurs. Mais cette fois je n'avais pas le temps, il fallait que je sois plus rapide alors pas de rédaction de zone d'ombre, pas d'hypothèse de problématique, pas de sondage ni d'interview !
Pour mener ma recherche utilisateur j'ai décidé d'utiliser une nouvelle méthode : étudier les commentaires laissés sur le playstore par les utilisateurs. Vous trouverez ci-dessous un extrait non exhaustif des principaux commentaires que j'ai pu relever sur le Playstore de KFC FRANCE.
J’ai d’abord commencé par réaliser l’userflow actuel de l’application afin de faire un état des lieux des divers parcours proposés aux utilisateurs.
Pour mener mon audit, je me suis inspiré des grilles heuristiques (telles que celles de Bastien et Scapin) utilisées en ergonomie. J'ai aussi pris en compte les principales lois de la théorie de gestalt, et les best practices concernant les mobiles design patterns du livre "Mobile first" de Luke lebrowski. En me penchant sur l'user flow j’ai pu observer que de nombreux contenus se recoupent et que la présentation actuelle de la home pouvait être confuse pour l’utilisateur. L’application souffre aussi de l’absence de patterns essentiels dans son parcours de commande en click & collect comme l’absence de filtre ou de barre de recherche et souffre globalement d’une mauvaise gestion des différents niveaux de navigation (globale, locale, supplémentaire, contextuelle, de courtoisie, à distance)
Si on observe l’arborescence actuelle de l’app on peut remarquer que cette dernière est déséquilibrée et souffre d’une mauvaise répartition des contenus.
Si on observe l’arborescence actuelle de l’app on peut remarquer que cette dernière est déséquilibrée et souffre d’une mauvaise répartition des contenus.
J’ai d’abord procédé par un tri de cartes afin d’améliorer la catégorisation des contenus et harmoniser leur répartition au sein de l'arborescence de l’application. J’en ai aussi profité pour intégrer la nouvelle fonctionnalité de création de recettes personnalisées.
Une fois l’arborescence posée, j’ai pu passer au prototypage de ma solution en m’inspirant de plusieurs sites de livraisons afin d’utiliser des patterns connus par les utilisateurs.
COMMANDER
En cliquant sur cette option l’utilisateur peut sélectionner rapidement le menu qui lui correspond et le personnaliser selon ses besoins (choix de l’accompagnement, sélection de la sauce, définition de la quantitée etc...)
Grâce au steppin le client évalue aisément la quantitée d’actions qu’il lui reste à effectuer.
COMMANDER
En cliquant sur cette option l’utilisateur peut sélectionner rapidement le menu qui lui correspond et le personnaliser selon ses besoins (choix de l’accompagnement, sélection de la sauce, définition de la quantité etc...)
Grâce au steppin le client évalue aisément le nombre d’actions qu’il lui reste à effectuer.
COMMANDER
En cliquant sur cette option l’utilisateur peut sélectionner rapidement le menu qui lui correspond et le personnaliser selon ses besoins (choix de l’accompagnement, sélection de la sauce, définition de la quantitée etc...)
PANIER
Une fois la commande confirmée, le client peut choisir de se faire livrer à domicile où de retirer sa commande dans un restaurant à proximité avant de sélectionner son mode de paiement.
CRÉER
L’option “créer” n’existe pas aujourd’hui, c’est une nouvelle fonctionnalitée qui a été rajoutée afin de permettre aux utilisateurs de créer leurs propres recettes personnalisées en customisant les produits phares de KFC (burger, bucket, wrap ou salade).
Une fois le produit crée, les utilisateurs peuvent choisir de l’inclure dans un menu avant de nommer et commander leur réalisation.
CRÉER
L’option “créer” n’existe pas aujourd’hui, c’est une nouvelle fonctionnalité qui a été rajoutée afin de permettre aux utilisateurs de créer leurs propres recettes personnalisées en customisant les produits phares de KFC (burger, bucket, wrap ou salade).
Une fois le produit créé, les utilisateurs peuvent choisir de l’inclure dans un menu avant de nommer et commander leur réalisation.
COMPTE
L’utilisateur peut consulter son niveau en se rendant sur son profil. C’est aussi ici qu’il peut consulter ses créations réalisées, éditer ses cartes de paiements, consulter son Qr code etc...
COMPTE
L’utilisateur peut consulter son niveau en se rendant sur son profil. C’est aussi ici qu’il peut consulter ses créations, éditer ses cartes de paiements, consulter son Qr code etc...
CARTE
En cliquant sur l’onglet restaurant, l’utilisateur a accès à une map qui lui permet d’être guidé vers les restaurants à proximité.
CARTE
En cliquant sur l’onglet restaurant, l’utilisateur a accès à une map qui lui permet d’être guidé vers les restaurants à proximité.
Tout le défi de la refonte UI fut d'innover en respectant la charte graphique de KFC.
#E4002B
#333333
#F9F9F9
#FFFFFF
#E4002B
#333333
#F9F9F9
#FFFFFF
Grâce à cette refonte les utilisateurs peuvent commander et/ou créer leurs propres recettes personnalisées au sein d’une app plus moderne et efficiente grâce à la conservation des modèles mentaux acquis par les utilisateurs.
Travailler seul fut pour moi l’occasion de m’épanouir en tant qu’UI. Cela faisait longtemps que je voulais m’essayer à l’implémentation de formes organiques au sein d’un design system. Gérer la disposition des éléments et créer une cohérence graphique au sein de l’UI en mettant à profit les lois de Gestalt fut très instructif. En effet, en tant que designer je me suis habitué à créer des cards et des boutons classiques avec des formes rectangulaires. Il m’a fallu redoubler de rigueur pour créer un UI crédible et compréhensible aux yeux des utilisateurs.