leafup.

Design for Change case study

This project was done as part of the Wilfred Laurier Design for Change designathon, where our team was one of the finalists!
ROLE
Market analysis
User interviews
Journey mapping
Usability testing
Prototyping
DURATION
March 2021

Problem

People often throw out items that are unused or do not serve its initial purpose anymore. This causes a huge problem for the environment, as the items build up in landfills and increase the amount of waste generated. When looking for new products, individuals simply purchase new items from stores, and continue this cycle of purchasing items, and throwing out.

Solution

Creating a platform where users can find inspiration for what they can do with their disposable items, and provide incentives for users to create sustainable alternatives for store purchased goods.

Discovering the problem

USER SURVEYS

In order to get an understanding of the general public’s knowledge of upcycling and gauge their enthusiasm to start learning, we created and distributed a survey which collected basic demographic information, current familiarity, and willingness to start upcycling if they learnt more about the process.
Collecting demographic information allowed us to understand what parts of the population we were getting input from, and who was being excluded so that we could make more informed decisions for future iterations.
Main insights indicating willingness to donate, and primary age groups
This data informed us that we would have to include an educational component during both the onboarding and throughout the application experience as well in order to continuously provide new knowledge on upcycling habits.
Since majority of our respondents were in the age group of 18–24, we decided to gear our design and user interface to be more modern, and using topical design themes.

USER INTERVIEWS

To get a deeper understanding of peoples main motivations and frustrations in the current upcycling process, we conducted user interviews with 7 individuals, who fell under three main categories: undergraduate student, teenager, and adult. Based on the interviews, we came to the following conclusions:
Biggest obstacles:
  1. Access to information: there is a lack of information regarding how upcycling works and what/how people can do, which causes hesitancy to start due to unfamiliarity.
  2. Inconvenience: users don’t know what items they have to use or how much time it will take to create new items.
  3. Lack of ideas: it is difficult to come up with ideas for creations based on the items that people have at home, especially when just starting up.
Biggest motivators:
  1. Competition: people are motivated by competing against their friends, and getting ideas based on what others have done.
  2. Impact visualization: showing their actual impact will motivate them to do more and give back.
  3. Saving money: people tend to keep used packaging materials and reuse it for other purposes as this retains quality.

Who are the users?

USER PERSONA

In order to summarize all the data we found from our user interviews and surveys, we created a user persona which describes the main user base we were targeting the application to be for. Based on this, we created the features listed below.
User persona indicating main goals and frustrations

JOURNEY MAPPING

To ensure that the features we ideated and journey we created actually made a noticeably positive impact on the users’ journeys, we mapped out a user journey of purchasing a new item to its end of usability, and compared the process with and without the application.

We found that while there was still a dip in user emotion when the usability of a product ended, instead of continuing that dip downwards, the new application allowed for the feeling to be reversed. Since the user now had a new challenge to tackle, and was able to both be educated and take part in friendly competition, they felt better about their impact on the world compared to if they had simply thrown out their product.

Bringing it to life!

WIREFRAMES

Based on our user research, we created wireframes for each of the main features we planned on including. After deciding the finer points of what each of the features consisted of, we drew out multiple layout options for each of them in order to visualize how a user would navigate through it.

Doing this helped us get an idea of which features provided the most benefits to the user and contributed to the user journey. By exploring various layout options in each of the sections, we found common UX principles which could be applied to make the features as easy to access as possible.

STYLE GUIDE

Since this product was targeted at an extremely large audience, it was important to have an inclusive and accessible design. This was done by ensuring that our colour use met the WCAG standards, and that all the icons we used had some form of text accompanying it so as to avoid assumptions for a diverse audience.

MEDIUM FIDELITY MOCKUPS

Based on our initial wireframes, we created mid-fi prototypes on Figma. Throughout this process, we focused on the most important features we wanted to test, so that we could then get feedback on what to improve for future iterations.

Will it meet the test?

USER TESTING

In order to get an unbiased response to the application, we used non-leading questions such as the following:
  1. What is the first task you would do?
  2. How do you find the information on the page?
  3. What is your thought process when seeing this screen?
  4. What do you expect to happen based on your actions?
  5. What do you like/dislike the most?
Based on our user testing, we made the following changes:
  • Revamped the impact section to include more tangible numbers which helps quantify the users impact in more common terms
  • Added more labels, titles and descriptions to explain the more niche aspects of the application
  • Implemented an onboarding process to explain the leaf points system
  • Refined the leaderboard to be more indicative of where the user fell in the group, as well as how they could reach the next level

ONBOARDING

Through a comprehensive onboarding, users are both able to understand the product and also set up their personal preferences to allow for customized recommendations to populate.

UPLOADING

One of the main features of the application is to easily allow users to upload their upcycled creation as a post for the global community to see. This allows them to get inspired by millions of people and their creations from across the world!

HOME SCREEN

Users can read the fact of the day for informative environmental news, and view their current standing.

INSPIRATION

Users can follow quick blogs or videos for an easy tutorial on hundreds of creations.

LEADERBOARD

They can also collect leaf points to compete with their friends, and check their standings on the leaderboard.

PROFILE

Users can admire their previous creations and collections, as well as view, share, and save their impact on the environment.

What I learnt

WORKING IN A TEAM

This project was my first time going through the entire design process with a team, from initial ideation all the way to prototyping, and in a one month timeline. I learnt the importance of dividing up the work we had, but also being able to implement each other's conclusions within our individual work in order to create a cohesive product. Since I focused on the user research and usability testing, I learnt how to successfully communicate my key takeaways without bias to the rest of the team, as well as my ideas for the implementation of what I learnt, so that it could then be done in future iterations. Having multiple eyes on the product was very effective in ensuring that we addressed the entire user flow, and did not simply focus on the technology aspect, but also how we could have it embedded within the users life.

USABILITY TESTING

Since this was my first time conducting any sort of usability testing, I went in with the preconceived notion that any user feedback was feedback on my ideas. However the feedback that I received was simply their experience, and any criticism was on how the application functioned within their required task. When I took 'myself' out of the ideas, I was able to remove the bias and subjectivity on how I perceived them, which enabled me to generate real key takeaways. I also found the importance of open-ended questions, and understanding user perceptions before moving on to task based activities.

ACCESSIBILITY IN BRANDING

This project was my first foray into learning more about accessible design, and I was able to learn more about implementing WCAG standards with the colours I used, as well as how different font sizes and typography was viewed to different people. Doing this is incredibly important, as the branding is one of the first points of contact for the user and having it be usable to everyone is the only way people would be willing to use the solution created.