Refresh a Ruby on Rails seat selection web app
Pair programming, Ruby on Rails, Stimulus, Accessibility testing
Roadmap for a phased rollout of a new app with higher accessibility standards; improved experience on mobile
Image of the Pittsburgh Cultural Trust project
The team at PCT manages the 14-block arts and entertainment/residential neighborhood called the Cultural District. This large area of Downtown Pittsburgh includes the theater district with nine separate venues.
The Pittsburgh Cultural Trust has overseen one of Pittsburgh’s most historic transformations: turning a red-light district into a magnet destination for arts lovers, residents, visitors, and business owners. Using the arts as an economic catalyst, PCT has holistically created a world-renowned Cultural District that is revitalizing the area. A major catalytic force in the city, the Pittsburgh Cultural Trust is a unique model of how public-private partnerships can reinvent a city with authenticity, innovation and creativity.
The software development team at PCT manage the technologies which support the cultural and economic revitalization of the Cultural District. This includes PCT’s web presence and ticketing technologies for the entire theatre district of downtown Pittsburgh. The PCT development team works not just to meet expectations for their users by providing online resources, but to find new and innovative ways to serve the population and improve their quality of life.
Quote about the PCT project
Photos from the PCT design sprint
Their original web app handling bookings in the theater district had been around for about 10 years, and the Select Your Own Seat technology was starting to fall behind. The experience of choosing your own seat was becoming cumbersome on mobile devices, and the team was ready to make a big jump to reach parity between the site’s desktop and mobile experience.
One of the PCT’s engineers was familiar with thoughtbot through theirdesign and development podcastsand written resources onRuby on Rails. thoughtbot’s combination of design and development skills, as well as familiarity with the toolsets used by PCT, led the Trust to reach out to work together.
Quote about the PCT project
While prioritizing features and functionality for the rebuild, the thoughtbot team saw that accessibility improvements are a high priority for the Pittsburgh Cultural Trust. Theatergoers come from all ages, backgrounds, and abilities. Certain website functionality like the ability to book a theater seat for someone using a wheelchair and their companion already existed in the web app, but there were more opportunities for improvements, such as increased usability for people using screen readers and other assistive technologies.
The thoughtbot team knows that planning for Accessibility takes place from the beginning and throughout a build. Understanding this priority for the PCT team, thoughtbot began to emphasize this as an area for mentorship.
Their first step was to introduce the PCT team to modern automated accessibility testing tools, which helped to catch common accessibility issues during the development process, before they reached production. The team also encouraged consideration of The Web Content Accessibility Guidelines (WCAG) when discussing design and development, and when creating tasks, so that so that they were thinking about accessibility before implementation.
The thoughtbot team pair-programmed with PCT’s developers to ensure that the legacy code would be cleaned up, organized, and new code would be built with appropriate tests. Design and development work were carried out to build a seamless, intuitive flow to booking tickets.
As the new web app was developed, thoughtbot and the PCT team conducted usability testing with someone with visual impairment who was using a screen reader in order to increase learnings. Through this testing, the team was able to identify and begin to resolve issues for people using screen readers.
Screenshots from the PCT site
Using testing tools, doing automated testing, and using browser-based tools, the PCT team became more aware of the variety of resources available to support and plan for building accessible technology, and used the fresh perspective from the thoughtbot team to work faster with their legacy codebase. The results of testing with a vision-impaired user provided value in the new design.
At the end of thoughtbot’s engagement, they worked with PCT on a phased rollout for the new build. In future iterations of the app, not only will the mobile experience for users will be improved, but tickets sold by PCT will be able to be browsed by people using assistive technologies in order to better accommodate visually impaired theatergoers.
The PCT team are now better prepared to incorporate ADA web standards into their website architecture and they will continue working towards improving these standards as they roll out the improved web app over the coming months. Building features with accessibility in mind can result in features which adhere to web standards, which can result in solutions that are easier to understand and more predictable to support. This will enable the PCT team to move more quickly and reduce costs in the future.