Please rotate your phone.

aTrip faster

A browser extension provides a holistic and personalized itinerary planning service for young adults, utilizing AI to create optimal travel routes based on user-inputted destinations and preferences. (15 mins read)

Deliverable: High-fi Prototype, Interactive Demo, Research Report
My Role: UX Designer & Researcher
Team: Nikita, Xintong, Yuan and Yanfei
metrics

Defining success with the HEART method.

We obtained data from conducting user research with real end users. Since the product hasn't been launched, we are using the HEART method from Google to measure success throughout the design process.

Have you ever struggled with overwhelming travel plans?

Like my personal experience, many of my friends invest a significant amount of time and effort in researching travel activities that suit their preferences during their pre-trip preparations.

ideation

How might we develop a tool to assist individuals in efficiently customizing travel itineraries?

We outlined three concepts and combined two of them, activity scheduling and a travel safety monitor, to create a comprehensive travel planning tool that produces a personalized itinerary based on users' preferences.

Mockup

#1. Alerts delivered via a wearable device

An all-in-one customer service platform that helps you balance everything your customers need to be happy.
Mockup

#2. Activity Planning App

Measure what matters with Untitled’s easy-to-use reports. You can filter, export, and drilldown on the data in a couple clicks.
Mockup

#3. ​Safety Alerts Plugin

Solve a problem or close a sale in real-time with chat. If no one is available, customers are seamlessly routed to email without confusion.
market research

Competitors don't offer personalized recommendations or mobile compatibility.

We analyzed four competing products that would inform our research process and key functionalities to distinguish aTrip within this space. These competitors existed in the areas of travel planning and itinerary generation, which align with our product goals.

Mockup
audiences

Gen Z and Millennials spend a significant portion of the nation's travel spending on the longest average travel time.

The target users for our product are young adults aged 20 to 35, with a primary motivation to enhance their overall travel experience (Source: Expedia).

Which parts of the process are frustrating?

Through brainstorming with As-is and To-be methods in the team, we figured out the possible frustrations before, during, and after trips.

  1. People often feel frustrated at the beginning of their research because they don't know where to start.
  2. Deficient travel plans and a lack of knowledge about the local community may lead to negative emotions during the trip.
  3. When it comes to the end of the trip, travelers have been exhausted and want to share experiences with others on social media.
Mockup
survey

Verifying the pain points with user inputs.

94

The amount of responses collected from the survey distributed to the UMich community.

58

The percentage of participants expressed complaints about time-consuming research, which validates the pain point.

3

The key factors considered when planning a trip included cost, safety, and activities.

“I use Google Maps quite often, and your idea of incorporating itinerary planning into the map app is brilliant.”

90% of solo female travelers like the idea of personalizing trips.

Persona

Young females exploring the world alone: regaining control and freedom.

Katie
Collage student

"I have a bucket list of places I’ve always wanted to travel at the ready but I just keep waiting for the right person to go with me. Last year, I decided to schedule a plan for a Chicago trip for myself. It’s a big headache to collecting tons of associate information and seeking advice from other travelers to be well prepared.”

Persona

Young females exploring the world alone: A desire for “me time”.

Marcia
PHD student

"I cherish my time to explore and do what I want on my timetable. I like to walk, hike, etc. He [my spouse] doesn’t share my passion for nature, culture, and history. It would be an atrocity not to travel just because my spouse doesn’t like it. This is my passion, and he is supportive as I support his golfing.”

Responsible tips are tailored for solo female travelers to help address safety concerns.

Mockup
user flow

Mapping out the interaction.

We translated the sketches into a comprehensive user flow and tried to close the user transition loop that could form the structure and flow of the application.

Mockup

Key feature

Responsible tips are tailored for solo female travelers to help them prepare in advance.

Amanda, was sipping a cerveza around the corner when someone broke into her room and stole all her stuff. Everything … except her dirty clothes. Stranded in Mexico with no money, no contacts, and suspicious hostel staff, she vowed that no other solo female traveler should ever feel as vulnerable as she did in that moment.
Source: https://www.solofemaletravelers.club/solo-female-travel-stats/
94
58%
3
Back to Top
Implement vs Simulate

Tradeoff decision for limited resources.

All backend work (e.g. the algorithm that generates activities/events/locales based on user preferences, using the Google Suite API to build a plugin, exporting the itinerary as .ics items and importing them into a local calendar) will all be simulated through a combination of screenshots/mockups and Wizard of Oz prototyping transitions.
iPhone mockup

collaboration

Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.

education

Measure what matters with Untitled’s easy-to-use reports. You can filter, export, and drilldown on the data in a couple clicks.
iPhone mockup

customization

An all-in-one customer service platform that helps you balance everything your customers need to be happy.

portability

Solve a problem or close a sale in real-time with chat. If no one is available, customers are seamlessly routed to email without confusion.

UX Design Guideline

A design guideline incorporates color palettes, typography, and component library to ensure design consistency of all user interfaces and also make sure that all team members are on the same page.

Collaboration

At the beginning of the tour guide, users are asked to input basic information, including travel dates, budgets, and numbers of friends to travel with.
In order to enable collaboration, there is an icon dedicated to inviting others to participate in the planning process.
In addition, the collaboration is highlighted by showing the real-time positions of collaborators.

iPhone mockup

Education

The homepage also contains suggestions for things to do, where to go, and how to get around destinations, as well as travel tips to help users be responsible visitors through respect for local culture and custom.
Besides, using the concise and informative “Responsible Travel Tips” section could better prepare in advance for all things unpredictable.

iPhone mockup

Customization

It allows users to set filters based on their preferences to generate a personalized plan and modify each spot in the route.
We gathered elements that users care about the most when planning a trip to the list of preferences, such as eco-friendly, public transportation, pet-friendly, etc.
Also, people are able to modify each auto-generated spot and add any place as the start or end point to produce a complete route.

iPhone mockup

Portability

A dedicated button on the main page allows users to export plans to their local calendars as events, at the same time sync with mobile Google Maps, or send to mobile phones as PDFs through pop-up notifications.

iPhone mockup
Usability Testing

Design iteration

Based on four in-depth usability tests, we refined the UI details in three areas so as to optimize interfaces and enhance user experience.
Mockup

"The image under Travel tips lacks a clear visual guidance of clickability."

Add a button to the image under "responsible travel tips" that indicates this is a clickable link to other subpages.
Mockup

"It is unclear which page will load when the export button is clicked."

Redesign the icon of export by combining the calendar and plus icons to reduce ambiguity.
Mockup

"I am confused about the contents under the Iconic Places section."

Rename the Iconic Places section to Exploration since the content here refers to travel guides including sightseeing spots and activities.
Usability Testing

Reflection

Looking back at this study, all our travel planning is focused on a single city at the moment. Thus, we'd like to integrate with the existing Google Maps feature that offers routes between cities for road trips so that users can more easily plan their trips across cities and even countries.

Furthermore, we would really like to reformat it to take affordable design into account at the very beginning to reach as many of our target consumers as possible. This could also be addressed by shifting our scope to a full mobile functionality versus a desktop plugin as more of the target population will have access to mobile devices.
AI Assistant

Side project

By harnessing the power of AI and databases, we can simplify the task at hand. Through the utilization of machine learning algorithms, we are able to analyze user input and draw comparisons against an extensive travel information database encompassing destinations, attractions, accommodations, transportation options, and user reviews. This amalgamation of AI and database capabilities opens up a realm of possibilities, enabling us to generate personalized recommendations and optimize the travel planning experience.
Mockup
Dashboard mockup
Mockup

Front End: AI Workflow

Users input their preferences, interests, and constraints. Machine learning algorithms analyze the user's input and compare it with the available database of travel information. Based on the analysis, the AI system generates preliminary personalized recommendations for user's itinerary. Users have ability to edit the plan and back to the AI chatbot to get answers contributing to the optimal itinerary.
Dashboard mockup
Mockup

Back End: Data Structure of sorting things-to-do

Data Preprocessing is necessary before AI algorithms can work with the data. This can include tasks like data cleaning, normalization, and feature engineering to ensure the data is in a suitable format for analysis.

The possible structure of dataset could be multiple categories of things-to-do. For example, all the institutions and events about Asian history should be collected into the Culture Exploration category. By leveraging these categories, the AI algorithms can swiftly identify and extract pertinent insights from the dataset, leading to enhanced itinerary planning and more personalized travel experiences.

Lo-fi Prototype

Mockup