Capital Metro
Redesigning the accessibility of the CapMetro mobile application.
ROLE
User Research​
UX Design
Prototyping
Usability Testing
TOOLS
Figma
Figjam
UserTesting
Slack
PRODUCT
Mobile app redesign
Usability Testing Report
TEAM
4 members
TIMELINE
10 weeks
OVERVIEW
Redesigned the Next Departure page of the CapMetro app with a focus on seniors and users with visual impairments, utilizing a human-centered approach informed by UX techniques and literature insights. Prototypes were developed in Figma aimed to enhance accessibility and usability.
DISCOVER
Literature Review
DEFINE
Persona
Heuristic Evaluation
Most Common Usability Issues
Severity Ratings
Cosmetic Issue Only
Need not be fixed unless extra time is available on project.
Minor Usability Issue
Fixing this should be given low priority.
Major Usability Issue
Important to fix, and should be given high priority.
Red Alert
Imperative to fix this before product can be released.
Next Departure Page
Version: iOS
Affinity Mapping
Competitor Analysis
Problem Statement
-
Buses have constraints in terms of physical stops and information accuracy.
-
Users have difficulties in their physical constraints and acquiring clear communications.
-
The current version of the CapMetro app does not address accessibility concerns.
-
Current CapMetro app fails several heuristics like Consistency & Standards, Recognition rather than recall, and Aesthetic & Minimalist design.
Goals
Usability:
-
Connect solutions with insights from literature review and heuristic evaluations.
-
Satisfy the baseline of usability heuristics
-
Reduce the complexity of the interface and its functions.
-
Promote ease of transportation and reliability.
Accessibility:
-
Clear, large and high-contrast text.
-
Possibly enable speech-to-text commands within the app.
-
Apply the WCAG 2.1 guidelines while redesigning the app.
IDEATE
Screen Flows
