Usability Evaluation and Site Redesign

In 2017, the world voted for the seven wonders of the new millennium. These are very touristy places that condense unique beauty and are prepared with many services for everybody to enjoy.

For this challenge, our task was to jump into the shoes of a world traveler, and use some of the user types provided that can respond to different scenarios according to our own audience reach.

With our research, benchmarking, and testing we will redesign wireframes and propose changes in order to fix the pain points through an interactive prototype.

In this case I am going to use the Kayak app and conduct a usability test based on Nielsen's Principles.

Taj Mahal

An immense mausoleum of white marble, built in Agra between 1631 and 1648 by order of the Mughal emperor Shah Jahan in memory of his favorite wife, the Taj Mahal is the jewel of Muslim art in India and one of the universally admired masterpieces of the world’s heritage.(Wikipedia)

User type: “Small group of friends” between 40–60 years old.

I chose this type of user because it is the most different to what I know I can empathize with this demographic, since I understand that in older generations, especially 40–60, it is more complicated to find something online that is simple. I think that often these people would save more and have more choices if they could easily find what they are looking for without going to an agency for help. This type of user, according to the people I have asked, value the option of travel packages and above all prefer safety and quality over a low price. They would prefer a direct flight or a short layover as well as a nice hotel.

Research

  • Currency exchange: €1 (Euro) = 89.2329 INR (Indian Rupee)
  • Medical needs: All tourists visiting India need to get vaccinated for hepatitis A, tetanus and typhoid.
  • Visa requirements: Visa is required to travel to India for European citizens. They can also apply for an E-Visa, is an online application, and it is very simple. The cost of the visa depends on the passport with which you apply, and can vary from US $0–60.
  • Wardrobe recommendations: loose-fitting T-shirts, tunics and blouses with high necklines. Long or short sleeves, and loose-fitting pants and ankle-length skirts. Lightweight neck scarf for extra modesty and a head cover when visiting temples and mosques.
  • Days needed to visit attraction: Recommend staying 1–2 nights. This will give one full day to see the Taj Mahal and explore a few other things that this city has to offer.

Benchmarking

Testing

The 5 second test:

I showed a test-user a screenshot of the “Kayak” website for five seconds, then I took away this picture and asked different questions about what the person has seen, or thinks about the image.

So, in this case I asked 3 questions:

  1. What do you think this page was about?
  • Most of them thought that was a travel app.

2. What service do you think kayak offers?

  • The majority knew that Kayak offers flight options, not much about hotels or packages.

3. What was the most prominent element on the page?

  • For all of them, was the flight offered.

The 3 tasks were:

  1. Look for a package with the same app, that can include flight+hotel, or a set of flights & hotel, etc.
  2. Look for a nice and exclusive hotel for 3 people with a medium to medium high budget, (3 rooms, bathroom inside, air conditioning, and good location).

Insight

Discovering pain points was challenging because Kayak does a good job with their application design. However, there’s always something we can change and learn so we can make a better experience for users. According to my analysis, I have found a few pain points for my demographic:

  1. Flights are not connected directly with Kayak

The biggest problem for my user demographic was that at the moment of booking any flight with Kayak, they are redirected to the different airline’s booking pages. The objective of an online travel agency, like Kayak, is to give the facility to easily see multiple options and details as well as book them all directly. This begs the question, what is the point of making arrangements with an agency if at the time of choosing the flight we have to make the arrangements again in the other pages with the main airlines?

The other big problem that we found is that when you want to book an itinerary that consists of 2 separate airlines, there is a risk that while buying one flight the other flight may no longer be available, or some error or problem may occur while buying them separately making it difficult to link the itinerary.

2. Some “packages options” cannot be successfully used

In the “packages” section, my user tries to find a good option for a flight + accommodation directly to the destination “Agra”.

Agra is the town where the Taj Mahal is located, one of the 7 wonders of the world, it is a very well known place with many activities. It is full of different types of accommodation, but you can’t always find flights directly to Agra’s airport. The nearest airport is in Delhi and it is a 4 hour drive from Agra.

There are rarely flights to Agra, and as a result, when searching for flight + accommodation packages, Kayak will not return any results even though there are many options available. Tourists typically fly into Delhi to reach Agra. In this case, the user will not have access to the packages section, forcing him/her to search again for everything separately.

3. Hotel/Accommodation lists only show cover photos

In this part the user looks for a hotel for her and her 3 friends, they have a medium-high budget and she looks for different options. For her, the photos are the most important part of her booking process. The photos allow her to visualize herself in a beautiful, quiet, and exclusive place for the 3 of them. The hotel images will help her decide faster and make her feel more confident in her choice.

The problem she found here was that to see the images of each place, she has to go into each offer. This makes her lose a little bit of time and interest. It would be good to have access to the hotel’s images without having to enter each offer or the hotel page.

I think this application is fantastic, however there are some areas where the user experience can be improved. In this case my user type is very different from me and my generation. I empathized a lot with them and that has given me an amazing opportunity to think of small solutions that could make things easier and happier for them when organizing a trip.

Redesign Wireframes

These are the actions my user has followed to take the first step to book a flight for 3 people with the application.

After searching for the flights, the user goes through 3 screens until she arrives at the one that mentions the different offers with other travel agencies. After 3 more screens she could start filling in the passenger details and the other requirements needed to buy the tickets.

Proposal:

After selecting a flight from the search screen, as seen in the image, we can go directly to the purchase and passenger details screen. It would be good if Kayak could handle the purchase directly from their website like other agencies without having to redirect the user. This would speed up the search in only 3 screens from the “flight search” in a practical and easy way.

2. Some “packages options” cannot be successfully used

These are the actions my user followed to take the first step to book a flight for 3 people within the application. In this case, the user is looking for Flight+Hotel packages for 3 people and the application does not return any results since the selected destination:

a. Does not have flights for the dates

b. There is no airport in the destination city

c. It is not a very busy airport and does not appear as an option — this is the reason in our example

Being a non-transit airport and with few flights, it does not appear directly, and for this reason does not give the option of Flight+Hotel.

Proposal:

This would also work vice versa, if you don’t find the location and only the flight, it will look for the nearest location with the selected airport.

This can be accomplished with the options “Recommended airport” and “Places to stay in”. With the same steps as before, instead of not finding any options, when a user looks up a hotel in Agra, it automatically shows suggested flights to Delhi, which is the nearest airport. This allows the Flight + Hotel package section to be populated even when there are no direct flights.

3. Hotel/Accommodation options don’t have access to the photos of each place, it only shows the cover photo

These are the actions my user has followed to book a flight for 3 people with the application. “Looking for Hotels” shows us several options and offers. My user demographic is less tech savvy and as a result, the more often we redirect them outside of the app, the more complicated it becomes for them. A good improvement for this App would be the ability to see the photos of the places directly in the thumbnail without having to enter each option.

Proposal:

This option reduces time and gives the user a clear idea of whether he or she would consider choosing that hotel, without redirecting them off of the page and potentially losing them.

Conclusion

Each user has different priorities and needs, but travel is still an option for most people, in this case, for this specific type of person we want to:

a. Facilitate searches, filter the options as much as possible so that they do not cause confusion and frustration by causing the users to be overwhelmed and feeling lost.

b. Have fewer steps that go directly to where they want to go.

c. Direct access and speed to photos.

I’ve realized that they don’t want to spend a lot of time on the computer analyzing every single detail, but rather prefer something more direct, simple and practical. If Kayak strives to replace the in-person travel agent, they need to make these improvements to satisfy the needs of the older demographics.