TTC Passenger Information Display

Accessibility-First Redesign Mockups — Unified Layout Design

State 1: Normal Operation

The default display state with a unified background for the next stop zone. "NEXT STOP" label appears directly above the stop name with time on the right.

Next Stop

Baldoon Road

Neilson Road
Blackbird Gate
Morningside Ave
939C Finch Express to Morningside Heights
Arrival: ~18 min

Design Improvements

State 2: Stop Requested

When a passenger requests a stop, the "NEXT STOP" label transforms into "STOP REQUESTED" — the stop name appears only once, eliminating redundancy. The label change provides clear feedback.

Baldoon Road

Neilson Road
Blackbird Gate
Morningside Ave
939C Finch Express to Morningside Heights
Arrival: ~18 min

Stop Requested Features

State 3: High Priority Alert

When a relevant service disruption exists, the route zone transforms into an alert banner. Only one alert is shown at a time, prioritized by relevance to the journey.

Next Stop

Kennedy Station

Midland Ave
Brimley Road
McCowan Road
Line 2: No service Warden-Kennedy due to track maintenance

Alert Display Features

State 4: Critical Alert (This Vehicle)

When the current bus route is directly affected (detour, short-turn, express bypass), the entire route zone becomes an alert banner to ensure passengers don't miss critical information.

Next Stop

Midland Ave

Brimley Road
McCowan Road
Markham Road
THIS BUS: Detour via Kennedy Road after Midland

Critical Alert Features

State 5: Emergency

For safety-critical emergencies, the entire display is taken over with a clear, unmissable message. This state supersedes all other content.

Emergency Display Features

State 6: With Advertisement (Optional)

If advertisements must be included, they are limited to a 15% bottom strip that only displays when no alerts are active and not during stop announcements. Static images only, no animation.

Next Stop

Rosewood Crescent

Cedar Lane
Maple Drive
Oak Street
86A Scarborough Centre to Rouge Hill GO
Arrival: ~12 min

Advertisement Constraints (Per Report)

State 7: With Estimated Time to Destination

Shows the estimated time to reach the final destination, providing useful journey information for passengers unfamiliar with the route. Simple and actionable.

Next Stop

Kennedy Station

Midland Ave
Brimley Road
McCowan Road
939C Finch Express to Morningside Heights
Arrival: ~18 min

Enhanced UX Features

State 8: Long Stop Names

Demonstrates how the display handles lengthy stop names. Font size automatically adjusts to fit within the available space while maintaining readability.

Next Stop

Scarborough Town Centre Station

Progress Ave at Centennial College
Ellesmere Rd at Military Trail
University of Toronto Scarborough
198 University of Toronto Scarborough Rocket
Arrival: ~25 min

Long Name Handling

State 9: Transition Animation (State 1 → State 2)

Accessible animated transition from Normal Operation to Stop Requested state. Click the button to trigger the transition. Respects prefers-reduced-motion.

Next Stop Stop Requested

Baldoon Road

Neilson Road
Morningside Avenue
Scarborough Centre
86A Scarborough Centre via Kingston Road
Arrival: ~18 min

Accessibility Guidelines for Transitions (WCAG 2.3.3)

Design System Summary

Key design tokens and accessibility specifications used across all PID states.

Zone Layout (Unified)

Typography Scale

Color Contrast Ratios

Seven Design Principles Applied