Catherine Gore



MBTA Trivia Game – UI/UX

— CLASS

Design Process & Practices


— CATEGORY

UI/UX


— DATE

10.29.24 – 11.07.24

The MBTA Trivia Game aims to improve the rider experience on the Massachusetts Bay Transport Authority, or the MBTA, by creating a digital trivia game kiosk for station platforms. Designed for tourists and new users, I aimed to make waiting for trains more enjoyable through a fast-paced, engaging, and informative game. Inspired by simple interactive experiences like hopscotch, I aimed to create a fun, accessible, and easy-to-implement experience that anyone can enjoy. Deliverables include research, paper wireframes, digital wireframes, mockups, and functional prototype.

THE PROBLEM

Boston's MBTA is notorious for its slow and unreliable service, largely due to chronic underfunding. This issue extends beyond delayed trains, diminishing user confidence and leaving both commuters and tourists feeling frustrated with the system. In light of these challenges, I chose to shift my focus from addressing the MBTA's fundamental issues to enhancing the rider experience, aiming to make it more enjoyable despite the ongoing operational difficulties.


How might we create a fun interactive experience for tourists and visitors using the MBTA?

Concept Development


The project began with brainstorming ideas for incorporating an interactive game into a train platform setting. I was initially inspired by a game like hopscotch—simple, familiar, and quick to play. However, the physical nature of hopscotch presented safety concerns near train tracks and practical challenges during rush hours.


This led me to explore digital options. This is where the idea for a trivia game emerged, as it met the criteria of being familiar, easy to play, and quick, while also offering the added benefits of being both informative and competitive.

Look & Feel


After deciding to create a trivia game, I researched the MBTA's brand guidelines to ensure the game aligned with its design system, reflecting both the visual style and the brand’s identity. I used the same typeface, Helvetica Neue, and incorporated tints of the MBTA’s color palette (30-40%) to create a cohesive look.


For the layout, I followed a familiar trivia game format to ensure ease of use. I chose questions and themes that were tailored to the local area, featuring topics like Boston landmarks and specific stations, such as Copley Square.


Link to prototype

or contact me at gore.c@northeastern.edu if you have any questions!