Cas d'étude UX :
Réservation d'un hôtel

UI Design, UX Design
sara-dubler-Koei_7yYtIo-unsplash

The full UX process

L’objectif était de concevoir un prototype hi-fi annoté pour la réservation d’une chambre d’hôtel dont l’expérience utilisateur serait optimisée et idéalement perçue.

This intensive project is a part of the UX Design Institute training program.

or scroll to learn everything about the project!

Design steps

A memorable experience is the result of a three-step process, not a coincidence

1

Research and analysis

Observe, interview and analyze the behaviors of real users of the product to understand and define the needs and objectives to be met.

Competitive benchmarking
Online survey
Usability test
Affinity diagram
Customer journey map

2

Empathic design

Define digital experience interfaces (UI/UX Design) through mock-ups (hypotheses) that meet the user needs identified in the first phase. 

Flow diagram
Workflow (sketch)
Prototype high-fidelity
Annotations

3

Iterative evaluation

User testing validates the hypotheses of the second stage with real users of the product. It's the iterative process of modeling and testing that enables us to improve the UX based on objective and precise criteria.

Usability test

1. Research and analysis

A survey of end-user objectives, behaviors and context

Competitive benchmarking

I began this project by comparing 4 hotel booking websites to find out about my users' goals, behaviors and contexts of use. I learned from existing products:

  • the problem I was trying to solve
  • visual conventions and industry best practices
  • weaknesses and errors in existing solutions

Online survey

I conducted an online survey via Google Form to explore the usage patterns, behaviors and motivations of my potential users.

 

Usability test

The idea was to conduct a usability test to fully understand the goals, behaviors and mental models of our users during the hotel room booking process.

Using a pre-written script, I led a participant through the booking of a hotel room according to defined criteria on two different websites, in order to extract as much information as possible from his user experience. 

Note taking

The UX Design Institute offered us two further usability tests they had carried out themselves, so that our research would be even more informative.

Taking notes for these three usability tests enabled me to extract and summarize the improvements and pain points that were essential for the rest of the project.

Affinity diagram

From my notes, I was able to formulate one idea per post-it note, using a distinctive color code for each of my observations on the three usability tests, the competitive benchmarking and the online survey. 

I was then able to sort and group these observations into named groups. 

Customer journey map

Thanks to the groups that emerged, I was able to draw a map of the customer journey. I mapped out all the steps involved in booking a hotel room, sorting my various observations according to the user's mood, quotes, goals, behaviors, positive and negative points and the context. 

2. Design

Des hypothèses itératives de conception à faire vérifier

Flow diagram

The first step in this design was to define the main flows, organize the content (information architecture) and find solutions to reduce friction at each stage of the booking process. 

I wanted the booking process to be as short as possible, while still allowing the user to make his/her choice according to the details required.

Conception d'interfaces

Testing the flow as sketches allowed me to visualize the usage requirements and submit a design hypothesis to counter the frictions identified during the research and analysis phase. 

Prototype

Based on the sketches drawn, I was able to design the interfaces before adding the interactions that make up the high-fidelity prototype.

I had to test interactivity, flow, interface design, texts and basic interactions.

Annotations

Once the prototype validated the hypotheses identified and best met our user's needs and goals, I was able to annotate the project with as much detail as possible (defining rules and interactions, specifying fields, specifying feedback and feedback in case of error) for the development of the website.

3. Testing

Test on end-users to understand where to improve

Usability test

Reconduct a usability test to understand whether the design-hypothesis formulated meets all the requirements of our end-users.

Depending on the result, I was able to make minor and major modifications and formulate a new design hypothesis, before annotating the high-fidelity prototype to development phase.

Conclusion

I want to develop products that deliver a superior experience

If this high-fidelity prototype can still be improved by passing further usability tests and making it visually highly compliant with the final website, I'm happy to present this solution as the result of this UX process. 

This training complements my skills and enriches my conviction that the end-user has always been central to my projects. The search for improvement can only be carried out with the ultimate aim of putting the user first. In everyday life, I recognize so many situations that frustrate people, and each time I point out how their frustration would be non-existent if things were better done, better thought out, better analyzed, better researched too. 

Je veux aider les entreprises à délivrer de meilleures expériences sur le web et le mobile.