Plogger
UX Case Study:

The Story:

I was introduced the challenge to evaluate and improve the overall usability of the Plogger application. Plogger is a thoughtful concept that gamfies the process of trash clean up. It connects community organizations looking to systematically engage the cleanup of defined areas and volunteers looking to make an environmental impact in their communities.

 Goals:

  • Make all key functions for the user groups intuitive and simple.

  • Improve the ease of which an organizer can set up clean up events and track volunteers.

  • Simplify the process in which a volunteer can flag areas that need attention and/or find areas to clean individually or with an organization.

The Process:

Cognitive Walkthrough:
I first conducted a cognitive walkthrough to test the key functions of Plogger. I wanted to gain a deeper understanding of the application's current state in preparation for my research interviews. I ran into problems regarding lack of feedback and visibility which gave the application plenty of opportunity for growth.  

Screen Shot

Test Script:
After gaining a broader understanding of the application and it's potential capabilities, a test script was carefully crafted in preperation for my in-person research interviews. 
 

In-Person Research Interviews:
Using the test script, I conducted two in-person research interviews in order to understand common pain points and opportunity areas. Users were able to demonstrate various on the job tools that helped me acknowledge certain UI patterns I should use once prototyping so Plogger could coexist in an efficient way with these tools.


Synthesis:
Once all of the research interviews were completed and the raw findings were well documented, I used a whiteboard method to detect and group patterns in the data and tie together themes and commonalities. 

Prototype Plan:

Once all of the data was synthesized into valuable insights, I began constructing a plan for my prototypes. Including, but not limited to:

  • Tasks I wanted to improve

  • New Features

  • Scenarios

  • Sketched Wireframes

  • Screenflow

  • Style Guide

Scenario:
I conceptualized a scenario to demonstrate how a clean up event organizer would come to use this application as well as how they would interact with the key tasks and new features.

Sketched Wireframes:
Considering the hierarchy of elements, key tasks, and new features I began to sketch out some medium fidelity wireframes.

 

Screenflow:
I structured a clear and concise architecture to show how the screens I designed connected with one another and interacted with each other. The highlighted path is the organizer's perspective for whom I created my scenario around.
 

Screen Shot

Style Guide:
I produced a style guide for my client to showcase an overview of the color scheme, typography, iconography, and interactive elements I would be using to encapsulate a bright, clean, and welcoming feeling in the design of my prototype.
 

Digital Prototype:
Using my prototype plan, I built a digital prototype of the updated Plogger app using Sketch.

 

Interactive Prototype:
I began to demonstrate the screenflow and all of the basic interactions between my digital prototype screens using hotspots in InVision.
 

Outcome:

Interactive Prototype Guided Tour:
Lastly, I created a guided tour for my client using InVision. You can walkthrough the entirety of the updated Plogger application from the clean up organizer's perspective here!
 

Overview:

Design Methods Used:

  • Cognitive Walkthrough

  • In-Person Research Interviews

  • Synthesis

  • Scenario

  • Wireframing

  • Prototyping

Software Used:

  • Google Suite

  • Adobe Creative Suite

  • Sketch

  • Craft

  • InVision