top of page

DC 311 Application Redesign

 DC 311 Application Redesign

Screen Shot 2019-09-24 at 11.17.32 PM.pn
Screen Shot 2019-09-24 at 11.17.09 PM.pn
Screen Shot 2019-09-24 at 11.17.43 PM.pn

 DC 311 Application

Problem


DC.Gov wanted to figure out

what the citizens of DC had to say about community resources and accessibility of the current application. 

Scope

This project lasted 2 weeks with 2 team members. My roles included being the UX Strategist and Project Manager.

Solution

A redesigned application that allows users to quickly report traffic hazards and community concerns. 

Design Tools

Sketch and Paper Prototyping

Screen Shot 2019-06-13 at 1.18.26 PM.png

Research

A screener survey with questions regarding place of residence and community concerns for residents was posted online in a variety of social media platforms. It resulted in majority of the 83 responses mentioning road repairs and specifically potholes as a significant issue.

 

 

Screen Shot 2019-03-02 at 1.37.43 PM.png

Then 12 in person user interviews were conducted as well by asking residents about their biggest concerns within their communities. During the interviews we heard compelling stories about reports going unacknowledged and residents feeling ignored in their communities.  

“Our streets are in awful disrepair and despite repeated calls from many in the neighborhood, they are not repaired and in fact continue to deteriorate. It’s becoming a danger, not merely a nuisance.” -YS

“The government moves at a snails pace to do things and I’m fed up. Definitely need more funding for infrastructure. It’s a shame that this is the Nations’ capital and the roads are so terrible.” -DT

african-black-and-white-community-35597.
pexels-photo-2790438.jpeg

Usability Testing with DC311

 

Our robust research led us to investigate the DC311 application and we recruited 5 participants to help us better assess it. They were asked to do the following activities in a timed session.

  • Report a pothole

  • Report an abandoned bike

  • Contact someone to pick up a dead animal

From viewing the participants we discovered that there were duplicate items in no particular order, unnecessary extra clicks, and meaningless organization to reporting issues. All of which resulted in the participants spending the bulk of their time searching. 

Card Sorting

 

Card sorting depicted all the available options a user could select while interacting with the application.

We organized it by category and took out the ones identified in usability testing as unnecessary and also removed duplicates. This step was paramount in determining the redesign for the 311 application and visually showed what was needed before moving ahead and using design tools.

Screen Shot 2019-03-02 at 1.26.55 PM.png

Journey Maps

 

Creating the journey map allowed us to empathize with users frustrations when it came to interacting with DC 311 to report a pothole. ​It reinforced the pain points found in earlier research and led us to brainstorm ideas for specific persona types. 

Screen Shot 2019-03-04 at 1.35.40 PM.png

Personas

 

The purpose was to create reliable and realistic representations based on initial user interviews of the key audience segments we were solving for. 

 

Engaged user 

Involved Persona.png

Disengaged user 

Not Engaged Persona.png

DC Gov  Employee

Worker Persona.png

Paper Prototypes

We created a prototype where the login page was removed from the beginning of the process. This was done to eliminate an extra step for reporters. From the card sorting activity we discovered methods to organize the reportable items in a way that made sense and was easier for users to decipher. We then consolidated the estimated repair page with the actual reporting page to eliminate any confusion.

IMG_0202.jpg
IMG_0204.jpg
IMG_0205.jpg

       Takeaways

 

       What I have Learned​

  • Often users will not know how to verbally convey their pain points and you will have to view them using products during usability testing, then ask questions based on what you see them do. 

  • Working with another designer allowed for brainstorming and learning new methods of implementing design ideas.

  • Presenting our research and prototype to the client was a rewarding experience. We learned that DC.Gov was already in the process of updating their mobile app. So, our collected research was very valuable to them and the future of the redesign. 

       What I would do differently

  • I would spend more time between the initial sketches and reiterating the designs then finally moving into sketch for higher fidelity. 

  • I would thoroughly interview DC.Gov employees and better understand their concerns and pain points.

  • I would run another usability test with DC residents to see their interactions with the improved mobile app.

Next Steps

Our next step would be to implement an effective system of tracking pending cases for employees and status updates for users. Receiving feedback to launched complaints would allow the application to regain credibility. 

You have reached the end of this project!

| FLCAS | KAT | Autism | CTC | DC.GOV | UI Concepts | 

Go back to top or email me - asayyid@outlook.com 

bottom of page