top of page
Recycle Me.png

Segregate recyclable items from waste and learn by interacting using AI(Computer vison) + Augmented reality?

Recycle Me.png

Integration:

Logo_of_Google_Lens.svg.png
Recycle Me.png

X

IMG_7552.jpg
bulb.png
left-quotes-sign.png

It's worth 7min...

I promised myself to keep

your time productive with

this case study.

Phase-1

Phase-2

Recycle Me.png
Logo_of_Google_Lens.svg.png
Recycle Me.png

X

⏰.png

3 Months

⏰.png

1 month

people emoji.png

3 Members

people emoji.png

2 Members

👨‍💻.png

My Role: Product Designer

👨‍💻.png

My Role: Product Designer

Majorly - Primary research, Ideation, Prototyping and UI Design

End to end - Research, Ideate, prototype

and Design

Tools used:

Paint.png
pngwing.com (15).png
Apps-Balsamiq.png

Tools used:

Paint.png
pngwing.com (15).png

+

Figma

Balsamiq

Figma

Adobe Aero

Sneak-peak to final problem and solution

Problem statement: How to segregate recyclable items from waste and learn by interacting?

Solution:

view.png

+

camera.png

2

Interactive based learning

Computer Vision (AI)

Augmented Reality

Using computer vision (AI) to detect the object/material and Augmented reality to display content to learn more.

1

Waste segregation

Using computer vision (AI) to detect the object/material and Augmented reality to highlight and help to complete the task. 

Design process

Recycle me design process.png

Phase-1

To understand problem

⚡️.png

Conducted Observations

⚡️.png

Unstructured Interviews

Key Insights:

1. Lack of knowledge makes it hard to segregate

2. Impact of their actions is unknown

3. Unclear instructions near the trash bins

4. People lack motivation since others around them are not motivated.

OBV 2.png
OBV 3.png
IMG-4843.jpg
IMG-4839.jpg

To learn from people

Challenges?

⚡️.png

Protocol preparation

⚡️.png

Structured Interviews

Narrowed down to

Indiana univeristy

Wants & Needs?

Solutions

Motivators?

Knowledge test

Behavior?

Key Insights:

2/8 people

who are undergrad and graduate students were interviewed by me 

People

expressed confusion about how to properly dispose of waste, and frustration with unclear instructions.

People

of the interviewees highlighted unawareness of recycling impact.

left-quotes-sign.png

I have been here in Indianapolis all my life, but I am still not sure about what goes where

To learn problem in broad

⚡️.png

Secondary research

Research has found that 94% of Americans support recycling and 74% say it should be a top priority. But only about 35% of people actually recycle. The leading reason behind this poor percentage value is the Americans’ lack of knowledge and awareness. According to NYPost, “more than half of Americans are not very sure of what to recycle. In a survey including around 2000 Americans, 62% of the people think that due to their lack of knowledge, they are recycling incorrectly”.

Only

62%

say they always recycle a recyclable item

About

53%

believe greasy pizza boxes can be recycled

About

68%

believe used plastic utensils can be recycled

NYPOST: Survey commissioned by Covanta and conducted by OnePoll in advance of Earth Day

To define the problems

⚡️.png

Affinity mapping

⚡️.png

Empathy mapping

⚡️.png

User persona

User persona.png

Defining initial problem statement

User Awareness

confusion around what kind of trash goes where

User Motivation

behavioral inconsistency and lack of motivation to create great impact.

Problem statement

How might we design for busy university students to eliminate their confusion and encourage them to recycle properly and consistently, while taking into account their need for convenience?

78F0B951-2B60-4D87-AD1F-32BA158C375D-1.png

Ideating potential solutions

Initial ideation.png

Initial solutions

poster.png

Redesigning the Poster
near Garbage Bins

unity.png

Starting a

‘Recycling Community’

mobile-app.png

Build a Mobile app

 which Informs & Assists

How to digitize community and integrate in app?

Let's understand it through scenario

s1.jpeg
s2.png

1

2

Ideating on poster & Mobile app

⚡️.png

Poster re-design

OLD

WhatsApp Image 2023-05-20 at 6.36.16 PM.jpeg

NEW

IDP poster 4.png
⚡️.png

App Information architecture

63aa2e9db59544bb346355af_InformationArchitecture-p-2600.png

To test it with users

⚡️.png

Paper prototyping

63aa4449fdf77f60ca5d03dc_wireframes3-p-2600.png
  • Home screen

  • Item Search

  • Item Details

63aa4380e3b3beb60d4c176e_wireframes2-p-2600.png
  • Community Member

  • Community Admin

  • Game

63aa3bba60216a46c2ae648b_wireframes1-p-2600.png
  • Nearest Disposal Site

  • Item Scanner

⚡️.png

User testing

Task-1: Searching for and Scanning an item to find out whether it is recyclable or not

5/5

Success rate

20-25 Sec

Time taken

Task-3: Creating an event as an admin

2/5

Success rate

>1min

Time taken

Task-2: Joining the community and registering for an event

5/5

Success rate

20-30 Sec

Time taken

Task-4: Navigating to the nearest collection center

5/5

Success rate

15-18 Sec

Time taken

Exception for first prototype

⚡️.png

Design prototype

Search/Scan to find the result (AI Integrated)

The floating Item Scanner button on the bottom right helps the users to easily open the application and scan the item to view the details or they can search using search bar.

1

Recyle-Me (1).gif
Recyle-Me.gif

Community feature

The Community feature has been emphasized to motivate the users to come together and get and work towards the problem collectively as a community

2

Members can be able to

  • Register to an event

  • Check statistics of the impact that the club has created.

  • vote for the upcoming events.

Recyle-Me (2).gif

Nearest collection centres locator

Users can easily find nearest collection centers and navigate using google maps. 

3

Recyle-Me (3).gif

Interactive learning using GAME 

Recyle-Me (4).gif

Users can play game and understand which item goes where. If they loose in game, they will remember and learn by trial and error.

This game is designed psychologically to make users learn effectively.

4

To validate our prototype

⚡️.png

Expert review 

What is the motivation factor

to use the app?

left-quotes-sign.png

Is it making the process efficient?

left-quotes-sign.png

What are you doing for

user retention?

left-quotes-sign.png

Phase-2

To extend ideation process

⚡️.png

Re-ideation on multiple ideas

Screen Shot 2023-05-23 at 5.02.27 PM.png
Screen Shot 2023-05-23 at 5.02.44 PM.png
⚡️.png

I was not happy with the previous solution. So, I took chance to re-work again on Recycle-Me

Screen Shot 2023-05-23 at 5.02.53 PM.png
Screen Shot 2023-05-23 at 5.03.04 PM.png
Screen Shot 2023-05-23 at 5.03.11 PM.png

Re-defining problem statement

How to segregate recyclable items from waste and learn by interacting using AI(Computer vison) + Augmented reality?

view.png

?

?

?

+

?

camera.png

Computer Vision (AI)

Augmented Reality

⚡️.png

crazy 10's to extend our ideation process

Screen Shot 2023-05-23 at 2.44.40 PM.png
Screen Shot 2023-05-23 at 2.44.50 PM.png
Screen Shot 2023-05-23 at 2.44.50 PM.png
⚡️.png

Storyboards

Screen Shot 2023-05-23 at 2.49.53 PM.png
Screen Shot 2023-05-23 at 2.50.07 PM.png

1

2

⚡️.png

Design system (elements)

Re-a.png
Re-c.png
Re-b.png
r1-1.png
r2.png
r3.png
animation_500_lhc1yvqx.gif
r4.png
r5.png
r6.png
r8.png
r9.png
r7.png
r10.png

Final prototype

view.png

+

camera.png

2

Interactive based learning

Computer Vision (AI)

Augmented Reality

Using computer vision (AI) to detect the object/material and Augmented reality to display content to learn more.

1

⚡️.png

Waste segregation

Using computer vision (AI) to detect the object/material and Augmented reality to highlight and help to complete the task. 

Expert review 

This idea is cool. Did you

made it?

left-quotes-sign.png

Awesome! you can integrate this

to Google lens.

left-quotes-sign.png

This is interesting! I like it. But I don't know how efficient it will be. Need to do research....

left-quotes-sign.png
Logo_of_Google_Lens.svg.png
Recycle Me.png

X

THANK YOU

bottom of page