f.Lazy

UX Design
Project Overview
Planning a trip with your friends has always been a hassle. Aside from getting everyone’s consensus on places you want to visit, you still have to create the itinerary. This mobile application aims to solve all these problems by incorporating a voting system for multiple travelers to decide on places of visit. Using the list of approved locations, the app would plan out the itinerary based on the proximity of the locations to maximize time when travelling overseas.
Roles
Tools
Duration
UX Researcher
Sketch & Wire-framing
Lo-fi prototyping
Invision
Mural
iPad Notes

2 Weeks (Group Project)
View prototype
P1 Thumbnail
Discovering user problems
To help understand what problems users are currently facing about traveling, I conducted interviews with 8 users to find out what the problems they faced when they planning their trip. Based on the insights gathered from the interviews, I used affinity mapping to find out the behavioral patterns and pain points of users from the raw data collected from the interview.

Key Insights:
- 100% of users rely on technology to plan their travels
- 60% of users faces issues coordinating with other travellers
- 60% of users want to maximize their time overseas.
Defining specific user problems
From the key insights, I developed a user persona so that I can focus design efforts on solving the users' problems and identify the potential gaps and solutions that I can work on.
Problem statement
From the user persona, I developed the problem statement for me to identify the key area that is causing affecting user when it comes to planning a trip with other users.

Problem statement: As one of the travelers in the group, James needs to be able to coordinate with his friends about the itinerary in order to make sure his wants and concerns are being accounted for.

Now I looked at possible directions on how I can solve the problem and came up with 3 How might we statements:
- How might we make collecting information from friends easier?
- How might we ensure that every travellers’ wants and concerns are accounted for?
- How might we make planning more enjoyable?
Designing potential solutions
In these ideating phase, I decided to construct a user flow which shows a high level view of what a happy path should look like for the user. This would help me imagine better what the users expect to see with each interaction on the mobile application
From the user flow, I derived how the pages should look like for the mobile application and what components are needed for each page. I drew sketches to help established the base design of the application.
After which, I did some wireframes on InVision based on the sketches I did before diving into making an interactive prototype for the users to test if the application actually solves the problem of planning for group travels.
Deliver feasible and viable solutions
After adding interactions for the wireframes above, I conducted usability testing with 5 users. Each users were given 3 different tasks to complete.
Task 1: Add a location to the suggestion list
Task 2: Invite a friend to collaborate
Task 3: Vote on locations user wants to go to

From the test, I observed that many users were unable to complete their task or faced great difficulty in completing their tasks. Based on the observations during the test, I organized my insights into pluses and deltas to understand what are the usability problems that users are facing.
There were many areas that were hindering from completing their tasks successfully as shown in the image above. They are main categorized into:
- List of landing page is misleading
- Icons misinterpreted
- No clear indication/confirmation of vote
- Words were misinterpreted too
- User flow was messy, not clear how a happy path is supposed to be
- Many diff perceptions on how to invite friends

I tackled these issues and made the necessary improvements on the prototype. Furthermore, adding more pages in between to help facilitate users transition across different functions. In addition, I created an empty state that help first-time users understand how to use their application as well. You can click on the button below to interact with the 2nd version of the prototype.
View prototype
Due to time constraints on the project, I was only able to conduct the 2nd round of usability testing with 3 users. The results so far have proven to be rather promising. Users highlighted that there was a clear path and the empty state help direct them to what they need. However, some icons and words were still misinterpreted and would require to be worked on more.
Next Steps
The next steps that I would take would be to complete the 2nd round of usability testing to get conclusive data and validate that the improvement was a success. Afterwards, I would focus on areas where users still faced issues and then create a high-fi prototype.
FacebookTwitterInstagram