*unaffiliated with Delta Airlines
People: Just me.
Stuff I did: Reverse Engineer UI, Analyze Existing App, Propose New Solutions, Party.
Internet Magic Keywords: User Experience, User Interface, Human-centric Design, Case study, and Redesign.
I am a huge fan of the Delta Skymiles program. I frequently use the app and wanted to try to make it better.
The current Delta app’s main function is to view your Skymiles account and book your next flight. As soon as you login, you are immediately directed to your account.
1. Log In Screen
2. Skymiles Account
3. Book Flight Itinerary
4. Flight Details
Using the Type Ninja chrome extension, we identified Delta is using the "Whitney" typeface.
The first thing I did was try and understand the logic of the UX/UI by reverse engineering the app. This was done simply by copying the layout and typeface exactly.
Using a series of rulers, guides, and overlays we can quickly get a copy of the app layout.
1. Ruler alignment
2. Overlaying current app
3. Outline of app
The login screen was pretty straightforward.
Current Screen
New Screen
For anyone new to the skymiles program, understanding the tier system and how to advance is pretty complicated. I wanted to simplify the screen by combining the two requirements needed to advance to the next level.
MQMs, MQS, MQDs, and card spend are all very complicated topics. I created a bottom link that would explain more.
Current Screen
New Screen
This is by far the most complicated screen on the app. We land on this page after we select the airport flying out and the destination. We are presented with lots of variables all at once. Each card has it’s own price, take off location, duration of flight, time of departure, and amount of stops. Also included is information for other carriers, layovers, layover durations and a bunch of other information.
To tackle the load of information, I focused on the most important thing to the customer: cost and time. All other information has been moved into “View Details” and has been reworked from a link, into a more digestible timeline.
Below are the screens for choosing a booking and viewing more details.
Current Screen
In the current version, clicking on “View Details” redirects you to another page. You are presented information in a table format.
New Screen
1. Log In Screen
2. Skymiles Account
3. Book Flight Itinerary
4. Flight Details
Of course this was just a fun exercise. Moving forward, I would have loved to interview passengers to see what they think about the redesign. Would something like this even work? Is this better or worse than before? What would they like to see?