Challenges
1- Fragmented booking data and complex UI.
2- Low accessibility compliance.
3- Inefficient ride assignment logic.
4- Non-intuitive navigation and redundant steps.
Solutions
1- Modular layouts with conditional rendering.
2- Context-aware assignment logic and dynamic buttons.
3- Accessibility-first design with tab order, ARIA tags, and keyboard support.
4- Inline editing, popups, and tooltips for faster interactions.
Results
1- Faster scheduling and ride assignment.
2- WCAG-compliant, accessible workflows.
3- Streamlined navigation and data entry.
4- Higher user adoption and satisfaction.
The client, a national nonprofit offering transportation services to seniors and people with mobility challenges, faced several operational barriers. Scheduling and ride assignment workflows were inefficient. Accessibility gaps limited usability for some staff and volunteers. Confusing user interfaces disrupted productivity.
The organization sought an accessible, user-friendly solution that enabled efficient ride scheduling and assignment, supported both fixed and flexible ride management, and ensured compliance with accessibility standards—all while improving the overall experience for schedulers and drivers.
We built a modular Salesforce solution using Lightning Web Components and Apex, adding dynamic UI logic, flexible assignments, and accessibility-first design to boost efficiency and compliance.
-
Data Fragmentation and UI Complexity
Critical booking details were spread across multiple layouts, creating confusion and slowing down task execution.
-
Low Accessibility Compliance
Legacy workflows lacked proper tab sequencing and screen reader compatibility, limiting usability for individuals relying on assistive technologies.
-
Inefficient Ride Assignment Logic
Drivers faced difficulty distinguishing between fixed and flexible rides, with limited in-context actions to manage assignments effectively.
-
Non-Intuitive and Redundant Navigation
Unclear labels, excessive steps, and redundant field displays reduced efficiency and increased the likelihood of errors.
- Split Layouts and Modular UI Components - Redesigned ride booking interfaces with structured headers, bodies, and footers, incorporating conditional rendering to improve usability.
- Dynamic Assignment Logic and Button Behavior - Implemented context-aware actions—such as dynamic “Update” and “Select” buttons—with built-in validations to prevent incomplete assignments.
- Accessibility-First Design and Keyboard Support - Introduced tab navigation, ARIA tags, and keyboard shortcuts to meet accessibility standards and ensure compatibility with screen readers like JAWS.
- Popups, In-Line Editing, and Tooltips - Enhanced tables with inline editing, modal date/time pickers, and mouseover tooltips to streamline interactions and reduce clicks.
95%
Accelerated Scheduling and Assignment
Schedulers and drivers now complete booking tasks faster, improving throughput and reducing operational errors.
90%
Robust Accessibility Compliance
The system aligns with WCAG guidelines and JAWS standards, enabling inclusive access for users with disabilities. Accessibility compliance improved.
85%
Streamlined Navigation and Data Entry
A unified, intuitive UI with clear labeling simplifies ride management and supports future scalability. Navigation time reduced.
90%
Increased User Adoption and Satisfaction
Positive feedback from users highlights improved navigation, real-time feedback, and accessible design as key drivers of adoption. User adoption increased.
