Screenshot 2018-05-07 00.44.06.png

A Case Study

Spencer Sterling

Case study: Aerolytics

The following work on the flight search website Aerolytics was done through Prime Digital Academy as a means for familiarizing myself with the design process and learning some fundamental user experience design concepts.

Some key methodologies used in this study include:

Screenshot 2018-05-07 02.32.27.png
  • Directed storytelling and user research.
  • Sketching wireframes by hand.
  • Creating a user flow map.
  • Digitalizing the sketched wireframes in Sketch.
  • Producing an interactive prototype with Axure RP.
  • Conducting usability testing on the prototype.
  • Writing a user report summary.

Some key things I learned along the way:

  • Do not get stuck on details, especially when you are early on in the design process.
  • Focus your efforts on the user goal.
  • Listen to your users.

User research

User Goal: My user wants to find economical flights that best fit their agenda through simplified and comparative data visualizations on the website.

Through means of directed storytelling, I was able find out that my users have several rewards cards. They feel uncertain that they are buying a good flight using their rewards. They also prefer certain airlines when they fly, so being able to filter the available flights by airline is important. They gain confidence in their purchase when they know exactly how much they are paying, and all of the information (such as time, airline, status, etc.) is available to them.


Digitalized Wireframes

Screenshot 2018-05-07 07.50.03.jpeg

home page

On the home page, I wanted minimal amount of distraction. The users options were then to either:

  1. Sign-in or sign-up
  2. Browse flights
  3. Browse ads and deals
Screenshot 2018-05-07 07.50.48.jpeg

Sign in page

This page illustrates the interaction where a user chooses to sign in. The rest of the screen would darken to focus the users attention. 

Screenshot 2018-05-07 07.51.36.jpeg

flight search page

On this page, the available flights will be listed on a table with relevant flight information. There is also a table that analyzes prices and makes the comparison process easier when looking between multiple flights.


Digitalized compositions

Screenshot 2018-05-07 00.25.04.png

The home page

Screenshot 2018-05-07 01.51.37.png

The flight search page

This page tried to encompass all important features when looking through and comparing flights.

Screenshot 2018-05-07 01.58.00.png

The analysis table

In this frame I tried to allow for a quick visualization of the pros and cons per flight.


user testing

Once the digitized wireframes were made into a working prototype, I was able to get feedback from a small amount of users. Some of the big takeaways from this were:

  • The data comparison chart was actually quite confusing unless you knew exactly what you were looking at. Even then, it certainly did not seem to make the process easier. 
  • Users still feel uncertain as to why a deal was good or bad unless there is an explicit number associated with the savings.
  • f
  • nfkda;lsj

Concluding Recommendations

Wrapping up my study, I was able to distill out some recommendations for future studies and also some changes to the Aerolytics website.

  • Eliminate the whole camparison table. Make an easier way to see