EcoSpring

Course: Research Methods for User Experience


Duration: 4 Months


A water refill station that brings awareness to water quality on campus through the use of an interactive interface.

Project Details

My Role

I worked on this project in a cross-disciplinary team as a UX Researcher and a UX/UI Designer.

Deliverables

User personas, low-fidelity wireframes, high-fidelity prototype, academic report

Tools

Qualtrics, Google Forms, Figma, Zoom, Miro, Canva, Slack

Project Challenge

Design a user-experience aimed at awareness (and accessibility) of real-time water quality information across a university campus.

Problem Space

  • People are still getting sick and dying from contaminated water (i.e. Flint, Michigan).
  • The general public’s knowledge of water quality is quite limited.
  • Knowing more about our water quality can encourage us to make more efforts to ensure that our drinking water is safe.

Generative Research

Literature Review Insights

  • Current water quality systems are not made for the general public.
  • Most people rely on factors such as smell and taste to determine whether or not water is safe to drink.
  • Mobile solutions conveying water quality are not widely used (i.e. not many people are willing to download apps to determine their water’s quality).

User Interview & Participatory Design Insights

  • Participants expressed their own limited knowledge of water quality.
  • Participants prefer clear and concise information regarding water quality.
  • Participant sketches included the use of visual indicators to easily convey the current water quality.

Product Idea

Based on our generative research, we decided on our official product idea: a water refill station that displays water quality using an interactive interface. We theorized that a familiar product (refill stations) would have the greatest chance of being adopted by our target demographic.

Station Features

  • Braille and audio accessibility
  • Temperature toggle
  • Water sensor
  • Tally of bottles saved

Interface Features

  • WQI and pH levels
  • Status of last filter change
  • Map of nearby refill stations
  • Scannable QR code for more water quality info

Usability Study

After creating a low fidelity prototype of the refill station’s interface, we conducted a usability study that tested three core tasks among our 5 participants. These participants were asked a series of open-ended questions after each task and the test concluded with a post-study questionnaire. The tasks for the usability study and rationale for them were as follows:

Task One

Determine the water quality status at the current refill station

Rationale

Assesses participants’ understanding of the water quality metrics and indicators provided

Task Two

Find and learn more about water quality

Rationale

Tests whether or not participants can easily find more general information regarding water quality

Task Three

Find another refill station on your current floor

Rationale

Measures the usability and discoverability of other refill stations on the map provided

Key Findings

Users preferred to learn more about other water quality metrics

Users wanted to access more detailed water quality index and pH level information

Users were pleased to have the QR code option though not all of them would necessarily use it

Users suggested that the current refill station location be more prominent

Users were unsure about the color coding for the pH scale

Field Study

A field study was also conducted for us to better understand the goals and challenges of our target demographic that the usability study may have failed to reveal. A physical prototype of our refill station was placed in three regions with varying foot traffic. Participants for this study were again asked to complete a set of three tasks and were encouraged to explain the rationale behind their behaviors. At the end of the field study, an SUS was provided and revealed that our prototype received an average score of 93.96, indicating a positive assessment of our product.

Key Findings

Participants would prefer to see more landmarks on the map to improve findability

Participants would like to learn where their water is sourced from

Participants believe that the refill station should include a bubbler

Participants were confused by the labeling associated with the QR code

Some participants were unaware that the WQI and pH scale cards were interactive

High Fidelity Wireframes

Interactive Prototype

Learnings and Takeaways

  • The WQI and pH scale appeared to be sufficient indicators of water quality upon first glance for participants.
  • The QR code provided participants with the option to learn more about water quality without having to spend too much time at the refill station.
  • A majority of our participants expressed interest in using our product if implemented in real life.
  • Future improvements should include an additional way for wheelchair users to navigate through the interface since it may be out of reach for them.