My logo: a white capital M with a small white heart on top
Problem:

Quarantining during the coronavirus pandemic reminds me of how much I miss traveling and how life can be short. Why not create an efficient travel planning mobile app for today’s tourists to make the most of their time traveling?

Deliverables:

User Interviews, User Persona, Value Proposition, Feature Prioritization, Journey Map, User Flow, Prototypes

My Role:

UX Designer

Timeline:

August - September 2020

Image of a hand holding an iPhone with the splash screen of The Informed Traveler displayed

Why The Informed Traveler?

Traveling has been on my mind shortly since I started quarantining at home, so I wanted to design a new mobile app to help fellow travelers easily plan their travels after the pandemic ends. I will use the following process to design this app in four weeks (as this was my first design project, I followed this process very linearly):

Diagram of my design process: User Research, Defining a Problem, Ideating Solutions, Creating Prototypes, and Testing Prototypes

First, I needed to understand what troubles and emotions travelers were having during their planning process by conducting user interviews. I also wanted to ask them about what travel planning apps or tools they were using to understand what competitor travel apps were doing right and where they could improve.

With four weeks on the clock, I took off to do user research.

User Research

What should I ask today's travelers?

To understand the minds of travelers, I had decided to ask the following questions:

  1. Recall the last trip you had and tell me about it.
  2. Do you recall how you planned for that trip?
  3. Why did you go to specific stops on that trip?
  4. What tools or methods did you use to plan?
  5. How did you feel during the travel planning process?
  6. What was the hardest part about planning?
  7. What did you enjoy the most about planning?
  8. How did you prioritize where you planned to travel to?
  9. How effective was your plan?
  10. Is there anything you could have done to improve your planning process?

I checked that my interviewees had at least one traveling experience in the past couple of years since I wanted to understand how today’s travelers planned.

User Interview and Survey Results

From interviewing five travelers, who were all college-age students in their early 20’s, I learned that they had a common need of visiting unique, local-recommended places. Further questioning revealed that they wanted to avoid the same three to ten popular tourist attractions often over-hyped on the internet. Four out of five of my travelers planned trips based on word-of-mouth from other tourists who had been to the area or by asking locals, such as Airbnb hosts, what destinations they recommended. Most of my travelers wished to plan their travels to be more efficient about transportation time between tourist spots.

“We actually ended up going to a snowboarding resort thanks to our Airbnb host’s suggestion. That same Airbnb host recommended this fairly unknown underground garden, which was a really cool find.”- Andrew, 21

“The beach that we went to did not seem to live up to the reviews...I think the reviews kind of overhyped the beach. It took, like, two hours to get there.”- Nam, 22

I also surveyed 17 travelers to learn about their travel planning pains and the planning tools that they used. The survey results reveal that their most frustrating pain point is paying for expensive tourist attractions. Most of the respondents used Google Maps, Reddit, and Yelp to plan their trips.

Bar graph of the travel apps that travelers surveyed use. From most to least used: Google Maps, Reddit, Yelp, Excel, Word of Mouth

Google Maps, Reddit, and Yelp are my travelers' top three favorite travel planning app go-tos.

Pie chart of the most frustrating part of travel planning. Almost half of the chart is Expensive Tourist Spots

More than half of travelers surveyed find expensive tourist spots and predicting transportation time the most frustrating when planning.

Meet Miriam (User Persona)

Meeting my interviewees and studying the survey results helped me envision the traveler that I was designing for. Someone sharp-witted and savvy about their time...

Miriam Garcia is shown along with her personality, bio, traveling goals and pains, habits, and travel planning tools used

The Informed Traveler's user persona, Miriam Garcia.

Someone like Miriam Garcia. She is a sharp, bright master’s graduate planning to take a refreshing break in Costa Rica before pursuing a Ph.D. Miriam knows a tourist trap when she sees one online. Nothing annoys her more than being recommended the same ten tourist traps while feeling her hours spent searching go down the drain. Miriam needs to find unique experiences in the least time possible.

With Miriam here, I started to define a problem specific to her for my app to solve.

Definition

Miriam can easily plan which stops she wishes to make on her trips using search engines and reviews online; however, she always encounters the most popular tourist attractions that show up in the results or as recommendations by other travelers. Miriam is understandably frustrated with her time-draining hunt for traveling experiences. I need to give Miriam an easier way to view authentic, local-approved traveling experiences without having to dig through the internet to find them.

How might I create a travel planning app so that travelers can easily and quickly find authentic experiences that fit within their budget and vacation time?

Ideation

What should The Informed Traveler provide for travelers? (Value Proposition Canvas)

Now that I have formed Miriam’s problem into an actionable statement, I could begin to brainstorm ideas for my travel app. First, I wanted to reaffirm Miriam’s needs and what my travel app could offer to meet them.

A graphic showing how The Informed Traveler can meet Miriam's needs

This value proposition canvas shows how we can meet the expectations and solve the frustrations of Miriam.

Around this time, I named my app The Informed Traveler as this app will serve as a one-stop-shop to help travelers like Miriam find unique places to visit thanks to input from locals.

Brainstorming and selecting feature ideas (Feature Prioritization)

To create a list of potential features for The Informed traveler, I noted what other travel planning apps were doing well. I considered Yelp's feature to see reviews from people who have been to a particular location and Reddit's feature to judge the quality of a comment based on the ratio of upvotes to downvotes it has. In addition, I also jotted down several features for The Informed Traveler that I thought Miriam would like, including the ability to see the safety rating of a location and the ability to sort travel destinations by personal preference.

After organizing these potential ideas based on which had the most impact on Miriam and would fit into the remaining weeks I had to design the app, I decided to design a review system for travel destinations and a filter for sorting travel destinations by personal preferences.

A graph showing all the features that I brainstormed. The chosen features I designed with are outlined in green

I focused my efforts on implementing the features within the green dashed line.

What is Miriam's experience with The Informed Traveler like? (Journey Map)

With features for my app settled, I mapped Miram's journey throughout The Informed Traveler in Figma.

A graphic showing Miriam's experience and feelings while using The Informed Traveler

The above diagram helps me envision Miriam's emotional journey through The Informed Traveler.

Miriam is searching for destinations in Costa Rica to visit, but she keeps finding the same top ten popular locations populating her search. She notices an ad for The Informed Traveler and decides to give it a try. Miriam finds that she can easily and quickly plan a trip filled with authentic experiences thanks to The Informed Traveler.

Tracking Miriam's path through The Informed Traveler (User Flow)

To start prototyping, I translated Miriam’s journey through The Informed Traveler into a user flow, seen here in Miro.

The beginning of the user flow for The Informed Traveler

As detailed in the flow, Miriam will be able to

  • Create an account to keep track of her travel plans
  • Search and filter destinations to add to a travel plan
  • Write a review for a destination she has been to
  • View reviews from other travelers for any destination
  • View her travel plans
  • Manage her account

Prototype

Sketching The Informed Traveler's screens (Paper Prototype)

Using Miriam's flow through the app, I rapidly sketched The Informed Traveler’s screens on paper.

A sketch on paper of The Informed Traveler's splash screen

A rough sketch of the first screen users are greeted with when using The Informed Traveler.

A sketch on paper of the explore screen of The Informed Traveler

A rough sketch of the home page screen which shows that the user is logged in and recommends locations to visit.

A sketch on paper of the filters that a user can select to sort locations

A rough sketch of the filters used to sort for a user's personal preferences.

Creating and testing the mid-fi prototype

I only tested a couple of users due to time restraints, but since there were no major issues, I jumped straight into creating a low-fi prototype for The Informed Traveler using Adobe XD.

Feel free to interact with this low-fi prototype!

In these frames, I wanted to include an emoji feature for showing how travelers felt towards a location. After testing my low-fi prototype, users found the emoji reaction to be extraneous and would rather use the upvote/downvote system for showing appreciation of a location and leave a comment if their emotions were strong enough.

Other popular feedback included users needing the ability to easily distinguish the filter button for sorting traveling destinations and the ability to distinguish comments made by travelers versus comments made by locals.

The Informed Traveler high-fi prototype

With this knowledge in mind and only a half a week remaining, I revised my low-fi prototype to create the following high-fidelity version.

Feel free to interact with this prototype!

As I just focused on the UX aspect of designing The Informed Traveler and ensuring that the design solved Miriam’s problem, I considered my design finished for now.

Reflection

My takeaway from this experience is not to get caught up in feature creep, like allowing users to add an emoji reaction to a travel spot they had been to. I already minimized the number of features to include from user interviews and testing, so why spend more time thinking about more features?

For the future of The Informed Traveler, I may consider updating the UI of the app to give it more personality and enjoyment for the users.

For future projects, I will focus more on prioritized features. I will also try to remember to iterate as early and often as possible, so I do not get too caught up in one idea for a project.

Thank you for reading!

Check out my other works:

Website Redesign: Child Care (Florida Department of Children and Families)

Timeline: January - February 2021

Role: UX Designer, Front-end Developer

Connecting parents and guardians of children to childcare providers with this online service

Mobile App Design: Edubeat

Timeline: September - October 2020,
May - June 2021

Role: UX/UI Designer

Sing, learn, remember with this mobile music education app by creating study jingles

Let's stay connected!