United’s website is incredibly feature rich. The five main features highlighted on the homepage include:

 

- Book travel (Flight, Hotel, Car, Cruise Vacation)

- Sign into MileagePlus

- Check flight status

- Check-in

- Manage trips.

 

Since booking a flight is the most used and most important feature for an airline website, the booking process and its capabilities were deeply examined and analyzed.

United.com Redesign

 For my Human Computer Interaction class, our task was to redesign the United.com website. A group of two teammates, Nishtha Mehrotra and Wendy Wu, and I evaluated the current design issues of the site, ran user studies, reported findings, created wireframes and prototypes to determine the best design options for the site. 

 

United is one of the largest airlines in the world. Their website allows people to book flights, hotels, cars, cruises and more. With the amount of traffic that this website sees, it is crucial for them to create a better user experience for their site. We created 2 personas: Mike and Jen. 

As an interface evaluator, I highlighted the issues with United's current interface and suggested solutions for improvements. I also ran usability studies on our suggested improvements.

About

Phase 1: Evaluation

My Role

After evaluating the United website, some of the main issues we focused on included: 

 

  • Poor visual mapping between price filters and research results

  • Ambiguous classification of travel class

  • Complex information architecture

  • Cluttered design with poor typography and lack of visual hierarchy

 

For phase 2 of the project, I was in charge of usability testing. I conducted 2 studies: card sorting and paper prototyping.  


 

 Card Sorting

4 Participants were asked to complete tasks with a pack of cards. Participants were between the ages of 23-56.

 

Method

Participants were given a pack of cards and were asked:

What information is necessary for you to decide what flight to book?

 

Terms that were used include: Flight duration, departure time, arrival time, amenities, number of stops, carrier, departure location, departure date, price, miles, flight number, layover time, airports, wifi, outlets, meal options, and direct tv.

 

Results

  • useless pile: outlets, direct TV

  • most important information: departure time, arrival time, number of stops, carrier, departure location, departure date, price 

 

Card Sorting Participant 1
Card Sorting Participant 1
press to zoom
Card Sorting Participant 2
Card Sorting Participant 2
press to zoom
Card Sorting Participant 3
Card Sorting Participant 3
press to zoom
Participant 1 results
Participant 1 results
press to zoom

Paper Prototyping 

Based on the findings of the card sorting, and previous evaluation of United.com, four alternatives were designed by my team and I using pen and paper. The interface was broken down into three main tasks:

1. Modify Search

2. View lowest prices for adjoining dates

3. View flight details, select a departing flight, receive feedback confirming actions 

 

Method 

 5 Participants were asked to complete tasks while looking at a paper prototype and the interactive prototype of a screen. The same questions were asked for each of the four paper prototypes. Participants were between the ages of 23-56. 3 participants were male and the other 2 were female. The functions that were tested include:

1. Search function

2. Filtering options

3. Flight results and selection 

 

Results

A majority of participants preferred designs 1 and 2 because the designs were similar to ones that they had seen previously on other travel websites. For design 1, participants liked the filtering options on the left. For design 2, they liked that each slide was given its own card. All participants stated that design 3 was chaotic and hard to understand. The most common comment about design 4 was that participants did not like the search field on the left-hand side. They preferred it on the top of the page. For the interactive prototype, all 4 participants completed the tasks successfully. Participant 2 mentioned that this design of United’s website was much more intuitive to use than the one she is used to. Participants were able to walk through the entire prototype in under 3 minutes.
 

Option 1
Option 1
press to zoom
Option 2
Option 2
press to zoom
Option 3
Option 3
press to zoom
Option 4
Option 4
press to zoom

Feedback received through paper prototype testing was synthesized to create a high fidelity prototype using Adobe Illustrator and Invision. The following are the main features of the design:

  • The modifiable search fields are prominently displayed on top.

  • Lowest prices for adjoining dates can be filtered by travel class and 

  • refundable options.

  • Direct mapping of seat availability and travel class.

  • Confirming actions by providing adequate feedback throughout the process.

  • Clean and minimal design with a clear hierarchy.

 

 


 

Home
Home
press to zoom
Change city
Change city
press to zoom
Change calendar
Change calendar
press to zoom
Change guests
Change guests
press to zoom
Flexible dates
Flexible dates
press to zoom
Flight Details
Flight Details
press to zoom

Phase 2: Re-design

Phase 1.5: Research