Garbinger: Making Recyling Easier, Personal and Better.
♻️

Garbinger: Making Recyling Easier, Personal and Better.

💡
This is main overall documentation page which links to the individual week by week documentation.
image

Table of Contents

Idea Summary

The goal that our design solution is aiming to solve is to increase recycling on campus, more specifically the UQ physio refectory, by leveraging data visualisation. To do this we designed, prototyped and tested a Bin Weight Sensor and Interactive Web App that would measure the weight of users waste and inform them of the correct bin that their items should go into.

Our design went through several iterations of the co the semester in response to the user testing that was conducted. A review of these iterations have been provided at the end of this page.

Miro screenshot of our team refining the idea throughout the semester.
Miro screenshot of our team refining the idea throughout the semester.

How to run the prototype

  1. Navigate into repository root directory.
  2. In the terminal run npm start to run the react front end
  3. To run the Arduino, connect to the computer and the weight sensor, and in the Arduino Code, locate sketch_oct15b.ino and download onto the arudino using the Arudino web editor
  4. cd into the server folder and run node index.js
  5. Now you can use the web app

Conference Poster and Other Promotional Material

Conference Poster (Size- A2)

image

Promotional Poster (Size- A5)

image

Platform Poster (Size- A4)

image

Important Links

Codebase

Kanban

📋
Kanban

Weekly Design Documentation

Project Contribution

The team of two was perfectly balanced with one designer and one developer. Raunaq Bahl led the visual and interaction design process by ideating the concept, refining the solution, designing wireframes, low-fidelity and high-fidelity prototypes of the solution, and conducting prototype evaluations. He led the think aloud sessions and the guerrilla user testing sessions.

Gabriel McHugh led the development process of the prototype by developing the front-end in React.js, connecting the front-end to a node.js server, and in-turn connecting it to the arduino and weight sensor. He co-led the think aloud sessions and the guerrilla user testing sessions.

Both the team members devoted an equal amount of effort to the design documentation process. Both of the team members maintained the project Kanban, and contributed equally to the final expo preparation.

Overview of Design Process

By the end of Week 6, We had just finished our project proposal. Distilled from our preliminary research, which included conducting interviews with Dr Julia Loginova from the School of Earth and Environmental Sciences and the UQ Sustainability Team, we aimed to develop a bin on UQ campus that would display waste disposal information next to that would aid in students visualising their waste disposal habits.

Our foundation so far was developed through interviews with people familiar with our domain space and research done on similar waste management systems that involved data visualisation. For more specific information about the interviews, check out Week 6.

This was the initial design direction of the project. We thought about how we could use bins as a means to
This was the initial design direction of the project. We thought about how we could use bins as a means to

By Week 7, we had begun to narrow down on the project. We needed to start constructing a framework for our design and this meant investigating the different types of bins that were around campus. To that end, we planned how we're going to do this and created a survey to gather data with.

Starting Questions of our Google Survey. For the full list of questions and the survey  link, check out
Starting Questions of our Google Survey. For the full list of questions and the survey link, check out Week 7.

We began to think more about location dependence and research the bins around campus along with thinking about their contexts. By now, we were still unsure of what problem we were trying to solve, so we made the survey questions as broad as possible in order to brainstorm for the following:

What is the most common problem people encounter with recycling?

This week, we also conducted some more research on problems around recycling. There seemed to a unique location-specific problem that was quite common:

Nestle Australia's new study found out that a staggering amount of the general Australian populations doesn't recycle correctly, and that a huge chunk of that population is quite confident about it.
Nestle Australia's new study found out that a staggering amount of the general Australian populations doesn't recycle correctly, and that a huge chunk of that population is quite confident about it.

This was an interesting direction to head in, and so we framed the last couple of questions of our survey around this issue, such as:

"Do you frequently find yourself confused about what goes into recycling and what doesn't?"

Roughly 81.5% had found themselves confused about recycling at some point!
Roughly 81.5% had found themselves confused about recycling at some point!

We were on to something here. We ourselves were quite often confused about what to put in which bin. This confusion only surfaced itself when we got to a bin and actually had to make a decision about recycling. This was further confirmed by our survey results from Week 8.

The perpetual cycle!
The perpetual cycle!

We thought of how we could incorporate bins into this process. So we investigated different bin contexts on campus and settled on the UQ refectory bins for our location-specific design.

image

We contacted the sustainability team regarding this, and found out that in 2018 alone, the recycling contamination rate stood around 36% on campus [1]. How could we design something which helps people make quick decisions whilst they're at the bin and correct their recycling habits?

This is when we honed in on our domain space, defining it better and limiting its scope.

‼️
We now were aiming to incentivise recycling on campus and ensuring appropriate garbage disposal.

Raun worked on the ideation of the prototype, thinking of personas, user flows and interaction scenarios to come up with a basic idea.

We finally chose to settle down with a tangible interface situated on top a garbage bin which people could interact with. The interface would be designed to help them navigate through the waste disposal process. We also thought about involving the waste collector as a stakeholder in the process.

image

This is where we also developed wireframes and some low fidelity mockups.

image
image
image

wireframe annotations on Adobe XD
wireframe annotations on Adobe XD

Gabriel set about implementing these designs. He researched and began implementing the hardware using an aruduino, and began developing the front end using react.

image
image

After feedback from last week, we refined the aim of our design to increase the amount of recycled waste relative to non-recycled waste. This addressed our design context better. More about the prototype design and development can be found in Week 9.

High Fidelity Prototype on Adobe XD
High Fidelity Prototype on Adobe XD

Connecting the Arduino to H711
Connecting the Arduino to H711

How our design evolved during week 9 and 10

We refined our goals further this week. We now were aiming to

  1. To increase the recycling rate at university and decrease the 'Recycling Contamination Rate' at university.
  2. To change people's attitude towards recycling;
  3. To be able to express gratitude towards the people involved in the waste collection process.
‼️
Week 9 and Week 10 were extremely productive for us because our refined idea was finally coming together. React.js development was started by Gabriel and connected to the Node.js server.

Week 11 was the last week of coding for us but we still went through some significant development in our prototype and testing.

We finished implementing the hardware, frontend and linked it to the backend.

image

We got the node server to detect input.

image
setting up the prototype in Physiol
setting up the prototype in Physiol

We got some guerrilla user testing done. The results can be found below.

We also conducted two think aloud interviews, for which the results can be found below:

Testing has been discussed in depth in Week 11.

After our week 11 studio we tweaked the UI and flow of the main design, added some bins to the prototype and tested it one final time.

Some more testing in Physiol
Some more testing in Physiol

image

Key Findings

One of the main feedback received from the testing was that people didn't want to engage for that long or linger for that amount of time near the bin. They found the concept useful and engaging but wanted it to be faster.

The thing that people liked the most about the prototype was that it was actually educational for them since it takes the process of waste disposal and makes it engaging and interactive.

A Review of How Our Prototype Changed

  • Initially, we wanted a display that would be placed over a bin and would just show general statistics.
  • This evolved into a bin weight sensor that students could interact with and would give them instructions on how to dispose of waste. We did this because we found that students, and up to an extent the general population, were highly confused about waste disposal instructions.
  • We also planned to included waste collectors as stakeholders that users who dispose, could thank. However we were unable to get permission for this, and even though there was positive feedback for the idea we abandoned it.
  • We then made one further large change. The weight sensor was planned to be placed underneath the bin. However, after some feedback from the tutors in week 11 who explicitly advised us to change to put the sensor next to bins that they could weight their items on, we did so and moved the bins up. We also got some boxes to test against.

Expo Day

Final Setup: The Platform connected to the tangible interface running on a laptop
Final Setup: The Platform connected to the tangible interface running on a laptop
The team
The team
image

References

[1] UQ Waste Audit Report. UQ Sustainability Team. 2018.