CYBR

Designing a mobile app to manage usages of daily electronic devices and reduce electronic waste output.

Timeline

August 2021 -
December 2021

Team

Elisa Zhang
Jensen Jia
Peter Xu
Xiao Luo

Tools

Figma
Miro
Qualtrics

Roles

UX Designer
UX Researcher

The Problem

E-waste.

As electronic technology has become more and more advanced, and more and more ubiquitous in our lives, there has emerged a major issue with electronic waste. If mishandled during disposal, toxic chemicals in E-waste can end up in our soil, water, and air, harming both people and the environment. In 2021 alone, an estimated 57.4 million tonnes of E-waste was generated globally.

College campuses are probably some of the most telling places of our society’s love for electronic technology. Much of the current generation of college students are "digital natives," having grown up with technology as opposed to "digital immigrants" who did not. Electronic devices are used to communicate with other students, post on social media, find campus events to take part in, send emails to professors, play video games, the list is endless. Professors are even facilitating this trend by setting up online classroom portals, where assignments, readings, class lessons, and all other material are located.

The goal of this project is to discover how aware college students are about the issues surrounding e-waste, and to explore solutions that will help a college student prevent excessive consumption of technology and guide them on responsibly clearing out unused devices.

Our Solution

Our solution was CYBR, a hub that manages the entire lifespan of your electronic devices, from the moment you own it to the moment it gets recycled.

Log all your devices.

Do it yourself!

A trustworthy goodbye.

Add devices to CYBR to keep track of your electronics, view important information, and learn how to optimize their use for a longer lifespan.

CYBR’s unique components view allows you to view your devices separated into each component, helping you diagnose any issues and providing solutions to repair it on your own.

When you decide to retire a device, CYBR supports you all the way, providing step-by-step instructions on how to safely remove your important information and responsibly recycle it.

The Process

Research

To learn more about the problem space that we were tackling and the users involved, we began by conducting research through a variety of methods.

Method 1

Task Environment Analysis of Old Electronics

Conducting a task analysis of the many ways people dealt with old electronics helped us understand the current options available.

Method 2

Analysis of Existing Systems

An analysis of currently existing systems provided us more insight into what worked well and what didn’t work for reducing e-waste.

Method 3

Surveys & Semi-structured interviews

To understand more about the users themselves and to reach a broader audience, we conducted a survey to learn about college students’ attitudes and awareness towards e-waste.

Survey Findings:

Two-thirds of students expressed their willingness in recycling the e-waste.



Though generally recognizing that second-handed devices were cheaper (20%), people tended to like new ones (32%) and feel concerned about the quality of used electronics (34%).

Most people found it hard to deal with laptops and phones (37%) due to the large amount of data stored in such devices (41%) and lack of knowledge (23%).

While surveys allowed us to reach a larger audience, we also chose to conduct interviews to dig deeper and explore more behind the behaviors and motivations of the user.










Click to view full affinity maps

Key insights from our research

Top reasons for college students not to recycle old electronics are inconvenience, low priority, and lack of knowledge.

Design and Testing

From our research, we came up with a few design requirements to keep in mind during our ideation phase.

Step 1

Concept Ideation

Together as a team, we conducted a brainstorm session and generated 10 ideas from our design requirements, which we then narrowed down to the two we believed would be the most beneficial to our users.

Concept 1: RepairMap

RepairMap helps break down the components of personal devices. When we buy electronic products, a lot of the time, we don’t know what it looks like on the inside, nor is there easy documentation on how to fix our devices by ourselves. RepairMap solves this issue by showing a 3d breakdown of all the parts in the device. This allows users to compare their

devices exactly to the components map and identify specific parts within their devices. Users can also click into each part and they will receive more information on the part.

Concept 2: ET Planner

ET Planer is designed for managing personal electronics for their entire lifespan. Whenever a device breaks down or the usage of the device is detected to be not ideal for its performance, ET Planer would come into help by offering instructions and tips for repairing and encouraging proper usage of electronics. If any of the devices needs to be repaired or disposed of, users can easily check into the ET Planer and click on the “Repair” or “Recycle” icon to get help immediately.

Step 2

Wireframes

Ultimately, it was hard for us to narrow it down to one concept only. We felt like both ideas would be highly beneficial to our users, so we combined them together to create the best of both worlds.

Step 3

Wireframe Testing

We conducted a testing session with 4 participants to assess if we had met the needs of our users. The requirements that we focus on during testing were:

We had each of our users complete a think aloud task completion test and a feedback session. We also conducted heuristic evaluations with design experts.

Key insights from our user testing

Visual learning: All the participants enjoyed the visual representation of all the device components, and felt that it would increase their confidence in their own ability to fix a broken device.

Even more information: The final design should include a lot more information and options for when they want to repair and recycle their devices.

More visibility: Pages should be made more informative on the users’ current position in the system.

Step 4

Establishing the Design Style

Step 5

High Fidelity Prototype
Building on the feedback we received from our wireframe testing session and the design style established, we built a high fidelity prototype of CYBR using Figma. Click around to check out our interactive prototype!

Made with by Elisa, ©2023
Let's Connect!