EZ hotel
Book a Hotel Easily
Problem Statement
What the users really need
EZ hotel website allows travelers to spend less time comparing the hotel rate/room details to get the best deal. It eliminates the chaos of opening lots of website tabs, clicking the update search button repeatedly, making the hotel booking easier than ever.
Every travelers need to go through a time-consuming process to get their ideal best deal. (spend less with better quality/rewards)
Research
Key Finds
Interviews with 3 different people, age 30-40, M/F
Persona
Hotel Travelers
GOALS & NEEDS
User flow
Always wearing the user's shoes
After the user interviews, I figured out that most of them do the hotel booking at laptops so they can do the comparison or read the hotel details clearly.
Most users don't want to sign up too many websites, so how to make the user-friendly website is really important.
Sitemap
Start planning the structure of the app
With the card sorting testing, it's easier for me to think about how the user group the related items.
Sketching
Planning the boards
During the paper prototype testing, I just realized that asking the users to check the hotels to do the price comparison is annoying.
They would like to see the rate comparison, but they don’t need to do any extra clicks. Less clicking or less pop-up windows or less advertisements are what they are looking for.
Wireframing
Visualizing the real functions
After refining the paper prototype testing results, it's time to deal with the real layout
Prototype
Connecting all together
https://invis.io/EKOZDLGU5N3
While working on the prototype projects, at first I created all the boards in Xd. It can easily work between Adobe Illustrator and XD. However, while I want to do the test, it seems XD is not user-friendly. Therefore, I went back to InVision, which I can test the prototype easier on the laptop and the mobile (app). The struggle is that on the real screen, even the 1 pixel is very crucial. There are lots of times that I need to go back and forth between the boards and fix the minor pixel changes. Also, how to connect all the boards right is important. During the test, I figured out that if you visit one board, you’ll get stuck and nowhere to go.
Testing
MORE TESTING,
MORE USER-FRIENDLY
Because of the previous paper prototype testing, the users are looking for clear information, less distraction (less clicks) hotel booking website. Therefore, the map and the hotel selections are putting together. Also, the users seriously choose the ideal hotel during the task scenario, so I added the bed specs for more details. Moreover, I edited the wording from “View Deal” to “Choose”, which makes more sense to the users.