![Rectangle Header 3.png](https://static.wixstatic.com/media/8be6d0_232df739382c4cd4ae98437ac1550da4~mv2.png/v1/fill/w_980,h_406,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/8be6d0_232df739382c4cd4ae98437ac1550da4~mv2.png)
Amtrak Train Status & Ticket Modification
For this case study, I focused on improving two different areas within the Amtrak app. I developed problem statements for both areas of improvement, and I worked on both designs in tandem. Items correlating to the ticket modification problem statement are color coded in light blue, and items correlating to the train status problem statement are color coded in dark blue.
Individual Project
Completed at MICA | 2023
Defining the Problem
![](https://static.wixstatic.com/media/8be6d0_a7cb70e3805b4c5fb80073c986253f5a~mv2.png/v1/fill/w_54,h_68,al_c,q_85,enc_avif,quality_auto/8be6d0_a7cb70e3805b4c5fb80073c986253f5a~mv2.png)
Ticket Modification
Currently Amtrak customers have no way to modify their trip within the mobile app. Providing customers the ability to modify their reservation in the app will reduce the amount of time required to make travel changes and give customers more control over their travel experience.
![](https://static.wixstatic.com/media/8be6d0_92ea0f173a8d4e85985c7619ef8eff00~mv2.png/v1/fill/w_55,h_55,al_c,q_85,enc_avif,quality_auto/8be6d0_92ea0f173a8d4e85985c7619ef8eff00~mv2.png)
Train Status
Currently Amtrak customers have no way to check train status without re-entering their train information or request updates on the status of their train after booking. Providing access to train status for existing reservations and optional notification updates will allow users to plan and manage their travel experience more effectively.
Who are we designing for?
User Stories
I transitioned my problem statements into statements from the perspective of a user to begin to focus on specific user needs and motivations.
As an Amtrak customer, I want to be able to modify my reservation within the mobile app so I can make adjustments to my travel without having to speak to an Amtrak representative.
As an Amtrak customer, I want to be able to check and receive updates on the status of my train so I can plan my schedule while traveling.
Proto-Personas
Based on my user stories, I created a proto-persona for each respective problem statement to illustrate the behaviors, wants, and needs of the user base.
The Spontaneous Traveler
-
20-55 years old
-
Single/Married/Has A Partner
-
Frequent Traveler
![](https://static.wixstatic.com/media/8be6d0_a3fabde2d4af4fc8b651cb6ee1ac4e76~mv2.png/v1/fill/w_226,h_226,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/8be6d0_a3fabde2d4af4fc8b651cb6ee1ac4e76~mv2.png)
Behaviors
-
Enjoys traveling to visit loved ones and planning spontaneous trips.
-
Does not like to speak to customer service agents, prefers self-serve resources to book and modify travel arrangements.
-
Has a busy and ever-changing schedule.
Wants/Needs
-
To be able to modify their trip departure/arrival dates and times.
-
To be able to update travel details after purchasing a ticket.
-
To avoid having to speak to a customer service agent to make travel modifications.
The Seasoned Traveler
-
20-65 years old
-
Single/Married/Has A Partner
-
Frequent Traveler/Train Commuter
![clem-onojeghuo-hmw698cRnHE-unsplash.png](https://static.wixstatic.com/media/8be6d0_32ea544661184986b142be36deb0ecbe~mv2.png/v1/fill/w_226,h_226,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/clem-onojeghuo-hmw698cRnHE-unsplash.png)
Behaviors
-
Frequently travels or commutes by train.
-
Detail oriented - likes to plan out travel itineraries and schedules.
-
Has a busy schedule and values efficiency - likes to try to get ahead of travel delays and cancellations.
Wants/Needs
-
To be able to modify their trip departure/arrival dates and times.
-
To be able to update travel details after purchasing a ticket.
-
To avoid having to speak to a customer service agent to make travel modifications.
User Journey
Journey Mapping
Referencing the existing Amtrak app for consistency, I created these new user flows with my proposed changes to help guide my prototyping.
![](https://static.wixstatic.com/media/8be6d0_a7cb70e3805b4c5fb80073c986253f5a~mv2.png/v1/fill/w_54,h_68,al_c,q_85,enc_avif,quality_auto/8be6d0_a7cb70e3805b4c5fb80073c986253f5a~mv2.png)
Ticket Modification User Flow
![](https://static.wixstatic.com/media/8be6d0_5cb76970c23e44998aa264ab22387da8~mv2.png/v1/fill/w_980,h_467,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Status%20Flow.png)
![](https://static.wixstatic.com/media/8be6d0_92ea0f173a8d4e85985c7619ef8eff00~mv2.png/v1/fill/w_55,h_55,al_c,q_85,enc_avif,quality_auto/8be6d0_92ea0f173a8d4e85985c7619ef8eff00~mv2.png)
Train Status User Flow
![](https://static.wixstatic.com/media/8be6d0_5597ac3a90f6477aaa78894f14ac59dc~mv2.png/v1/crop/x_0,y_38,w_2970,h_943/fill/w_980,h_311,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Modification%20Flow.png)
Prototyping
Wireframing
I evolved my prototype from wireframe sketches to a mid-fidelity, clickable prototype to use in my usability test sessions.
![IMG_0543.JPG](https://static.wixstatic.com/media/8be6d0_f2e980e603504c8a8108d43c63145a90~mv2.jpg/v1/fill/w_96,h_208,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/IMG_0543_JPG.jpg)
![IMG_0544.JPG](https://static.wixstatic.com/media/8be6d0_fa9ca009e5e84ddda53ff73707701aea~mv2.jpg/v1/fill/w_96,h_208,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/IMG_0544_JPG.jpg)
![IMG_0545.JPG](https://static.wixstatic.com/media/8be6d0_887042a4e0654d7f9cb05c3415e58ab6~mv2.jpg/v1/fill/w_96,h_208,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/IMG_0545_JPG.jpg)
Sketches
![Trip Tools Menu.png](https://static.wixstatic.com/media/8be6d0_6d6aa1eaadf8479e9cfc1a98bd3a443b~mv2.png/v1/fill/w_92,h_199,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Trip%20Tools%20Menu.png)
![Train Status4.png](https://static.wixstatic.com/media/8be6d0_80e4573ee2254d04b3e248537a619b89~mv2.png/v1/fill/w_92,h_199,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Train%20Status4.png)
![Notification Preferences.png](https://static.wixstatic.com/media/8be6d0_2caea6c51784464cb68c7a8c5a47fe4d~mv2.png/v1/fill/w_92,h_199,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Notification%20Preferences.png)
Low-Fidelity
![Screenshot 2023-10-14 173508.png](https://static.wixstatic.com/media/8be6d0_aef088179b91435bad68d04b05c386bd~mv2.png/v1/crop/x_3,y_6,w_388,h_839/fill/w_87,h_188,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202023-10-14%20173508.png)
![Train Status.png](https://static.wixstatic.com/media/8be6d0_2386b0d354b54bb98e7e4c172f6e098d~mv2.png/v1/fill/w_91,h_197,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Train%20Status.png)
![Notification Preferences3.png](https://static.wixstatic.com/media/8be6d0_5dd4fb0e998949e896dcb214f8cdbb3c~mv2.png/v1/fill/w_91,h_197,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Notification%20Preferences3.png)
Mid-Fidelity
![IMG_0547.JPG](https://static.wixstatic.com/media/8be6d0_51d3a4c271144a929b5832ff2e2b770b~mv2.jpg/v1/fill/w_94,h_204,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/IMG_0547_JPG.jpg)
![IMG_0552.JPG](https://static.wixstatic.com/media/8be6d0_78f7e66c390447ca90f54ca4f6e88bc0~mv2.jpg/v1/fill/w_94,h_204,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/IMG_0552_JPG.jpg)
![IMG_0553.JPG](https://static.wixstatic.com/media/8be6d0_3c2b27fcc4ba428191cdab97b25d1eaf~mv2.jpg/v1/fill/w_94,h_204,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/IMG_0553_JPG.jpg)
Sketches
![Existing Tickets4.png](https://static.wixstatic.com/media/8be6d0_7cf8528d75904177a575e92a65fe9c7a~mv2.png/v1/fill/w_91,h_197,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Existing%20Tickets4.png)
![Edit Travel Details.png](https://static.wixstatic.com/media/8be6d0_ea7398fb50544c3a91db1dd4789c9f2f~mv2.png/v1/fill/w_91,h_197,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Edit%20Travel%20Details.png)
![Select New Train.png](https://static.wixstatic.com/media/8be6d0_7a36a9624015471fa109da05bbcece43~mv2.png/v1/fill/w_91,h_197,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Select%20New%20Train.png)
Low-Fidelity
![Existing Tickets3.png](https://static.wixstatic.com/media/8be6d0_0cdb6ed6dbb64d24887743da0d606321~mv2.png/v1/fill/w_92,h_199,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Existing%20Tickets3.png)
![Edit Departure Details3.png](https://static.wixstatic.com/media/8be6d0_d2d917703bde4b5abbc2d8f17a4c0587~mv2.png/v1/fill/w_92,h_199,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Edit%20Departure%20Details3.png)
![Select New Departure Train3.png](https://static.wixstatic.com/media/8be6d0_65cb8750bd0740feb2b8df4d42349982~mv2.png/v1/fill/w_92,h_199,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Select%20New%20Departure%20Train3.png)
Mid-Fidelity
Usability Testing
Round 1
During my first round of testing, I validated the addition of train-specific status monitoring, train status notifications, and in-app ticket modification with all test participants saying they would use these tools.
5
Candidates
60%
Female
28-56
Years Old
80%
Amtrak Users
100%
Previously Booked Travel Online
![](https://static.wixstatic.com/media/8be6d0_a7cb70e3805b4c5fb80073c986253f5a~mv2.png/v1/fill/w_54,h_68,al_c,q_85,enc_avif,quality_auto/8be6d0_a7cb70e3805b4c5fb80073c986253f5a~mv2.png)
Ticket Modification Learnings
Summary
-
80% of participants easily found the trip modification tool under the “trip tools” menu.
-
80% of participants were unclear on how to change the time of their train.
-
All participants were unclear that you have to click on a class of ticket in order to select a ticket to add to your cart.
Recommendations
-
Experiment with increasing the clickable area within certain interactions to reduce confusion.
-
Experiment with reordering steps within the train selection process.
-
Experiment with allowing users to click directly on certain icons/sections of the ticket to make the corresponding adjustments.
“I would hate to call Amtrak, I would much rather use the app to modify my reservation.”
![](https://static.wixstatic.com/media/8be6d0_92ea0f173a8d4e85985c7619ef8eff00~mv2.png/v1/fill/w_55,h_55,al_c,q_85,enc_avif,quality_auto/8be6d0_92ea0f173a8d4e85985c7619ef8eff00~mv2.png)
Train Status Learnings
Summary
-
All participants confirmed that they would use the app to check the status of their train and enable status notifications.
-
All participants were confused by the “trip tools” and “details” buttons.
-
40% of participants were confused by the train status timeline visual.
Recommendations
-
Experiment with re-wording and re-organizing the “trip tools” and “details” menus.
-
Experiment with adding additional notification options (ex. cancellations).
-
Experiment with visually updating the status timeline to make it more legible.
“If I’m doing any type of traveling I always enable status notifications.”
Round 2
During my second round of testing, I validated the functionality of my proposed changes for train-specific status monitoring, train status notifications, and in-app ticket modification.
3
Candidates
66%
Female
34-55
Years Old
100%
Amtrak Users
100%
Previously Booked Travel Online
![](https://static.wixstatic.com/media/8be6d0_a7cb70e3805b4c5fb80073c986253f5a~mv2.png/v1/fill/w_54,h_68,al_c,q_85,enc_avif,quality_auto/8be6d0_a7cb70e3805b4c5fb80073c986253f5a~mv2.png)
Ticket Modification Learnings
Summary
-
As compared to the first round of testing, candidates required less prompting to complete the ticket modification process.
-
Similar to the first round, there was some confusion over not being able to input a time in order to search for trains.
-
There was some confusion over which ticket had been modified within the round-trip ticket interface.
Recommendations
-
Experiment with adding time filters to the train search page.
-
Improve the clarity of the train modification flow so that it’s easier to tell which ticket(s) in a round trip have been modified.
-
Experiment with visually differentiating the ticket cards more so it’s clear they are for separate trips/segments.
“The screens came at me in a logical manner and were well paced so I didn't feel overwhelmed.”
![](https://static.wixstatic.com/media/8be6d0_92ea0f173a8d4e85985c7619ef8eff00~mv2.png/v1/fill/w_55,h_55,al_c,q_85,enc_avif,quality_auto/8be6d0_92ea0f173a8d4e85985c7619ef8eff00~mv2.png)
Train Status Learnings
Summary
-
Since updating the location of the status button, all candidates were successfully able to check the status of their train.
-
Similar to the first round of testing, there was still some confusion over the timeline visual on the status page.
-
All candidates easily located and enabled status notifications for their trip and appreciated the addition of optional text updates.
Recommendations
-
Improve the status timeline visual to give it more directionality and improve legibility.
-
Experiment with adding basic train status within the ticket itself.
-
Experiment with adding the option to share your train status with someone else.
“[The notification preferences] functioned just like I expected them to and were easy to understand.”
Visual Design
Style Guide
Drawing from Amtrak's existing mobile app, I created this design sheet to reference as I moved into high-fidelity prototyping to stay true to the Amtrak design language.
![Design System_edited.jpg](https://static.wixstatic.com/media/8be6d0_864d9bad7b71416ba392c92f0daf8189~mv2.jpg/v1/crop/x_60,y_53,w_1661,h_803/fill/w_982,h_475,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Design%20System_edited.jpg)
Final Prototypes
![](https://static.wixstatic.com/media/8be6d0_a7cb70e3805b4c5fb80073c986253f5a~mv2.png/v1/fill/w_54,h_68,al_c,q_85,enc_avif,quality_auto/8be6d0_a7cb70e3805b4c5fb80073c986253f5a~mv2.png)
In-App Ticket Modification
Rather than having to call customer service to alter a reservation, this flow provides a self-service way to make changes to an existing ticket.
![](https://static.wixstatic.com/media/8be6d0_4565597207d348349685f24dff944a6ff000.jpg/v1/fill/w_356,h_200,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/8be6d0_4565597207d348349685f24dff944a6ff000.jpg)
![](https://static.wixstatic.com/media/8be6d0_5ea1cd997c054d4a90852ce305fb3e52f000.jpg/v1/fill/w_356,h_200,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/8be6d0_5ea1cd997c054d4a90852ce305fb3e52f000.jpg)
![](https://static.wixstatic.com/media/8be6d0_92ea0f173a8d4e85985c7619ef8eff00~mv2.png/v1/fill/w_55,h_55,al_c,q_85,enc_avif,quality_auto/8be6d0_92ea0f173a8d4e85985c7619ef8eff00~mv2.png)
Train Status & Notification Preferences
Based on feedback from my user testing, I reworked the option buttons on the ticket card itself to provide a more direct route to view train status. I also added a notification preferences screen for train status updates.
![](https://static.wixstatic.com/media/8be6d0_92ea0f173a8d4e85985c7619ef8eff00~mv2.png/v1/fill/w_55,h_55,al_c,q_85,enc_avif,quality_auto/8be6d0_92ea0f173a8d4e85985c7619ef8eff00~mv2.png)
Active Trip Status Shortcut
Within the existing status section of the app, I created a shortcut to view the status of an active trip so that users would not have to re-enter their trip data.
![](https://static.wixstatic.com/media/8be6d0_2b504e7c48ef47418963fef51125559bf000.jpg/v1/fill/w_356,h_200,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/8be6d0_2b504e7c48ef47418963fef51125559bf000.jpg)
Impact
Before & After
A comparison of the existing ticket modification and train status options with my proposed updates based on user feedback.
Before: Ticket Modification
-
User testing revealed that users could not easily distinguish between the functionality of the "Details" menu and the "Trip Tools" menu.
-
The "Trip Tools" menu presents users with an excess of options.
-
The only way to modify a ticket is by calling Amtrak.
![BeforeTicketMod.png](https://static.wixstatic.com/media/8be6d0_293af52dc4d54fb08666c1ea3a523032~mv2.png/v1/fill/w_446,h_280,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/BeforeTicketMod.png)
After: Ticket Modification
-
Reworking the button options to "View Status," "Modify Trip," and "Trip Tools" reduced confusion among the users tested.
-
100% of users tested preferred the self-serve ticket modification option over calling Amtrak to alter a reservation.
![AfterTicketMod.png](https://static.wixstatic.com/media/8be6d0_428fddb826bf408ea3bf5af55475e86c~mv2.png/v1/fill/w_446,h_280,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/AfterTicketMod.png)
Before: Train Status
-
Users have to re-enter all of their train details to search for its status.
-
Once the search results populate, users have to sort through and find their specific train.
-
The current train status display only shows the scheduled arrival time and gives no indication of progress between station stops.
![BeforeStatus.png](https://static.wixstatic.com/media/8be6d0_0350b9d6c45e43bd84e0592a33cffa6a~mv2.png/v1/fill/w_448,h_281,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/BeforeStatus.png)
After: Train Status
-
Addition of "View Status" shortcut on the ticket itself.
-
When accessing the status page in the lower menu, users are provided a shortcut to view the status of any active trips.
- The train status page provides detailed arrival and departure times for each stop as well as the train's progress between stops.
- Addition of notification preferences page.
![](https://static.wixstatic.com/media/8be6d0_670431275588499da3de3888277b9e62~mv2.png/v1/fill/w_458,h_574,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/8be6d0_670431275588499da3de3888277b9e62~mv2.png)