"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.
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.
The upper section of the home screen functions as a food coach, offering customized recommendations to users based on their preferences and behaviors.
The global navigation ensures convenient access to all app features, allowing users to easily navigate and explore different functionalities.
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
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.
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.
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.
02
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.