How do I recycle?
App design, UXHow do I recycle?
The app to know everything about recycling.
I have been always concerned about how to use less packaging, recycle them better, and how make people aware of it so I created this project around recycling for my personal presentation at the end of the General Assembly London UX course that I took from March to June 2021.
As a Visual Designer I worked for many years in close collaboration with UX designers and designing experiences, I decided to follow an intense short course to perfect my knowledge and refresh the UX methods.
Info
Figma
Illustrator
Context
Most of people are now conscious about recycling. The cities they live in provide them with good recycling services.
But in 2018 in the UK, only 45% of the waste was going to recycling* and the main reason is that people are not sure if some items are recyclable, especially with plastics.**
*Gov UK – Department for Environment, Food & Rural affairs
**Statista 2021
Discover
The problem
How might we quickly provide people the right information about recycling a product so they recycle better?
Discover
Learn how people recycle at home.
Understand what is the good habits they use to recycle & the blockers that make them not recycle.
Define
Understand the user needs.
The goal is to find an easy way to give the user the information and the motivation to recycle.
Design
Design the perfect solution easy & fun.
Answer the result of the research by building the perfect design.
Discover
User Interviews
Interview method
In my user interviews, I created a series of questions to understand the knowledge they have about recycling and the method they use, what they like, what they don’t, where is the problem.
I interviewed 7 users, that all have experience with recycling from 28 to 67 years old, living alone, in a couple, with family, or with flatmates in capitals or smaller cities across the UK, France, and Spain.
Discover
Affinity mapping
I collected all the insights coming from the interviews and group them by themes to start to create areas of thinking.
Discover
Findings
Goals and Motivations
- It’s normal for people to recycle.
- They do it for the planet.
- They are concerned about our waste.
- Cities and countries have a good recycling program available to everybody.
Pain points
- They have no time to search about recycling.
- There is a lack of information about some products (plastics, if touching food).
- They would like to know their impact, know what happen to their rubbish.
- It has to be easy, quick and functional.
- I need some support from others to know how to recycle and to help me to consume differently.
- They sometimes don’t recycle for laziness, it has to be put easy for me.
User needs a way to find quickly the right information so that they recycle well a product
User needs to find some support so that they recycle better
Discover
Personas
The interviews helped me get to know the User personas better. I was able to create three persona profiles whose needs will drive the content of the app.
Define
Define
Sketching
Sketching ideas about searching for a product from a list, by categories or scanning the barcode, and the results.
Define
MVP
Using the Features Prioritisation 2×2 matrix I listed the features necessary by order of priority:
- Map/Geolocalisation
- Search a packaging to recycle
- Instruction on how to recycle
- List of products
- Community
- Tips to reduce
- Consequences / results / insights
- Share
- Reminders
- Notification of a change
- Track habits
Looking at other apps I could realise that the search should be quick (scan bar codes, search by category) and the learning not boring but more interactive, funny.
Define
Sketching
MVP Must have user flow
Secundary flows
Design
Design
Wireframes & 1st prototype
Design
Usability testing
Design
2nd prototype
Design
Usability testing 2
Design
High fidelity flows
Design
Usability testing 3
I used the Maze tool to realise unmoderated testing.
56 users tested the website. Overall the feedback was nice, all was well understood as we can see on the heat map below.
“Nice to have the info on how I recycle!”
“It is very simple and understandable.”
“C’était bien j’ai eu mon premier panda”
“It was nice, I had my first panda”
“Easy and intuitive”
Design
Last changes
Design
UI Design Library
After setting all the content of the app, I defined the design. Colorful, simple and easy, this UI Design Library is perfect for the recycling app. I defined the colour palette, the fonts and the illustration style.
Design
Set up your location
Recycling schemes are different depending on the country, city, or neighborhood you are living in. It was so important that when you enter the app you first set up your location.
Design
Onboarding and emotions
The tone of voice is kind and friendly, instead of alarmist and directive. The illustrations of the app follow this principle, create emotion and make the recycling something nice and participative.
Design
How do I recycle?
After testing I found that different ways of searching would be useful for the users. I created this landing screen that gives the four options to the user: Search by taking a picture, scanning the codebar, typing the product name, or by category.
Design
The recycling process
Once you have selected your item, you will receive all the instructions on how to process to recycle it. Do you have to wash it, compress it, which bin do you have to use?
Recycling items make you earn points for the associations you are following. You will also learn what is the impact of your recycling.
Design
Profile screen
The profile section allows the user to know their impact seeing how much emission they have saved, how many trees they have planted as an example. They can follow the badges they have unlocked and the progression of their friends.
Design
Helping organisations
The user chooses the organisations they want to help, can add one, or change at any time.