UX Case Study

Recycling App with AI Image Recognition

Recycling App with AI Image Recognition

Sep 14, 2022

MYRecycle App
MYRecycle App
Project Type: FYP, Android app development | Role: UI/UX Design, Full-Stack development | Duration: 3 months | GitHub Link


OVERVIEW

The National Recycling Rate in Malaysia was 33.17% in 2022, while the Ministry of Housing and Local Government had previously set a target of 40% by 2025. To attain the goal, the country needs to raise the rate by 2.3% annually. This goal includes all waste types that can be recycled, including rubber and fabric items and metal, paper, plastic, and glass. However, through my observation as a Malaysian, the awareness of recycling among Malaysians is poor, especially in small towns and rural areas.


THE PROBLEM

People want to improve their recycling habits, but they don’t know how.

It is often the case that people want to contribute a little to recycling, but they face obstacles that lead them to give up on their recycling journey.

  • They have no idea how to sort the wastes

  • They refuse the efforts of calling collectors and sending waste to recycling stations

  • They thought the little contributions recycling made no impact

  • They might put some effort into the first few practices, but give up on their recycling habit eventually


THE SOLUTION

Guiding people towards recycling habits

MYRecycle’s goal is to provide users with convenient collector reservations, waste image recognition, and personal record tracking.

Key Features

  • Book collectors near the user's location

  • Image recognition to help sort the recyclables

  • Recyclable catalog showing the latest unit price

  • Records and reports for tracking and summarizing user's recycling journey

  • In-app wallet for receiving earning payments


THE PROCESS

Understanding the user

Before starting with the design process, I wanted to clarify the users’ needs. I conducted a survey using questionnaires to understand better the participants’ approach to contributing to recycling and maintaining recycling habits, and what their pain points are with existing recycling apps.

  • Users need help with waste sorting to enhance recycling efforts.

  • Transporting wastes and reserving pickups by calls cause user inconvenience.

  • Thorough recycling records boost satisfaction and motivation for users.

  • Transparent rates for recyclables alleviate user confusion and uncertainty.

User Persona

I created a persona to visualize my research findings better and empathize with the users during the design process.

User Flow
Further Research

I conducted a competitive analysis comparing two applications on the Malaysian market, KITARecyle, and Trash4Cash, to better understand the good and bad UX patterns and distinguish my product’s USP.


Low-fidelity and mid-fidelity prototypes

Once I had a clear idea of the main features I wanted to include in the product, I drew some wireframe sketches on Miro, and I moved on to Figma for the low-fidelity prototype once I had a general idea of the layout I wanted to implement.



THE FINAL DESIGN

Sort with AI Camera

The user can scan the item using the embedded AI Image Recognition Camera to sort the recyclables, the result leads the user to know more about the details of the recyclable.


Book Collector

The user can book a collector by inputting the pickup address, time, and expected recyclable category. Booking can be edited or canceled anytime.


Pickup

When the booked collector is there for pickup, the user have to acknowledge the pickup details by pressing the Accept button. Any editing on the pickup details will be done on the collector side on the spot.


Recycle History

The user can keep track of the recycling records on the History page.


Catalog

The user can view the clear up-to-date prices and details of the recyclables.


Data Visualisations

The user can easily see the accumulated earnings of the recycling journey

and statistics about the amount earned of the month, the total kilogram of wastes recycled, the most recycled category, and the total carbon footprint saved.

On the detail page of a recyclable category, user can view their earning and recycling data in that particular category.


Final Reflections and Insights

This project was a valuable exercise in practicing impartiality, particularly given my familiarity with the subject matter. Leveraging tools like user personas and user flows proved indispensable in maintaining objectivity and gaining a deep understanding of user perspectives distinct from my own. Through this process, I realized the importance of being open-minded as a UX designer, prioritizing user needs over personal preferences and being willing to pivot from initial ideas when necessary. Becoming too entrenched in a single concept can pose risks not only to the user experience but also to the success of the business. Looking ahead, my next objective is to further refine the prototype, focusing specifically on elaborating the Profile feature with greater detail and precision.

Project Type: FYP, Android app development | Role: UI/UX Design, Full-Stack development | Duration: 3 months | GitHub Link


OVERVIEW

The National Recycling Rate in Malaysia was 33.17% in 2022, while the Ministry of Housing and Local Government had previously set a target of 40% by 2025. To attain the goal, the country needs to raise the rate by 2.3% annually. This goal includes all waste types that can be recycled, including rubber and fabric items and metal, paper, plastic, and glass. However, through my observation as a Malaysian, the awareness of recycling among Malaysians is poor, especially in small towns and rural areas.


THE PROBLEM

People want to improve their recycling habits, but they don’t know how.

It is often the case that people want to contribute a little to recycling, but they face obstacles that lead them to give up on their recycling journey.

  • They have no idea how to sort the wastes

  • They refuse the efforts of calling collectors and sending waste to recycling stations

  • They thought the little contributions recycling made no impact

  • They might put some effort into the first few practices, but give up on their recycling habit eventually


THE SOLUTION

Guiding people towards recycling habits

MYRecycle’s goal is to provide users with convenient collector reservations, waste image recognition, and personal record tracking.

Key Features

  • Book collectors near the user's location

  • Image recognition to help sort the recyclables

  • Recyclable catalog showing the latest unit price

  • Records and reports for tracking and summarizing user's recycling journey

  • In-app wallet for receiving earning payments


THE PROCESS

Understanding the user

Before starting with the design process, I wanted to clarify the users’ needs. I conducted a survey using questionnaires to understand better the participants’ approach to contributing to recycling and maintaining recycling habits, and what their pain points are with existing recycling apps.

  • Users need help with waste sorting to enhance recycling efforts.

  • Transporting wastes and reserving pickups by calls cause user inconvenience.

  • Thorough recycling records boost satisfaction and motivation for users.

  • Transparent rates for recyclables alleviate user confusion and uncertainty.

User Persona

I created a persona to visualize my research findings better and empathize with the users during the design process.

User Flow
Further Research

I conducted a competitive analysis comparing two applications on the Malaysian market, KITARecyle, and Trash4Cash, to better understand the good and bad UX patterns and distinguish my product’s USP.


Low-fidelity and mid-fidelity prototypes

Once I had a clear idea of the main features I wanted to include in the product, I drew some wireframe sketches on Miro, and I moved on to Figma for the low-fidelity prototype once I had a general idea of the layout I wanted to implement.



THE FINAL DESIGN

Sort with AI Camera

The user can scan the item using the embedded AI Image Recognition Camera to sort the recyclables, the result leads the user to know more about the details of the recyclable.


Book Collector

The user can book a collector by inputting the pickup address, time, and expected recyclable category. Booking can be edited or canceled anytime.


Pickup

When the booked collector is there for pickup, the user have to acknowledge the pickup details by pressing the Accept button. Any editing on the pickup details will be done on the collector side on the spot.


Recycle History

The user can keep track of the recycling records on the History page.


Catalog

The user can view the clear up-to-date prices and details of the recyclables.


Data Visualisations

The user can easily see the accumulated earnings of the recycling journey

and statistics about the amount earned of the month, the total kilogram of wastes recycled, the most recycled category, and the total carbon footprint saved.

On the detail page of a recyclable category, user can view their earning and recycling data in that particular category.


Final Reflections and Insights

This project was a valuable exercise in practicing impartiality, particularly given my familiarity with the subject matter. Leveraging tools like user personas and user flows proved indispensable in maintaining objectivity and gaining a deep understanding of user perspectives distinct from my own. Through this process, I realized the importance of being open-minded as a UX designer, prioritizing user needs over personal preferences and being willing to pivot from initial ideas when necessary. Becoming too entrenched in a single concept can pose risks not only to the user experience but also to the success of the business. Looking ahead, my next objective is to further refine the prototype, focusing specifically on elaborating the Profile feature with greater detail and precision.

© Carol Lim. 2024

© Carol Lim. 2024