date_range dernière mise à jour le 5 mai 2018

language Read the original case study in English

cas d'étude

Unhangry

Être à la fois « hangry » (jeu de mot anglais : être en colère et avoir faim) et gourmand peut être bien embarrassant. Unhangry est là pour vous aider ! Découvrez de la bonne nourriture à manger (ou pas) dans le quartier, vainquez une indécision aggravée par la « hanger » ou trouvez exactement ce qu’il faut préparer afin de satisfaire vos envies. Nous sommes là pour vous. Ensuite, partagez avec des amis et rejoignez tous le mouvement #unhangry.

build La ceinture porte-outils « Unhangry » : business_center

Découvrez de la bonne bouffe et des restaurants dans le coin

Vainquez l’indécision avec Help Me Decide : notre quizz sur les envies

Pas de voiture ou pas envie de vous garer en ville ? Ne vous inquiétez pas, car Unhangry vous montrera comment y arriver avec nos plans conçus pour les transports publics, accessibles sans internet*



* À vérifier en ligne quand possible en raison d’éventuelles ruptures de service des transports publics

Sommaire

filter_1
Ce que j’ai produit wireframes et écrans des fonctionnalités validées

filter_2
Ce que j’ai appris Processus d’UX

filter_3
Ma conclusion landing page de Unhangry


Ceci est un cas d’étude de l’application Unhangry, une application fictive conçue dans le cadre d’un projet, avec une équipe d’une personne (moi) et portant sur le design expérience utilisateur. Le projet provient d’un cours en ligne sur Aquent Gymnasium : Introduction aux fondamentaux d’UX.


Ideation in Wireframes

filter_1 Ce que j'ai produit

wireframes et écrans

Nous avons exploré de nombreuses fonctionnalités et avons décidé ( pour le moment ) de nous concentrer sur la découverte par photos, sur l’aide avec l’indécision et sur les transports publics.

my_location La découverte par photos

Frusté.e d’être mis.e en appétit par un plat inatteignable et lointain ? Unhangry est là pour mettre fin à cette torture. Notre flux Feedme (Nourrisez-moi) vous montre uniquement des photos ; des photos alléchantes qui sont prises dans les environs : soit des plats ou soit des décors. Appuyez et maintenez pour sauvegarder ou obtenir des directions. Appuyez deux fois pour aimer ou appuyez simplement pour agrandir et voir plus d’infos.

explore Help Me Decide

Des fois, nous ne savons quoi manger. D’autres fois, nos amis veulent des suggestions mais les rejettent les unes après les autres. Voilà qu’arrive au secours le quizz Help Me Decide ( Aidez-moi à décider ). Prenez un quiz court, vous-même seul ou avec des amis ( liens partageables ) et trouvez des suggestions et leurs directions.

directions_transit Plans des transports

Que vous aimiez conduire ou pas dans une ville embouteillée, Unhangry est là pour vous. Insérez une adresse pour voir apparaitre les transports publics et parkings dans le coin. Ajoutez votre localisation ou point de départ afin d’obtenir plusieurs itinéraires recommandés.

retourner au sommaire

filter_2 Ce que j'ai appris

mon processus d'UX

looks_one Identification des problèmes utilisateurs

Interviews arrow_forward Affinity Diagram arrow_forward Personas arrow_forward Customer Journey Map

Des interviews d’utilisateurs ouverts sont utiles, mais seulement si suivis par des analyses pour découvrir les tendances, l’éventail des comportements et les interactions. Ils sont inutiles aussi si les idées ne sont pas mémorisables. Ainsi, les transformer en personae est une solution. Concentrez-vous sur les comportements ( et pas des détails non-pertinentes ) cependant. Vous pourriez les rendre plus réels en créant leur passé, qui dirige leurs comportements. Ces personae deviendraient comme des amis dont les réactions sont prévisibles, ce qui est indispensable pendant le design.


Si vous avez envie de sortir pour un verre ou pour manger, appelez Sandra ! Elle connaît tous les nouveaux endroits et sait exactement quelles rues il faut prendre, où se trouve le meilleur stationnement et ce qui est le dernier plat à tester. Ses amis et collègues se demandent comment elle a toujours tant d’énergie. En plus, elle est rayonnante quand on lui dit qu’on a adoré ses recommandations. Quel grand sourire ! Il faut juste veiller à lui donner rendez-vous en avance. Sans cela, son mari et ses deux enfants garantissent qu’elle est souvent indisponible.

Mélanie est exubérante. On adore passer du temps avec elle, même si on la connait depuis peu. Décontractée avec beaucoup à dire, elle s'épanouit autour des autres. Cependant, il ne faut pas lui demander des recommandations. Pour elle, la nourriture, c’est pour se nourrir. Si c’est proche et facile de s’y rendre, c’est parfait. Elle s’en moque de ce qu’elle met dans son estomac. Donc, le temps passé à chercher un endroit est du temps perdu.


En général, Melanie utilise les plans et n’aime pas regarder les résultats un par un. Quand ça ne marche pas, elle abandonne. Le problème est que la liste des établissements sur le plan n’est pas complète. Il y en a beaucoup qui ne s’affichent pas. Comment pourrais-je transformer l’expérience de Melanie pour que sa courbe de satisfaction continue de monter ?

Comme évoqué ci-dessus, les plans, tels que sur Google, se mettent rarement à jour. Les résultats sur un plan sont donc souvent obsolètes. Un remède immédiat est de s’assurer que les plans soient mis à jour régulièrement, ou au moins indiquer la dernière mise à jour. De plus, ajouter les informations sur les transports et le stationnement rendraient ce plan plus utile pour Mélanie.


looks_two Découverte des fonctionnalités (iterative)

croquis et wireframes

Pour commencer, j’explore ce qui se trouve dans l’esprit en dessinant pendant 10 minutes.

Ensuite, avec quelques idées prometteuses découvertes, je vise à générer beaucoup d’idées, et à ce moment-là, la quantité prime sur la qualité. Mon objectif était 40 idées différentes.

looks_3 Validation des fonctionnalités

Retours

Une description visuelle et courte m’a aidé à évaluer l’intérêt ainsi que d’identifier les points de confusion. J’ai noté l’utilité, l’intérêt, les doutes et la confusion des utilisateurs.

looks_4 Prototypes des fonctionnalités

Tests

Les tests sont cruciaux, car encore une fois, j’ai pu constater que mes expériences ne correspondent pas du tout à celles vécues par les utilisateurs. Lorsque j’ai laissé devenir un élément UI un peu novateur pour les plans, on n’en comprenait pas la fonction.

Pour ces tests, j’ai réalisé deux versions : une prototype en papier et une prototype cliquable interactive sur Invision pour les utilisateurs éloignés.


looks_5 Fonctionnalités, iteration

Wireflows et la fidélité est importante

Par rapport à une grille de wireframes, je trouve qu’un wireflow (flux de wireframes) permet d’avoir du recul et considérer la fonctionnalité globale ainsi que d’assurer une fluidité comme les incohérences entre les écrans et les fonctionnalités sautent aux yeux, car ils peuvent avancer et reculer dans un flux en douceur.

L'Avant : ( basse fidélité )

arrow_forward

l'Après: ( haute fidélité )

Bien que possible à découvrir lors des essais, parfois augmenter la fidélité va déjà montrer les fêlures/problèmes dans une idée. Il ne faut pas accabler les utilisateurs avec un design dont l’idée n’est pas complètement explorée s’il est facile de faire autrement. Cette nouvelle version permet non seulement aux utilisateurs de changer d’avis de manière plus facile, mais aussi éviter de devoir choisir une option au détriment d’une autre, surtout lorsque les deux donnent bien envie.

retourner au sommaire

filter_3 Ma conclusion

Landing page de Unhangry

devenir #unhangry

Get #unhangry


Découvrez de la bonne bouffe et des restaurants dans le coin

Vainquez l’indécision avec Help Me Decide : notre quizz sur les envies

Pas de voiture ou pas envie de vous garer en ville ? Ne vous inquiétez pas, car Unhangry vous montrera comment y arriver avec nos plans conçus pour les transports publics, accessibles sans internet1.

En regroupant de nombreux pins en un seul avec un quartier, pas fixe et délimité par des couleurs, il est facile d’explorer les rues abondant de restaurants. De plus, c’est aussi utile si vous cherchez simplement un quartier dans lequel balader à un moment donné.

Nous aimons écouter ce que désire notre communauté « Unhangry ». Venez voter sur vos fonctionnalités préférées, ou même demandez à en ajouter d’autres !

Votez sur vos fonctionnalités préférées

VOTE: Planifier une promenade délicieuse avant ou après un restaurant pour (mieux) découvrir des quartiers charmants

VOTE: Filter par les guides : Maître restaurateur, Guide Michelin, Gault et Michaud, Jonathan Gold’s 101 Best Restaurants…

VOTE: Obtenir des recettes pour récréer ce qui vous donne envie et basées sur les dernières que vous avez tentées. Ensuite, nous publierons même un billet de comparaison « #nailedit ». C’est une plaisanterie, car nous vous demanderons toujours votre autorisation2 auparavant..

1 À vérifier en ligne quand possible en raison d’éventuelles ruptures de service des transports publics

2 Votre vie privée nous importe. Partagez et enlevez autant que vous voulez. Notre politique pour les données privées, écrite simplement, arrive bientôt !


J'espère que ce cas d'étude vous a plu.


Prochain cas d'étude:
Ergonomie et systèmes

Connecter:
Trouvez-moi sur Linkedin

Copyright © 2018 - Irvin Fong