"WasteNot" App Design

The "WasteNot" app aims to promote mindful food consumption.

Junior UX Designer • Figma

Overview

Background

WasteNot, an organization dedicated to food sustainability, is seeking a solution to educate and assist individuals in managing their food waste. Their target users primarily consist of college students and environmentally conscious adults who are eager to learn about effective strategies for reducing food waste.

Thick Green Straight Single Marker Line
Thick Green Straight Single Marker Line
Thick Green Straight Single Marker Line
Thick Green Straight Single Marker Line

Problem

According to government data, Japan wasted 6 million tonnes of food in 2018 that was fit to eat. Therefore they have identified two key factors contributing to this issue: a lack of general knowledge about food waste and a limited understanding of how individuals can personally reduce their impact on food waste.

Goal

Create an app that enhances education regarding food waste and empowers individuals to effectively manage their own food waste.

Research

Utilizing WasteNot's food waste data, I formulated interview questions and conducted user interviews. The majority of participants expressed guilt regarding food waste but admitted to lacking proactive measures to reduce it. The research feedback strongly indicated that users would enthusiastically embrace the opportunity to combat food waste if provided with a user-friendly tool for guidance.

User Persona

Erin is a busy lawyer who believes in reducing food waste. However, she often finds it challenging to track and manage her food inventory effectively, resulting in occasional food spoilage and waste. She is looking for a solution that helps her minimize food waste and make more sustainable choices.

Ben, a working caregiver, often finds himself throwing away expired food due to a hectic schedule and lack of time for proper meal planning. He wants a solution that can help him manage his food inventory efficiently and minimize food waste while accommodating his busy lifestyle.

Competitive Audit

Conducting an audit of several competitor's products has provided valuable insights into the gaps and opportunities that can be addressed with the WasteNot app.

Ideation

To generate solutions for addressing the identified gaps found in the competitive audit, I conducted a rapid ideation exercise. My primary emphasis was on developing features related to waste tracking and incorporating simple recipe functionalities.

Starting The Designing

Digital Wireframes

After brainstorming and sketching out some paper wireframes, I proceeded to create the initial designs for the WasteNot app. These designs primarily centered around providing personalized guidance to users, assisting them in effectively managing their food.

Modern Scribble Line

The upper section of the home screen functions as a food coach, offering customized recommendations to users based on their preferences and behaviors.

Drawn Right Arrow

The global navigation ensures convenient access to all app features, allowing users to easily navigate and explore different functionalities.

Modern Scribble Line
Drawn Right Arrow

Low-fidelity prototype

In preparation for usability testing, I developed a low-fidelity prototype that simulated the user journey of viewing an item about to expire and utilizing it in a recipe. The prototype allowed users to interact with the basic functionalities and navigate through the intended flow.

Usability study

Parameters

Study type

Unmoderated usability study

Location

Tokyo, remote

Participants

7 participants

Length

30-60 minutes

Findings

Pink Hand Drawn Pen Line

01

Recipes

Users expressed a desire for convenient access to recipes tailored to the ingredients they already possess.

02

Add food

Users encountered challenges when attempting to add new food items to the app.

03

Expiration dates

Users expressed a preference for clear indications or notifications that clearly communicated when their food items would expire.

Refining The Designing

Mockups

After analyzing the insights from the usability studies, I implemented design modifications to address the issues identified. One of the changes involved creating a dedicated section on the home screen that allows users to easily explore recipes based on the ingredients available in their "My Food" inventory.

Before usability study

After usability study

Further design enhancements were implemented, such as incorporating an "Add new item" feature to the "My Food" page, allowing users to easily add new food items to their inventory. Additionally, a clearer indication of the remaining days before an item expires was provided to improve usability and help users better manage their food inventory.

Before usability study

After usability study

High-fidelity prototype

The high-fidelity prototype maintained the user flow of the low-fidelity prototype, incorporating the design changes that were implemented based on the findings from the usability study. The revised design changes were carried forward to ensure a consistent and improved user experience throughout the prototype.

Accessibility considerations

01

The interactive elements in the design were given clear labels that are readable by screen readers. This ensures that users who rely on screen readers can easily understand and navigate the interface. By providing descriptive labels for interactive elements, the app becomes more accessible and inclusive for users with visual impairments or disabilities.

Hand Drawn Line

02

By placing personalized recommendations at the forefront of the home screen, the primary task or action for the user is clearly defined. This design choice ensures that users immediately understand the purpose of the app and encourages them to engage with the personalized recommendations. The home screen's initial focus on personalized recommendations helps guide users towards taking the desired action of exploring and utilizing the recommendations provided.

Hand Drawn Line

Responsive Design

Sitemap

Using the WasteNot sitemap as a reference, I structured the design of each screen for the responsive website. This approach ensured consistency and cohesiveness in the user experience across different devices. The organizational structure of the website's screens followed the same logical flow as the app, providing a familiar and seamless experience for users transitioning between platforms.

Responsive designs

I created designs for different screen sizes, including mobile and tablet, to cater to specific user needs on each device. The designs were optimized to ensure a seamless and user-friendly experience across various screen sizes. By considering the unique characteristics and requirements of each device, I tailored the designs to provide an optimal viewing and interaction experience for users.

Conclusion

Impact

Users expressed that the WasteNot app empowered them to make a meaningful impact on reducing food waste. According to a peer feedback quote, the app effectively connected environmental concerns with personal responsibility in a user-friendly and captivating manner.

What I learned

Through the design process, I discovered that addressing a significant problem required a systematic approach and a focus on user needs. By carefully navigating each step of the process, I was able to develop practical and valuable solutions. It became clear that aligning with specific user requirements and gaining insights from their feedback played a crucial role in creating feasible and effective solutions.

Next Steps

01

Conduct research on how successful the app is in reaching the goal to reduce food waste.

Hand Drawn Line

02

Hand Drawn Line

IExpand the range of educational resources available to users for learning about food waste.

03

Implement a system of incentives and rewards to encourage users in their efforts to minimize food waste.

Button Blank Template
Button Blank Template