En la bolsa
Proyecto en solitario
Buscar. Golpe fuerte. Ahorrar.
¡Convirtiendo tu tarea en más! Una aplicación robusta que proporciona sugerencias de recetas basadas en los artículos de venta semanales de su tienda.
Herramientas utilizadas
Visión general
In the Bag es mi primer proyecto en solitario en Kenzie Academy. Comenzó con una simple sugerencia para animarnos a aprender e implementar el proceso de pensamiento de diseño.
Destino demográfico : jóvenes profesionales urbanos
Objetivo : ahorrar dinero preparando almuerzos cada semana
Desafíos : Hay MUCHAS aplicaciones de planificación de comidas disponibles. ¿En qué podría diferir In the Bag de estos?
Rol : investigador y diseñador
35
8
5
4
incontable
Respuestas a la encuesta
Entrevistas
Pruebas de usabilidad
Iteraciones
lecciones aprendidas
Encuestas
Survey methodologies: Multiple Choice, Google forms
Who did I find?
Una vez que se me asignó el mensaje, de inmediato me lancé a crear una encuesta para encontrar y filtrar usuarios viables. Sorprendentemente, mi red de amigos estaba muy dispuesta a participar. El 69% se identifica como mujer y las edades oscilan entre los 27 y los 44 años.
Este rango de edad está ligeramente fuera del grupo demográfico objetivo. Por el bien de la asignación, continué e inesperadamente me enteré de varias necesidades y puntos débiles dentro de este grupo de personas.
Los usuarios a menudo gastan de más o simplemente no hacen un seguimiento del gasto en almuerzos
La mayoría considera importante preparar sus comidas en lugar de salir a comer
Varios usuarios están dispuestos a dedicar de 1 a 3 horas a la semana a preparar sus almuerzos.
Metodologías de encuesta: opción múltiple, formularios de Google
What did I find?
-
Users often overspend or simply don't keep track of spending on lunches
-
Most find it important to prepare their meals vs. eating out
-
Several users are willing to spend 1-3 hours per week preparing their lunches
Initial Hypothesis
My initial hypothesis was that this app was some sort of budgeting app.
After discovering some juicy quantitative data, I wanted to explore more about the latter two statistics. I found it interesting that meal prep was important to many participants, however, they didn’t have much time to commit. Let’s dive in and unpack this!!!
Entrevistas
Tools Used: Zoom, Whimsical
Conducting interviews was extremely insightful.
The age, race, gender, and location demographics paint a great picture of who my users might be.
Después de descubrir datos cuantitativos, seguí adelante con las entrevistas. Armado con la hipótesis de que una aplicación de seguimiento de presupuestos era la solución, realicé 8 entrevistas a través de Zoom. Dada la naturaleza distribuida del mundo actual, Zoom fue la opción más viable para realizar estas entrevistas.
Estaba más interesado en los métodos de seguimiento que usaban estas personas. La curiosidad sobre cómo se sentían acerca de sus habilidades culinarias y el deseo de desglosar los detalles sobre la cantidad de tiempo que cada uno podía dedicar a preparar las comidas impulsó las preguntas de mi entrevista.
Preguntas clave de la entrevista:
¿Cómo realiza actualmente un seguimiento de sus gastos de comida?
¿Qué recursos utiliza actualmente para ahorrar dinero en compras?
¿Cuánto tiempo estás dispuesto a dedicar a cocinar para ahorrar dinero?
Háblame del proceso de creación de tu lista de compras.
Herramientas utilizadas: Zoom, Caprichoso
Key Interview Questions:
-
How do you currently keep track of your food expenses?
-
What resources do you currently use to save money on food purchases?
-
How much time are you willing to spend cooking in order to save money?
-
Talk me through the process of creating your grocery list.
-
Why don’t you track spending?
-
Why do you eat out rather than prepare?
-
What is it about the shopping experience that frustrates you?
“No quisiera gastar mucho (tiempo). ¡Mi sueño es precioso! "
“La mejor versión de mí sería preparar la comida el domingo de la semana. La versión actual procrastina y se dice a sí misma que no tiene tiempo para hacerlo mientras se desplaza tik-tok ".
“Voy a elegir el sueño por comida cada vez!”
Personas
Tools Used: Whimsical & Figma
Click images to enlarge.
After capturing fantastic insights from my interviews, I synthesized my findings into a single persona and produced a quick journey map.
Why did I do this?
-
The journey map clearly defined pain points in the current process & helped me empathize.
-
Having Emily by my side through the iterative process was meant to help keep me from falling victim to "scope creep".
-
Referring to her quote was useful many times throughout the process as it reminded me saving time was of equal importance to saving money.
Un descubrimiento interesante ...
La mayoría de las personas que entrevisté dijeron que la idea de preparar la comida era tediosa, consumía mucho tiempo y parecía una tarea ardua. Todos quieren ahorrar dinero pero no a costa de sacrificar su tiempo.
A través de estas entrevistas, me quedó claro que la aplicación no necesitaba resolver un problema de presupuesto, sino que necesitaba motivar y crear una forma más eficiente en el tiempo para que los usuarios compren y planifiquen mientras les ahorra dinero .
¡Uf! Ese es un gran descubrimiento que me llevó a mi "¿Cómo podríamos ..."
¿Desarrollar una aplicación que ayude al usuario a ahorrar tiempo y dinero mientras lo alienta a planificar, comprar y preparar sus comidas?
User Flows
Tools Used: Whimsical
A few playbacks of interview recordings and a pile of virtual stickies later...
What did I do?
I extracted common themes from my notes and developed the top user needs. I then began iterations of potential user flows.
Initial Flow Ideas
Why did I do this?
I wanted to focus on the step by step journey of the experience. By exploring possible solutions at a high level, I was able to stay focused on the overall experience a user might have within the app. This approach saved me TIME I could have potentially wasted on creating screens that ended up being unnecessary.
Click images to enlarge.
Revised Flows
Key Learnings
I found myself designing too big, trying to incorporate every possible solution and edge case.
Feedback from facilitators encouraged me to break the flows into-
1) The onboarding/account sign up
2) The happy path app use
.png)
Click images to enlarge.
Bocetos
Comencé el proceso de creación de ideas esbozando posibles soluciones.
¡Sí, es papel cuadriculado en modo oscuro!
Utilizar el método de boceto de los 8 locos me brindó la oportunidad de explorar ideas rápidamente sin casarme con uno de inmediato.
La creación de las listas de lo que DEBE y PUEDE tener me ayudó a concentrarme cuando comencé este proceso.
El boceto hizo avanzar el proyecto al proporcionar espacio para visualizar conceptos antes de comprometerse con una sola idea.
Al final, terminé usando un híbrido de elementos de cada uno de los dibujos. Me apoyé en la necesidad de una pantalla de inicio en el tablero y quería mantener elementos de gamificación para mantener a Emily interesada.
Wireframes
Tools used: Whimsical
Para probar mis ideas, pasé al wireframing de fidelidad media. Fue en esta etapa que pasé por muchas iteraciones de mis pantallas clave.
Los comentarios de los compañeros de cohorte y los facilitadores alentaron el proceso iterativo.
Muchas pantallas vieron de 3 a 8 revisiones antes de aterrizar en un camino sólido y feliz para probar.
El uso de Whimsical fue beneficioso ya que proporciona elementos estándar con varias restricciones. Esto me mantuvo enfocado en la funcionalidad a lo largo de este proceso.
Herramientas utilizadas: Caprichosa
Iterations of the Home Screen
Prueba de usuario
Tools used: Whimsical & InVision
Antes de pasar a la creación de prototipos de alta fidelidad, realicé pruebas de usabilidad. ¡Esta experiencia fue muy reveladora y bastante humillante!
Realicé pruebas remotas con 5 participantes de edades comprendidas entre 28 y 43 años. Tres de los cinco participantes contribuyeron al proceso inicial de encuesta y entrevista.
La prueba consistió en cuatro "misiones" centradas en tareas específicas.
# 1- Incorporación y adición de su primera receta
# 2- Funciones de archivo y clasificación de la aplicación
# 3- Flujo de la experiencia desde la navegación hasta la compra exitosa
# 4- Funciones de navegación y claridad de la iconografía.
Estas pruebas confirmaron algunas de mis elecciones de diseño, pero también me informaron de algunas iteraciones muy necesarias, específicamente en torno al flujo y la claridad de cómo la aplicación ahorra dinero. Otro punto importante que descubrí en las pruebas fue agilizar el proceso de guardar y archivar recetas para su uso posterior.
User Feedback & Solutions
Use Cases
01.
Users aren’t motivated to plan meals each week. The task is tedious and mundane.
-
Users select the number of meals to shop for during onboarding allowing for customized goal setting.
-
Gesture based interactions with real time progress and spending updates provide an efficient meal planning process while keeping the user engaged.
02.
Users ALWAYS want to save money, but not at the expense of their time.
-
Algorithms search the store’s weekly sales ad and generates recipes based on the sale items, saving both time & money!
-
The curated shopping list provides the aisle location of each item to expedite the in store experience for users.
03.
Users need to budget and keep track of their spending on groceries.
-
Users set budget goals during onboarding.
-
Real time update of how much the items in their bag will cost, encourages under-spending!
-
Gamification and incentivizing of budget feature to monitor spending and help meet goals.
“No quisiera gastar mucho (tiempo). ¡Mi sueño es precioso! "
“Voy a elegir el sueño por comida cada vez!”
“La mejor versión de mí sería preparar la comida el domingo de la semana. La versión actual procrastina y se dice a sí misma que no tiene tiempo para hacerlo mientras se desplaza tik-tok ".
los prototipos
Me acerqué a la alta fidelidad prototipo con una estética limpia y natural. Encontré mis influencias en elementos naturales.
La textura de fondo está inspirada en las encimeras de cuarzo que puedes encontrar en una cocina.
Inspirándose en las marcas de alimentos naturales como Whole Foods, las bolsas de papel y los propios vegetales, se inspiró la paleta de colores limpia, natural y accesible.
Las opciones de tipografía e íconos tenían como objetivo mantener la interfaz de usuario limpia y profesional a la vez que se sentía accesible .
Interactuar con el prototipo
"Adoramos la cantidad de pensamiento y reelaboración que hizo durante la fase de prueba de usuario. Demuestra un compromiso real con el crecimiento y, lo que es más importante, con sus usuarios ".
Ryan Robinson, director del programa UX Kenzie Academy
llave comida para llevar
Este proyecto ha sido muy satisfactorio. Reveló mi capacidad para pensar críticamente y sentir empatía con un grupo diverso de humanos. A veces, se sentía como una montaña rusa muy intensa con sentimientos de incertidumbre mezclados con momentos de pequeñas victorias.
Éxitos: La funcionalidad principal de la aplicación es algo que entusiasma a los usuarios. Sintieron que era realmente una forma única y beneficiosa de ahorrar tiempo y dinero.
Luchas: Luché MUCHO con el deslizamiento del alcance . Querer resolver todos los problemas y todos los casos extremos se volvió dominante y engorroso a veces. Las sesiones de lluvia de ideas con mis facilitadores me ayudaron a volver a centrarme en los problemas centrales que la aplicación pretende resolver y agrupar algunas características adicionales que diseñé como la "versión 2" de la aplicación. Sorprendentemente, esto se convirtió en una gran victoria que me ayudó a comprender verdaderamente un MVP y al mismo tiempo pensar en el futuro de la aplicación para la retención e inclusión de usuarios.
Ver otros proyectos
