top of page
Role
-
UX Research
-
UX/UI Design
Timeline
-
September - December 2022
Tools
-
Figma
-
Figjam
-
Miro
Problem
People travel to relieve stress but planning a trip can be overwhelming
Travelers find trip planning stressful due to information overload which may causes travel planning fatigue. They have to use too many different platforms to do the research and develop the itinerary but actually never ends up using it during their trip.
How might we able to make trip planning easier and useful?
Solutions
.png)
Empathize
01
User Interviews
-
5 participants
-
tech savvy
-
frequent traveler
Questions asked:
-
What platform do you use to plan trips?
-
Tell me about last time you planned trip
-
Why do you prefer the current way of travel planning?
-
How is the experience with sharing your planned trips?
-
How useful is your planned itinerary on your trip?
Affinity Map
After gathering the information from the interview, I grouped them by category and came up with an affinity map. Based on the trends, I was able to find three major pain points.
.png)
People have hard time discovering places to visit
01
There is no perfect tool to create an itinerary
02
Itineraries ends up unnecessary during trip
03
Define
02
Persona
Who am I designing for?
Ideate
03
Information Architect
Visual representation of the app’s infrastructure, features, and hierarchy. IA, the blueprint that delivers a simple representation of how the application works, makes it significantly easier to make key decisions for new features and updating existing ones.
User Flow
User flow was created in order to consider the path in which user will navigate through the app. Since this was a solo project completed at a bootcamp, I used MVP, to quickly validate the hypothesis about my product.
Flow 1: Login or create an account
.png)
Flow 2: Explore new places and add to existing itinerary
Flow 3: Create new itinerary
Design
04
Early Sketches
Early sketches are a quick way of generating ideas. With these sketches I conducted a guerrilla testing using the Marvel prototype. After collecting insights from testing and observations, the two main points that needed redesigning were the following:
Key Takeaways
Primary task of creating new itinerary needs more attention
💡
Design more simple way of adding trip details to itinerary
✍️
Wireframe
Using Figma, I transformed my sketches into low-fidelity wireframes focusing on the key takeaways from the guerrilla testing.
High Fidelity Mockup
Test
05
Major Improvements
Based on the feedbacks from the two rounds of usability testing with total of 10 participants, I continually iterated my designs with the major improvement as below:
Final Product
What I Learned
-
Iteration is a continuous process - I have conducted total of three usability testing including the guerrilla testing in the early stage of design. For every session, I learned that there was always some feedback and suggestion that I would have never thought about. This showed me how important user experience is. Every participant feels different about experience with my app and it is important to consider from everyone’s perspectives.
-
Importance of usability heuristics - Every iterations I made after testing was issues explained in the usability heuristics. My key takeaway from this project was to make sure I conduct enough usability heuristics and accessibility audit on my design before I test on users
-
Paying attention to the details - Since this was my very first UX project, it was also my first time interviewing people. Even though I was very scared, it did get better along the way. In the process of collecting information from the interviews, I learned that there is more information to be found from their tone, body language, and reactions than just from what they are saying directly.
bottom of page