Inclusive Design: Phila.gov for all
I worked as a UX Design Fellow with the City of Philadelphia to drive the UX strategy, design and research to redesign phila.gov.
I initially conducted card sorting exercises to help develop beta.phila.gov's current global navigation. After beta was launched, I partnered with another UX Design Fellow as well as the City's UX Strategist to build a research plan and conduct usability testing across the city with Philadelphia residents.
With the website redesign, the City of Philadelphia aims to create a new digital service experience that will showcase simple, mobile-friendly designs, more intuitive organization, and clearer content—better connecting the public to City service information and empowering all Philadelphians.
This is an overview of the testing and research plan for the new Beta site. The full testing and research plan can be found here.
Goals & Objectives
Three areas of inquiry guided the focus of our usability testing.
Usability: How might we improve the usability of beta.phila.gov? What features and patterns act as barriers to task completion and what works well? Why?
Mental Models: How does the public perceive and/or think about what they are trying to do online with City content?
Improvements: What does success look like? How does the public want to interact with City content? What improvements can be made to best support the public’s content needs?
Participants & Challenges
Our focus was to conduct usability testing of Philadelphia residents. We met 17 residents in libraries, diners, at non-profit organizations and the city offices. Our focus was getting a large intersection of residents which included those with low digital literacy and limited access to computers or internet.
This site needed to serve and be accessible to all residents. Participants ranged in age and tech ability and average testing times were from 10-45 minutes.
Note: as with city websites, the site is very content heavy (currently there are upwards of 70,000 pages on the City site). Some of the challenges in moving forward is meeting the city need of having all the information available to residents while still being user-centered.
Test Findings & Recommendations
There were a number of findings from the usability testing and research. Below are four of the larger takeaways.
Finding: Many participants did not understand certain terminology used on the navigation, which affected their ability to complete an assigned task. On the homepage alone participants were unclear of words such as explore, initiatives, or publications.
Recommendation: Simplify language to make readable for various education levels
Finding: Some participants had issues with the size and color of the font on the navigation mega menu.
Recommendation: Review font accessibility standards and increase sizes and adjust colors accordingly.
Predictive search was preferred over filter
You can search a city government directory by predictive search, but the the services directory is currently navigated by filter.
Finding: The predictive search was overwhelmingly preferred by participants in testing.
Recommendation: More research is needed, particularly as both directories grow, on what form of search is more sustainable for the city. However, approaching design with predictive search as a preferred method can drive more user-focused designs.
Difficulty in navigating content level pages
Finding: Upon entering content heavy pages, participants had trouble navigating from page to page.
Recommendation: More research is needed on the left (in-page) navigation and how to allow users to choose within pages without moving back to the home page.