Public Transit UX/UI Case Study

Ruta SV: Bringing Digital Wayfinding to El Salvador’s Bus System

Hero Image: App mockup with San Salvador transit backdrop

Timeline

16 weeks

Key areas

UX Research, Mobile Design, Information Architecture, Usability Testing, Design Systems

Team

3 UX Designers, 1 Researcher, 2 Developers, Transit Experts

Tools

Figma, Maze, Dovetail, Google Maps API

Next Case Study

View All Projects →

Ruta SV reimagines public transportation for El Salvador by creating the country’s first comprehensive digital wayfinding system—a complete mobility platform respecting the realities of Salvadoran life: limited data plans, cash-based payments, and a transit system built on community knowledge.

As Lead Product Designer, I led research efforts to understand how millions of Salvadorans navigate a bus system that operates more on trust and oral tradition than official schedules, then designed solutions that bridge digital convenience with existing user behaviors.

42 interviews

In-depth user research sessions

Offline-first

Core functionality without data

The Challenge

Unlike major cities with formal metro systems and official route maps, El Salvador’s public transportation operates semi-formally. Routes are identified by numbers and colors, but schedules are approximate at best. There’s no official app, no digital ticketing, and most information is shared verbally between passengers and drivers.

The cash-only payment system means exact change is required, with no way to plan costs in advance for multi-leg journeys. Real-time information doesn’t exist, leading to long waits with no idea when the next bus will arrive. Women especially mentioned safety concerns about waiting alone at night.

“I’ve lived in San Salvador for three years and I still don’t know all the routes. I have to ask different people each time I want to go somewhere new, and sometimes the information is wrong.”

— María, university student

The digital divide adds another layer of complexity. While smartphone penetration is relatively high in urban areas, data plans are expensive and often limited. Any solution needed to work efficiently with minimal data usage and provide core functionality even when offline.

Research & Discovery

Understanding the problem required immersing ourselves in the daily reality of bus commuters. Over four weeks, the research team conducted 42 in-depth interviews, 8 focus groups in different neighborhoods, and spent countless hours riding buses and observing behavior at major transit hubs.

Affinity Mapping: User Insights

Key themes emerged from 42 interviews, revealing interconnected challenges across the user journey

Navigation Pain Points

  • Can't find routes to new places
  • Relies on asking strangers
  • Route information is inconsistent
  • Fear of getting lost

Payment Issues

  • Need exact change ($0.25)
  • Can't calculate multi-trip costs
  • No digital payment options
  • Worried about running out of cash

Time & Anxiety

  • No real-time arrival info
  • Arrive early to be safe
  • Long waits with no updates
  • Stress about transfer timing

Safety Concerns

  • Waiting alone at night
  • Unfamiliar bus stops
  • Concerns about crowded buses
  • Navigation in dangerous areas

Digital Constraints

  • Limited data plans
  • Poor connectivity in some areas
  • Battery drain concerns
  • Previous apps were unreliable

User Behaviors

  • Take photos of route info
  • Save important locations
  • Travel in groups when possible
  • Use landmarks for navigation

Key Insight: Users trade time for certainty—arriving early and asking multiple people to compensate for lack of reliable information. This creates significant daily friction and anxiety.

The user base was more diverse than initially assumed. While lower-income workers form the core ridership, university students, domestic workers, market vendors, and middle-class commuters all rely on buses daily. This meant designing for vastly different levels of digital literacy.

Affinity Mapping Insights

Through affinity mapping, we identified six key theme areas that encompassed the user experience challenges. These insights directly informed our design strategy and feature prioritization.

The mapping revealed that users’ core struggle isn’t just finding routes—it’s the emotional labor of constantly navigating uncertainty. Every ride involves risk assessment, contingency planning, and emotional management. This understanding shifted our focus from simply providing information to building user confidence and reducing cognitive load.

Design Strategy & Principles

Armed with research insights, we established core design principles that would guide every decision. These weren’t just aspirational statements—they became the filter through which we evaluated every feature and interaction.

Image: Design principles & early wireframes

Offline First

Designed the entire app to work offline by default. Users download maps by region, access complete schedules, and plan journeys without internet. Only real-time tracking and ticket purchases require connectivity.

Meet Users Where They Are

Integrates with existing payment habits. Users can buy digital tickets OR use the app to plan routes and pay cash on board. This hybrid approach respects that not everyone has a credit card.

Progressive Complexity

Interface reveals complexity gradually. First-time users see simple destination search; advanced features like saved routes and custom preferences appear as users become comfortable.

Visual Over Verbal

Given varying literacy levels, we prioritized visual communication. Icons, colors, and maps convey information alongside text. Route numbers use the actual colors of the buses.

The Solution: Ruta SV

Ruta SV is built around four core user needs: getting from point A to point B, understanding costs, knowing when buses arrive, and reducing travel anxiety. Each feature addresses one or more of these needs while respecting the constraints of the local context.

Screens: Route planning, cost breakdown, real-time tracking, navigation mode

Intelligent Route Planning

Goes beyond simple directions—users set preferences for fewest transfers, fastest route, or minimal walking. Results always show at least three options, helping users understand trade-offs and respecting their agency in decision-making.

Transparent Cost Calculation

Every route displays total cost upfront with segment breakdown. Ticket bundles show clear savings: “You’ll save $0.25” rather than just listing prices. Payment bridges digital (credit card, Tigo Money) and physical (cash on board) worlds.

Real-Time Tracking (When Available)

For GPS-equipped routes, users see exactly where their bus is. The app is honest about data quality—when real-time isn’t available, it shows scheduled times with a clear indicator. Users can set alerts when their bus is approaching.

Step-by-Step Navigation

Large, clear instructions guide users: “Walk 5 minutes north,” “Wait for Route 29,” “Get off in 3 stops.” During the ride, the app counts down to their destination with vibration alerts when their stop approaches.

Design Details That Matter

Visual Identity

Colors drawn from El Salvador’s vibrant “chicken buses”—route-specific colors match actual painted buses, making the app feel distinctly Salvadoran.

Readability

16pt body text minimum, key info at 24-28pt. High-visibility mode for bright sunlight. Touch targets never smaller than 48x48 pixels.

Localization

Written by native speakers using Salvadoran idioms. Local place names (“El Centro” not “Centro Histórico”) make the app feel homegrown.

Testing & Iteration

Testing happened in waves, starting with low-fidelity prototypes and progressing to field testing. Each round revealed insights that fundamentally changed our approach.

Image: Usability testing sessions & design iterations

Round 1: Testing Core Concepts

Early wireframe testing with 20 participants revealed our initial design was too complicated. Separate tabs for different journey stages confused users. Solution: A dynamic home screen that adapts to context—showing route planning when idle, navigation when traveling, and trip summaries when complete.

Round 2: Real-World Usability

Working prototypes given to 15 participants for a week of real commuting revealed critical issues lab testing missed. The map interface was nearly unusable in bright sunlight—we increased contrast and added high-visibility mode. Battery drain from constant GPS was problematic—we optimized to use GPS only when actively navigating.

Most importantly, many users didn’t trust real-time tracking initially—waiting early “just in case.” We added confidence indicators showing data quality. After seeing accurate predictions consistently, trust grew.

“Before Ruta SV, I would only work in areas I knew well. Now I can accept jobs anywhere in San Salvador. This app literally earned me more money.”

— Claudia, domestic worker