Research, design, prototype, and build a Meal Planning app that suggests recipes based off of ingredients users have in their pantry.
Working professionals, with some cooking experience, need a way to expedite the meal planning and creation process because they want to balance time spent inside and out of the kitchen.
While undergoing research for this project I conducted a series of four interviews with a total of five participants. One interview being with a married couple with two toddlers, one with a married person with no children, and one with a single person with no children.
Using my notes, I categorized their answers into an affinity map, grouping similar responses in order to find patterns. Some of the most common complaints about meal planning related to how time consuming it is, while some benefits included that it reduces stress over the long run and that cooking at home is healthier and more affordable than other options. Most of the people I interviewed used multiple tools or platforms when creating a meal plan. These common themes would drive much of the design and user experience decisions I made throughout the course.
While researching for this project I conducted four interviews with five total participants, one interview being with a married couple with two toddlers. Using my notes, I catagorized their answers into an affinity map, grouping similar responses in order to find patterns. Some of the most common complaints about meal planning related to how time consuming it is, while some benefits included that it reduces stress over the long run and that cooking at home is healthier and more affordable than other options. Most of the people I interviewed used multiple tools or platforms when creating a meal plan. These common themes would drive much of the design and user experience decisions I made throughout the course.
While my final prototype didn't follow the exact user flow I created, it was still fairly similar to my initial concept. Many of the ideas I had when starting my project as well as the new ideas I discovered while conducting research are reflected in this user flow. I really wanted my final design to allow for advanced navigation so that a user would be able to move from one feature to the next without having too many steps in between so that they could quickly implement any ideas as they came.
Once I had my rough sketches laid out it was a simple process to take those sketches and replicate them in Figma as wireframes. This was my first time using Figma. Shortly before taking this class I had begun to teach myself how to use Adobe XD. While I enjoyed using Adobe XD, I found Figma easier to learn and begin creating with.
I arrived at my final prototype after conducting a number of unmoderated user tests. I found prototyping to be one of the most rewarding steps of the design process. It was very satisfying to make the connections and interactions operate on each screen of my functioning prototype.
I received some very helpful feedback through user testing. It seemed like for the most part, users were able to navigate my design fairly easily, with most of the reported misclicks happening when people were just trying to explore the app.
There were a few items I wanted to include in my prototype, but wasn't sure how to illustrate concisely. Some of the features I would hope to include in a final product is a smart shopping list feature that would subtract items that you already have in your pantry, and an option for changing the number of servings a user was hoping to make. Some minor changes I was able to make after testing was to adjust the way the expiration date was displayed in the user's pantry from a specific date to a day countdown as well as adding a favorite function for recipes.
Being primarily self taught as a designer, this class provided a nice structure for me to learn about the design and production processes involved in User Experience Design. From the class I took away skills that I am eager to advance and nurture.
This was my first ever foray into using Figma. Looking back on this project years later I found a number of issues in how frames and components were created and linked. With many of the updates to Figma that have come out since I worked on this project, many of the links and interactions could be cleaned up and made more user friendly.