Durango Train Mobile App
Project: As a personal challenge, I designed the user experience and interface for a mobile-optimized web app, including a logo design, for Durangotrain.com.
Role: User Experience Designer, Researcher, and Interface Designer
Results: Worked through Design Thinking process and produced a high fidelity prototype in InVision of the chosen key path scenario.
Design Process
I followed the Design Thinking process as described by the Institute of Design at Stanford:
1. Empathize 2. Define 3. Ideate 4. Prototype 5. Test
1. Empathize
Primary User
For the design of the mobile website booking process, my focus was on supporting the goals of first-time visitors to the train. Based on my own experience as a first-time tourist to the area, I identified goals and pain points that arose for myself during the process of reviewing ticket options on my mobile device.
User Goals
• To have a fun, stress-free vacation
• Review the ticket options on trip dates
• Build consensus with travel group on which activities to plan for the trip
• Purchase tickets on their mobile device
Pain Points
• Not able to easily compare side-by-side the different ticket options
• Required to zoom in and pan to read and interact with functions
• Lacking an efficient way to share information about the train car options with friends
2. Define
The Durango and Silverton Railroad needs a web app optimized for mobile devices to improve their visitors' experience of reviewing and purchasing tickets, which will increase ticket sales and customer satisfaction.
3. Ideate
Through writing a context scenario from the user's perspective describing their ideal interaction and use of the product, I was able to identify the design requirements to incorporate in the prototype.
4. Prototype
In the prototype, I focused on the key path scenario of purchasing a ticket online using a mobile device. (Please follow the link to view the high fidelity prototype in Invision.)
5. Test
The next step for this project is to test and analyze results for opportunities to improve.
Credit
Thanks to IDEO.org for their resources on the Human-Centered Design process and to the Institute of Design at Stanford for their resources on Design Thinking. Credit is also due to Font Awesome for use of their icons and to www.uxabc.tw for use of their iPhone 8 template screen. The prototype was modeled as if viewed via the Safari browser on an iPhone 6 - 8.