How do I recycle?App design, UX
How 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.
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
How might we quickly provide people the right information about recycling a product so they recycle better?
Learn how people recycle at home.
Understand what is the good habits they use to recycle & the blockers that make them not recycle.
Understand the user needs.
The goal is to find an easy way to give the user the information and the motivation to recycle.
Design the perfect solution easy & fun.
Answer the result of the research by building the perfect design.
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.
I collected all the insights coming from the interviews and group them by themes to start to create areas of thinking.
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.
- 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
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.
Sketching ideas about searching for a product from a list, by categories or scanning the barcode, and the results.
Using the Features Prioritisation 2×2 matrix I listed the features necessary by order of priority:
- Search a packaging to recycle
- Instruction on how to recycle
- List of products
- Tips to reduce
- Consequences / results / insights
- 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.
MVP Must have user flow
Wireframes & 1st prototype
Usability testing 2
High fidelity flows
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”
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.
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.
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.
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.
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.
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.
The user chooses the organisations they want to help, can add one, or change at any time.
The user can participate in challenges, that will make them learn how to change their recycling and consuming habits.
Tips and articles
This article section is helping you to learn new habits, know better your area and the clean shop.
This last section is to show bigger data about recycling on the scale of the user city, country to them to understand the amount of waste recycled and knowing their help.
From the tab nav always displayed at the bottom of the screen, the user can easily navigate between the four main sections of the app: My profile – Challenges – Tips and articles – Insights. The big green button is to, at any moment, come back on the How do I recycle? search screen.
Branding, Web design, UX