Carrate Chop - Étude de cas UX

Problème

Les étudiants des collèges sont constamment occupés par les activités scolaires et sociales, ils placent parfois la nourriture au second rang et se sentent dépassés par la façon d'intégrer la cuisine dans leurs horaires. Surtout pendant les périodes de pointe, comme les examens de mi-session et les finales, où de nombreux étudiants se tournent principalement vers les repas au restaurant. Moi et ma partenaire, Serena, voulions savoir comment y remédier.

En bref, comment résoudre cette question: «Comment pouvons-nous concevoir un moyen pour les étudiants de préparer des repas rapides et faciles pour leur horaire chargé?»

Objectif

L’objectif était de créer une application de cuisine qui aiderait les étudiants de niveau collégial à faire la transition entre la cuisson à peine, soit parce qu’ils vivaient pour la première fois pour leur propre compte, soit parce qu’ils sortaient d’un plan de repas pour des cuisiniers efficaces.

Des incontournables pour l'application

  • Processus d'ambarquement
  • Inscription Se connecter
  • Fonctions clés de la page de recherche d’aliments / de favoris, de la page de planification et de la plateforme attrayante permettant aux utilisateurs de partager des conseils de cuisson

Calendrier et livrables

  • 1 semaine pour présenter
  • Recherche, définition et idéation, création d'une page de renvoi, de structures filaires basse fidélité, d'une maquette et d'un prototype haute fidélité
  • Tests d'utilisabilité et refonte (et quelques modifications supplémentaires)

Recherche d'utilisateurs

1. Entrevues non dirigées

Les cinq conversations les plus informelles avec les étudiants sont les suivantes:

  • Ne pas utiliser de recettes
  • Recherche de la façon de cuisiner des ingrédients individuels (c.-à-d. Courge musquée plutôt que de regarder la cocotte qui la contient)
  • Recevez des conseils d'amis et de parents

Conseils partagés par les étudiants pour les étudiants:

  • Avoir un approvisionnement constant d'ingrédients de base / en vrac
  • Épices!
  • Préparation de repas

Cela nous a poussé à créer une fonction permettant aux étudiants de continuer à dialoguer, car tout le monde est en train d'apprendre de nouveaux trucs et astuces dans la cuisine!

2. Enquête en ligne

L'enquête en ligne nous a vraiment aidés à obtenir plus de données quantitatives. Vous trouverez ci-dessous les graphiques des plats à emporter parmi plus de 20 réponses d’étudiants:

Opportunité clé d'aider le plus avec le dînerOpportunité clé pour aider à passer d'un 4 à un 5

Il y a un intérêt général pour la cuisine et le dîner est le lieu privilégié de cette application pour aider les étudiants à atteindre leur objectif de cuisiner à la maison. En outre, la raison pour laquelle les étudiants avaient 3 ou 4 ans pour apprécier la cuisine était en grande partie due au fait que cela prenait trop de temps et / ou qu’ils ne l’avaient pas bien préparée. Nous avons également appris que le temps moyen que les élèves veulent passer à la cuisine est de 30 minutes, ce qui conforte l'objectif d'aider les élèves à être plus efficaces dans la cuisine en gardant cela à l'esprit lors de la création d'un inventaire des recettes.

3. Des deux méthodes de recherche

Citations directes des utilisateurs expliquant pourquoi ils aiment cuisiner:

“Mieux que la nourriture de salle à manger”
“Essayer de manger plus sainement”
"Relaxant"
"Méditatif"
"Expérience gratifiante"
"Rassemble les gens"

Utilisateur Persona

Construit à partir de la recherche, Busy Betty a été créé. Elle est représentative de la clientèle principale que nous ciblerions.

Bio: “Café et examens”

Données démographiques:

  • 19 ans
  • Célibataire
  • Revenu de la classe moyenne
  • Étudiant de 2e année

Valeurs:

  • Efficacité

Buts:

  • Vient de sortir du plan de restauration et veut pouvoir cuisiner à la maison plus souvent et économiser de l'argent cette année!
  • Apprécie les repas succulents et savoureux

Défis:

  • Horaire chargé
  • Ne sait pas cuisiner une grande variété de plats

l'image de marque

Appellation

Carrate Chop était un peu un jeu de mots (punny) et mémorable pour être distingué par la démographie du collège.

Logo

Il nous a fallu plusieurs itérations avant d'obtenir le bon logo. Ci-dessous, vous pouvez voir l'évolution du processus avant de l'avoir:

Tour 1Suppression de cette version en niveaux de grisTrois dernières versions!

Il était important de garder la fraîcheur et la modernité tout en restant facilement reconnaissable en tout noir ou blanc pour différentes pages ou futures marchandises.

Typographie

Nous avons choisi Delius pour le garder sans empattement et curvy sachant que sans empattement lit les meilleures polices en ligne et que les fontes arrondies paraissent plus chaleureuses et plus accueillantes.

Schéma de couleur

La palette de couleurs est axée sur les teintes chaudes, basée sur la psychologie, qui montre que le rouge rend les utilisateurs plus affamés. C'est une application de cuisine après tout!

Page d'atterrissage

Maintenant, avec la marque et les idées en tête (et un peu de HTML / CSS), la page de destination a été créée:

Au-dessus du pli

Phone App - Wireframes

Mais la page de destination visait uniquement à obliger le client à télécharger notre application. Nous nous sommes inspirés d'autres applications culinaires telles que Tastee et Allrecipes.com, mais nous l'avons adapté à nos fonctions et simplifié afin de ne pas submerger les étudiants très occupés.

Vous trouverez ci-dessous la version basse fidélité de l'application:

Processus d'ambarquementPersonnalisation et Recette PopupPlanifier et engager avec d'autres fonctions utilisateur

Maquettes Version 1

Haute fidélité de l'application qui a été montrée à notre utilisateur pour les tests d'utilisabilité:

Processus d'intégration pour susciter l'intérêt des utilisateurs des fonctions clés de l'applicationPage de connexionGarder l'application accessible avec les fonctionnalités de personnalisationPage d'accueil et page de favorisFonction de planConseils de partage et de lecture

Tests d'utilisation

Il s’agit de l’une des étapes les plus critiques de la conception. Nous avons ainsi observé des utilisateurs parcourir l’application sur InVision et voir s’ils étaient confus ou bloqués. Nous avons pris en compte une poignée de commentaires pour améliorer la version 2.

Le bon:

  • Logo et couleurs

Le mauvais:

  • Faire défiler / taper à droite pour intégrer les écrans ne semblait pas intuitif
  • Je n'ai pas bien compris la fonction du calendrier

Le Terrible:

  • Une fois les options personnalisées sélectionnées, plus aucun bouton → les utilisateurs ne savent trop quoi faire.

Version 2

Les principaux correctifs concernaient la page «Personnalisation du régime», dans laquelle nous avons inclus des coches et un bouton Suivant pour guider les utilisateurs. De la même manière, nous avons ajouté des flèches sur le processus d’intégration au cas où l’utilisateur ne se rendait pas compte qu’il était possible de taper pour aller ensuite. Nous avons également développé les restrictions diététiques et les options alimentaires sur lesquelles vous pourriez cliquer pour aider les utilisateurs à avoir plus de possibilités de clic sur notre prototype.

Prototype sur InVision

Le design est une question de refonte et de réflexion, alors si vous parcourez le prototype, dites-nous s’il ya des problèmes qui pourraient encore être corrigés!