CivicTech
Increasing Citizen Engagement
Summary
Summary
Photos of a reported issue in a city are very helpful to managers and responding crew members to correctly identify the problem and appropriately prioritize it. Upon submitting a service request citizens are sent a link to a web app to track and manage their request. The goal of the project was to increase photo upload and modernize the visual UI of the web app.
Highlights
Highlights
MY ROLE
UI/UX Designer
TOOLS
TIMELINE
4 Months
TEAM
Leo Vogel, 1 PM, 1 Engineer
EMPLOYER
CivicTech
DELIVERABLES
Hi-Fi Mockups
GOAL Increase quantity of photos uploaded and add a mechanism by which citizens can confirm the location of their request is correct.
OUTCOME 100% primary task success in usability testing
Problem
Problem
User Research found that when problems are reported by citizens, having at least one photo of the issue was very important to crew managers and team members for diagnosis and prioritization.
The number of requests with no photos was too high. The goal of this project was to increase photo upload task completion.
Solution
Several solutions were explored for motivating users including giving them a short task list to complete that in some concepts was required to be completed before viewing the full request.
The final proposal incentivized citizens to upload photos by building empathy with crew members through communication style and by making the citizen’s request feel incomplete until they’ve uploaded a photo.
Aftermath & RetrospectiveHidden
Usability Testing
‣
Task Flows
Onboarding
“Something that is well designed gives me more confidence that my information was received by the city.” – Participant A
“It seems very easy to use.” – Participant B
Next Steps
Figma Mockup
Continuation
More Projects
ProjectsFixed PDF Ticket Scanning Issue for University Events, 15% Accuracy ↑Fixed PDF Ticket Scanning Issue for University Events, 15% Accuracy ↑
‣
TO DO
Write
Publish
Remove draft checkbox
Delete above “snapshot” callout.
Delete this callout.
Problem
Photos are critical to correctly identifying a reported problem
Research
Analysis
NAME the TYPE
PHOTO HERE
Age range:
Goals
Behavior
Frustrations
How Might We
Include why and who
How Might We [verb, ex: "help"] [archetype] [action] so that they can [goal]?
Ideation
Vision
Design
Original
![[Screenshot]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/8742c4c2-4f0f-42f6-b5e2-05b8aaf0d952/CleanShot_2023-08-07_at_13.44.282x/w=3840,quality=90,fit=scale-down)