top of page
Onboarding.gif
Apple iPhone 11 Green.png

Dans le sac

Projet solo

 

Chercher. Balayez. Sauvegarder.

 

Transformez votre corvée en plus! Une application robuste qui fournit des suggestions de recettes basées sur les articles de vente hebdomadaires de votre magasin.

Les outils utilisés

Figma Logo.png
Whimsical logo
pngegg-52.png
invision-logo.png

Aperçu

In the Bag est mon tout premier projet solo à la Kenzie Academy. Tout a commencé par une simple invite pour nous encourager à apprendre et à mettre en œuvre le processus de réflexion conceptuelle.

  • Cible démographique : Jeunes professionnels urbains

  • Objectif : Économiser de l'argent en préparant des déjeuners chaque semaine

  • Défis : Il existe de NOMBREUSES applications de planification de repas disponibles. En quoi In the Bag pourrait-il différer de ceux-ci ?

  • Rôle : Chercheur & Designer

ITB Prompt.png

35

8

5

4

innombrable

Réponses au sondage

Entrevues

Tests d'utilisabilité

Itérations

leçons apprises

Down Arrows.png

Enquêtes

Méthodologies d'enquête : choix multiples, formulaires Google

Qui ai-je trouvé ?

  • Réseau de personnes célibataires et mariées.

  • Âges allant de 27 à 44 ans.

  • 69 % s'identifient comme des femmes.

Qu'est-ce que j'ai trouvé ?

  • Les utilisateurs dépensent souvent trop ou ne suivent tout simplement pas leurs dépenses pour les déjeuners

  • La plupart trouvent important de préparer leurs repas plutôt que de manger au restaurant

  • Plusieurs utilisateurs sont prêts à passer 1 à 3 heures par semaine à préparer leurs déjeuners

SurveyResults.png

Hypothèse initiale

Mon hypothèse initiale était que cette application était une sorte d'application de budgétisation.

 

Après avoir découvert des données quantitatives juteuses, j'ai voulu en savoir plus sur ces deux dernières statistiques. J'ai trouvé intéressant que la préparation des repas soit importante pour de nombreux participants, cependant, ils n'avaient pas beaucoup de temps pour s'engager. Plongeons et déballons ça !!!

Surveys & Interviews

Entrevues

Outils utilisés : zoom, fantaisie

Mener des entretiens a été extrêmement perspicace.

Les données démographiques sur l'âge, la race, le sexe et l'emplacement donnent une excellente image de qui pourraient être mes utilisateurs. 

Demographics.png

La curiosité de savoir ce qu'ils pensaient de leurs compétences culinaires et le désir de déballer les détails concernant le temps que chacun pouvait consacrer à la préparation des repas ont conduit mes questions d'entretien.

Questions clés de l'entrevue :

  • Comment faites-vous actuellement le suivi de vos dépenses alimentaires ?

  • Quelles ressources utilisez-vous actuellement pour économiser de l'argent sur vos achats alimentaires ?

  • Combien de temps êtes-vous prêt à consacrer à la cuisine pour économiser de l'argent ?

  • Expliquez-moi le processus de création de votre liste d'épicerie.

  • Pourquoi ne suivez-vous pas les dépenses ? 

  • Pourquoi mangez-vous au restaurant plutôt que de vous préparer ? 

  • Qu'est-ce qui vous frustre dans l'expérience d'achat ? 

Linds.png

« Je ne voudrais pas passer beaucoup (de temps). Mon sommeil est précieux !

Nikia.png

"La meilleure version de moi serait la préparation des repas le dimanche pour la semaine. La version actuelle tergiverse et se dit qu'elle n'a pas le temps de le faire pendant qu'elle fait défiler le tik-tok.

Culhane.png

"Je choisirai le sommeil plutôt que la nourriture à chaque fois!"

Persona & Journey Map

Outils utilisés : fantaisiste et Figma

2.1 User Persona & Journey Map - Emily 's Journey Map_2x.png
Persona Emily.png

Cliquez sur les images pour les agrandir.

Après avoir capturé des idées fantastiques de mes entretiens, j'ai synthétisé mes découvertes en un seul personnage et produit une carte de voyage rapide.

Pourquoi ai-je fait ça ?

  • La carte du parcours a clairement défini les points douloureux du processus actuel et m'a aidé à comprendre.

  • Avoir Emily à mes côtés tout au long du processus itératif visait à m'empêcher d'être victime d'un "flux de portée".

  • Se référer à sa citation a été utile à plusieurs reprises tout au long du processus, car cela m'a rappelé que gagner du temps était tout aussi important que d'économiser de l'argent.

Le vrai problème

Bien sûr, mes utilisateurs voulaient économiser de l'argent. Cette partie est une évidence ! J'ai trouvé que les vrais problèmes étaient...

 

 

  • Manque de motivation.  Les tâches de recherche, d'achat et de préparation sont fastidieuses, chronophages et banales.

 

  • Temps contre argent. Les participants veulent économiser de l'argent, mais pas au détriment de leur temps. 

Comment pourrions-nous développer une application qui aide l'utilisateur à économiser du temps et de l'argent tout en l'encourageant à planifier, acheter et préparer ses repas ?

Persona & User Journey
Real Problem

Flux d'utilisateurs

Outils utilisés : Fantaisiste

Quelques playbacks d'enregistrements d'interviews et une pile de stickies virtuels plus tard...

Qu'est-ce que j'ai fait?

J'ai extrait les thèmes communs de mes notes et développé les principaux besoins des utilisateurs. J'ai alors commencé des itérations de flux d'utilisateurs potentiels.

In the Bag Case Study_2x.png

Idées de flux initiales

In the Bag Case Study_2x-2.png

Pourquoi ai-je fait ça ?

Je voulais me concentrer sur le cheminement étape par étape de l'expérience. En explorant les solutions possibles à un niveau élevé, j'ai pu rester concentré sur l'expérience globale qu'un utilisateur pourrait avoir au sein de l'application. Cette approche m'a fait gagner du TEMPS que j'aurais pu perdre à créer des écrans qui se sont avérés inutiles. 

Cliquez sur les images pour les agrandir.

Flux révisés

icons8_idea.png

Apprentissages clés

Je me suis retrouvé à concevoir trop grand, en essayant d'incorporer toutes les solutions possibles et tous les cas extrêmes.  

 

Les commentaires des animateurs m'ont encouragé à décomposer les flux en

1) L'intégration/ouverture de compte

2) L'utilisation de l'application Happy Path

Onboarding_First Shop.png
7.1 Usability Testing_2x (2).png

Cliquez sur les images pour les agrandir.

Wireframes & Testing

Esquisses

J'ai commencé le processus d'idéation en esquissant des solutions possibles.

 

Oui, c'est du papier millimétré en mode sombre !!

Crazy 8's
Sketches 1
  • L'utilisation de la méthode d'esquisse des 8 fous m'a donné l'opportunité d' explorer rapidement des idées sans m'en marier tout de suite.

  • La création des listes de MUST & MAY have m'a aidé à me concentrer lorsque j'ai commencé ce processus.

  • L'esquisse a fait avancer le projet en fournissant un espace pour visualiser les concepts avant de s'engager dans une seule idée.

En fin de compte, j'ai fini par utiliser un hybride d'éléments de chacun des dessins. Je me suis penché sur le besoin d'un écran d'accueil de tableau de bord et je voulais garder des éléments de gamification pour garder Emily intéressée.

Sketches 2

Maquettes

Outils utilisés : Fantaisiste

Afin de tester mes idées, je suis passé au wireframing moyenne fidélité. C'est à ce stade que je suis passé par de nombreuses itérations de mes écrans clés.

 

  • Les commentaires des camarades de la cohorte et des animateurs ont encouragé le processus itératif.

  • De nombreux écrans ont vu 3 à 8 révisions avant d'atterrir sur un chemin solide et heureux à tester.

 

L'utilisation de Whimsical a été bénéfique car elle fournit des éléments standard avec plusieurs contraintes. Cela m'a permis de rester concentré sur la fonctionnalité tout au long de ce processus.

 

Itérations de l'écran d'accueil

3.1 & & 3.2 Wireframes - Home Page_2x.png
6.1 Hierarchy Audit - Home Page v.6_2x.png
7.1 Usability Testing - Home Page v.8_2x.png
In the Bag Case Study_2x-4.png
In the Bag Case Study_2x-5.png
In the Bag Case Study_2x-7.png
In the Bag Case Study_2x-6.png
In the Bag Case Study_2x-8.png
In the Bag Case Study_2x-11.png
In the Bag Case Study_2x-9.png

Test utilisateur

Outils utilisés : Lunatique & InVision

Avant de passer au prototypage Hi-Fidelity, j'ai effectué des tests d'utilisabilité. Cette expérience a été très perspicace et plutôt humiliante!

J'ai effectué des tests à distance avec 5 participants âgés de 28 à 43 ans. Trois des cinq participants ont contribué au processus initial d'enquête et d'entrevue.

Le test consistait en quatre "missions" axées sur des tâches spécifiques.

  • #1- Intégration et ajout de votre première recette

  • #2- Fonctionnalités de classement et de tri de l'application

  • #3- Flux de l'expérience de la navigation à l'achat réussi

  • #4-  Fonctions de navigation et clarté de l'iconographie

Ces tests ont confirmé certains de mes choix de conception, mais m'ont également informé de certaines itérations indispensables, en particulier concernant le flux et la clarté de la manière dont l'application permet d'économiser de l'argent. Un autre problème majeur que j'ai découvert lors des tests était de rationaliser le processus d'enregistrement et de classement des recettes pour une utilisation ultérieure.

ITB Usability.gif
Apple iPhone 11 Green.png

Commentaires des utilisateurs et solutions

Key.png
Feedback & Solutions
ScanReciptProblems.png
PointsFeatureRework.png

Cas d'utilisation

01.

Les utilisateurs ne sont pas motivés pour planifier des repas chaque semaine. La tâche est fastidieuse et banale.

  • Les utilisateurs sélectionnent le nombre de repas à acheter lors de l'intégration, ce qui permet de définir des objectifs personnalisés.

  • Les interactions basées sur les gestes avec les progrès en temps réel et les mises à jour des dépenses fournissent un processus de planification des repas efficace tout en gardant l'utilisateur engagé.

Home.png
Add to Bag Demo2.gif
Apple iPhone 11 Green.png
SearchingAdsAnimation.gif
Apple iPhone 11 Green.png
Shopping List.png

02.

Les utilisateurs veulent TOUJOURS économiser de l'argent, mais pas au détriment de leur temps.

  • Les algorithmes recherchent l'annonce de vente hebdomadaire du magasin et génèrent des recettes basées sur les articles en vente, ce qui permet d'économiser du temps et de l'argent !

  • La liste de courses organisée fournit l'emplacement de l'allée de chaque article pour accélérer l'expérience en magasin pour les utilisateurs.

03.

Les utilisateurs doivent établir un budget et suivre leurs dépenses d'épicerie.

  • Les utilisateurs définissent des objectifs budgétaires lors de l'intégration.

OB WeeklyBudget.png
  • La mise à jour en temps réel du coût des articles dans leur sac encourage les sous-dépenses !

Focused Budget.png
  • Gamification et incitation de la fonction budgétaire pour surveiller les dépenses et aider à atteindre les objectifs.

Budget 1.2.png
Linds.png

"Je passe actuellement par de nombreuses applications différentes pour économiser de l'argent, donc pour pouvoir simplement trouver des recettes ET cela me fait économiser de l'argent... c'est énorme !"

Culhane.png

"J'aime que les recettes soient tirées des publicités hebdomadaires... avoir quelque chose qui le fasse pour moi, c'est fantastique !"

Nikia.png

"L'application offre de petites victoires ! Ir me pompe tout au long du processus. Comme si tu avais ça !"

Hi-Fidélité & Prototype

je me suis approché de la hi-fidélité  prototype à l'esthétique épurée et naturelle. J'ai trouvé mes influences dans les éléments naturels.
  • La texture de fond est inspirée des comptoirs en quartz que l'on peut trouver dans une cuisine.
  • S'inspirer des marques d'aliments naturels telles que Whole Foods, des sacs en papier et des légumes eux-mêmes a inspiré la palette de couleurs propres, naturelles et accessibles. 
  • Les choix de typographie et d'icônes visaient à garder l'interface utilisateur propre et professionnelle tout en se sentant accessible .
     
ITB Hi Fi.png

Interagir avec le prototype

Hi-Fidelity

"Nous avons adoré la quantité de pensé et retravaillé que vous avez fait pendant votre phase de test utilisateur. Cela montre un réel engagement envers la croissance et, plus important encore, envers vos utilisateurs ."

 

Ryan Robinson, directeur du programme UX Kenzie Academy

clé  plats à emporter

Ce projet a été très satisfaisant. Cela a révélé ma capacité à penser de manière critique et à sympathiser avec un groupe diversifié d'humains. Parfois, cela ressemblait à un tour de montagnes russes très intense avec des sentiments d'incertitude mélangés à des moments de petites victoires.​​

SuccessIcon.png

Succès :  La fonctionnalité de base de l'application est quelque chose qui enthousiasme les utilisateurs. Ils ont estimé que c'était vraiment un moyen unique et bénéfique d'économiser du temps et de l'argent.

LearnIcon.png

Luttes :  J'ai beaucoup lutté avec le fluage de la portée . Vouloir résoudre tous les problèmes et tous les cas extrêmes devenait parfois envahissant et fastidieux. Les séances de brainstorming avec mes animateurs m'ont aidé à me recentrer sur les problèmes de base que l'application vise à résoudre et à regrouper certaines fonctionnalités supplémentaires que j'ai conçues en tant que "version 2" de l'application. Étonnamment, cela s'est transformé en une énorme victoire m'aidant à vraiment comprendre un MVP tout en pensant à l'avenir de l'application pour la rétention et l'inclusion des utilisateurs.

Takeaways

Voir d'autres projets

ITB Horizontal Card-2.png
ITB Horizontal Card-1.png
bottom of page