UX DESIGN
FLIGHT WEBSITE
UX design, or User Experience design, focuses on enhancing user satisfaction by improving the usability, accessibility, and overall enjoyment of interacting with a product or system. It involves understanding user behaviours and needs, then designing interfaces and experiences that are intuitive, efficient, and engaging.
​
The assignments for course I was taking to learn UX Design took me through the whole UX design process, from carrying out usability tests all the way to wireframing. The topic I chose to pursue is that of flight booking, and the task was to build a satisfactory flight booking sequence, which was carried out in 6 parts, as detailed below.
Step 1: usability testing
After identifying and researching competitors, I set up a usability test with a suitable volunteer. The websites which were tested were AEGEAN Airlines and Ryanair. For each website, there was a scenario given to be followed and questions were asked before and after the experience. The full usability test and script are available to view through the link and button below.​
Step 2: affinity diagram
For this step I had to create an affinity diagram, which involves collecting a range of ideas or data, then systematically sorting and categorising them to reveal insightful patterns and connections. This exercise was first carried out in the traditional way, in-person with sticky notes and markers, and later translated to a digital version using Miro for neatness.
The below image shows the finished version of the affinity diagram, with all the insights collected, grouped and named. It can be seen in more detail by clicking on the image.
Step 3: customer journey map
Customer journey mapping is a strategic tool that visually illustrates a customer's interaction with a brand throughout their entire experience, which helps to understand and optimise every touchpoint to enhance customer satisfaction.
​
The below image shows the full customer journey map, which was based on the usability test conducted (above) as well as two other usability tests which were given to us with the course material. It can be seen in more detail by clicking on the image below.
Step 4: interaction sketches
The next step was to create interaction sketches, which are quick, hand-drawn visual representations of user interface ideas, enabling designers to conceptualise and communicate the flow of interactions within a digital product or application before detailed design work begins.
​
To view all the sketches in more detail, click on the button below.
Step 5: prototype
Prototyping is the process of creating a simplified, interactive model or representation of a product or system, allowing designers and stakeholders to visualize, test, and refine ideas before final development, saving time and resources.
​
In this case, a medium fidelity prototype was created to test the user flow. The prototype was created on Figma, and can be accessed by clicking the button below.
