TMATE
UI/UX Design
KEYWORDS
Reliable
Connected
Functional
Personalized
User friendly
DELIVERABLES
App
OBJECTIVE
Addressing a real-world problem, design an
app using research and prototyping skills involved in human-centered design. Apply classic design skills in terms of layout, type and color in such a way as to quickly communicate and guide the user through the interactive app design.
APPROACH
Based on my own experience and research, I
found that existing travel apps are not perfect in integrated services. My approach is to design
an app that can help you make travel plans, and also manage complex itineraries, and travel
documents. TMATE is not only an app, but also your personal travel assistant.
PROBLEM STATEMENT
Many people want to manage their travel plans through the
app. Existing travel apps are not perfect in integrated services.
SECONDARY RESEARCH
1. Everyone was disgruntled. Everyone had somewhere they needed to be. Everyone had something they would much rather be doing instead of being stuck in airport hell.
Sources:
https://www.thepetiteadventurer.com/flight-delay-tips/
2. Managing complex itineraries, or multiple trips in a compressed timeframe is a challenge for even the most die-hard organizer.
Sources:
https://www.usatoday.com/story/travel/roadwarriorvoices/2015/05/27/4-apps-to-successfully-organize-and-manage-your-travel-itinerary/83070796/
3. Planning a trip can feel like both the most exciting and the most overwhelming part of travel.
Sources:
https://practicalwanderlust.com/how-to-plan-a-trip-travel-planning-tips/
PROPOSED SOLUTION
1. We are not only your flight pal, and also your friendly reminder.
2. As soon as you book a flight, hotel, car, or other reservation, simply import from your email inbox and your travel document.
3. Access every trip, no matter where you are today or where you’re going tomorrow.
4. Flight alerts begin three days before a flight's departure. Refund and seat alerts are available anytime after you include a valid flight in your itinerary.
5. We will instantly create a schedule showing you where to be and when. While on your trip, we'll help you find your way around.
6. Plan your journey, find amazing places, and take fascinating activities. Discover events that match your passions, or create your own plan.
TARGET USERS
Passengers, travellers, businessmen,
and frequent flyers. Anybody who needs an app to :
1. Record their flights/destinations
2. Notify the change or
cancellation of flights.
3. Plan your trip and find
activities near you.
COMPETITORS
TRIPIT
Unlike other travel apps, TripIt can organize it no matter where you book.
TRIP.COM
Choose from over 1.2 million hotels in more than 200 countries, 30 million real guest reviews. Book flights to over 5000 destinations worldwide.
ROADTRIPPERS
Plan your journey, find amazing places, and take fascinating detours with the world's #1 road trip planning platform.
INTERVIEW GUIDE
WARM UP
Thank you for participating
Introduce myself
-Hello, I am April I’m studying
Graphic Design at the Academy
of Art University.
Introduce my project
-This is my Graphic Design 3 project, today we will discuss travel experience together. Because according to my research, I realized that most of the people are not satisfied with their travel apps.
OVERVIEW
Get basic information about people's travel habits.
EXPERIENCE
5 participants
How often do you use a travel app when making vacation plans?
On average, how often do you travel for pleasure?
In the past 6 months, which of the following services have you used to make travel arrangements? (Please select all that apply.)
What features are you most needs when using travel app?
What things do you consider before choosing a holiday destination?
Do you typically purchase your plane tickets directly from an airline, through an online travel discount site (e.g., Expedia, Kayak, Priceline, etc.), or some other way?
What would you like to do while travelling?
What is the most important information you need to know before your trip?
WRAP UP
- Do you have anything to add to this interview?
- Do you have any question for me?
- Thank you for your participation. I hope that you all have a good day！
INTERVIEW SUMMARY
STUDENT
23
MORGAN B
–I always go travelling during vacations with my boyfriend.
–I love writing journals. And I always review other travellers blogs and journals before my trip.
–I think if there is a travel app provide trip plans and destination activities that would be super helpful.
PRODUCT MANAGER
34
ANTHONY T
–I have 1-2 foreign trips a year with my family.
–I prefer booking directly from airline company instead of the travel agent.
–For frequent flyers, discount travel apps are not very friendly.
–I have used TripIt to manage the itinerary, it works for sure. But it does not provide some destination guides. Activities are important during travel.
UI DESIGNER
33
CHRIS S
–As a user interface designer, I
have to say most of the travel app's interface design are untidy and complex.
–I personally use booking.com to book flights and hotels because it is cheap.
–I use apple wallet to manage and collect most of the itinerary. but it does not provide any flight change reminder.
PHOTOGRAPHER
29
YEEWAI Y
–Because of work, I need to travel all over the world to explore the beauty of the world. I usually use different travel apps to make my travel plan.
–Different travel apps have different feature. But it is actually a very inconvenience experience during making a travel plan.
–Integrated travel app is more appealing.
PERSONA
TRAVEL APP SHE USES
FREELANCER/STUDENT
25
SAN FRANCISCO
ALI W
–Ali is an optimistic girl who lives in San Francisco. After graduating from college, she studies photography to get a master's degree and she is a freelancer too.
–She has more than two trips a year to enrich her life, she is still a blogger of travel blogs.
–She uses a variety of travel apps to book transportations and accommodations. It's hard to say which app is the most commonly used because the different app has different functions.
–She is used to making spreadsheets to plan her journeys. Email is very confusing and it is difficult to find itineraries. Apple Wallet and Calendar are fine to use, but not for any kind of activities or tickets.
DESIGN PRINCIPLES
RELIABLE
Complete and accurate flight information assists users to arrange their travel plan and time schedule.
FUNCTIONAL
An app provides multi-tasks and functions which include collecting and access itineraries, flight changing reminders and notifications, destination activities and event.
USER FRIENDLY
Simple and advanced user interface design for users to use. Avoid mass text and complex process.
PHOTOGRAPHER
29
CHICAGO
JESSE M
–He is a photographer who lives in Chicago with his girlfriend.
–Because of his work, he has to travel to different countries several times a year.
–He had delayed travel plans due to aircraft delays. or cancellations, which made her annoyed.
–He likes to explore new things and cultures in strange countries and places.
–He needs a travel app to explore interesting events and activities at the destination.
TRAVEL APP HE USES
CONNECT
This is not only a travel app, but also your travel pal. We connect users and destinations together. Help users explore activities and events in destinations, just like locals.
PERSONALIZED
An app catering to each individual’s needs and interests, such as exploring activities, destinations and so on, for a better travel experience.
TRAVEL APP HE USES
PRODUCT MANAGER
27
SEATTLE
ANTHONY D
–He is a successful product manager from Finland and lives in Seattle. He is single and his parents live in Helsinki.
–He is very busy and barely has time to go back to Finland to visit his parents. Sometimes his parents will come to America to visit him.
–He always goes abroad because of a business meeting.
–He is looking forward to an app that will help her plan her trip, access and collect the itinerary, and provide accurate flight info such as boarding gate, boarding time, flight change info and so on.
INTERVIEW NOTES
–Frequent flyers pay more attention to access and collect itineraries.
–One of the most important thing for travellers is the activity possibilities of the destination.
–Instant flight information, reminders and inquiries are important features in a travel appt.
–There are many people frustrated by planning their trip (Activities, events, time and places).
–The complex user interface, ads, and multiple texts are issues with the travel app we use most.
USER JOURNAL
USER NEEDS
APP SECTIONS
–To access and manage travel itineraries.
–To show your trip detail according to your plan.
–To help you plan your trip according to your itineraries.
–To explore what to do according to your destination.
–To add, edit, or delete activities according to your preference.
–To introduce her next destination briefly.
–To remind you of the delay or change of your flight, according to your flight itineraries.
–To provide you with plan B according to your trip change.
–To manage your personal info.
–To show and record where you have been to all over the world (Using list or map mode to show your footprints).
–To manage your account and update travel document information (SSN, passport number and so on).
–To manage notifications/preferences and about the app.
MOSCOW CHART
WILL HAVE
Trips (Itineraries): To access and manage \travel itineraries and travel plan
Activities: To explore what to do according
to your destination.
Favorite: To add, edit, or delete activities according to your preference
Settings: To manage notifications and preferences
COULD HAVE
To provide you plan B according to your trip change
Footprints: To show and record where you have been to all over the world (Using list or map mode to show your footprints)
SHOULD HAVE
Trip Overview: To show your trip details according to your plan
Introduction: To introduce her next
destination briefly.
Alert: To remind you of the delay or change of your flight according to your flight itineraries.
Profile: To manage your account and update travel document information (SSN, passport number and so on)
WON'T HAVE
To contact her travel agency in order to
change or cancel her planned trip or tickets.
APP SECTIONS
EXPLORE
–Explore activities according to categories
If you do not have a trip plan yet, you can use the searching bar or your current location to search for activities near you.
TRIPS (HOME)
Upcoming Trips
–Trip plan (Imported Itineraries)
–Date, location, activity
–Reminder (Change or delay)
–Plan B according to change
Past Trips
–Footprints (Map or List mode to show where you have been to all over the world)
–Access your past trip
–Manage or delete your past trip
ACTIVITIES
Destination ( According to your date and locations plan)
–Choose the city
–Day tour, Adventure, City Tour, Food, Event, exhibitions, nature...
–Mark your favorites or join your activities
–Add it to your plan
If you do not have a trip plan yet, you can use the searching bar or your current location to search for activities near you.
SETTING
Profile
–Profile image
–Personal info
–Travel document
Settings
–Siri Shortcuts
–Notification
–Email Address
–Calendar Sync
–Preferences
–Account
–Change password
– Delete account
–Sign Out
–Applications
(Connected Apps)
–About
SITE MAP
SKETCHES
PAPER PROTOTYPE
VERSION 1
TASKS
Launch page | Log in page | Create an account | Trips list (upcoming
& past) | Check flight status | E boarding pass | Activities list and filter | Details of activities | Confirmation page | Profile & Setting
VERSION 2
TASKS
Launch page | Face ID log in | Other ways to login | Trips list ( upcoming & past) | | Travel Records (list & map version) | Activities explore | Tours list | Details of tours Profile & Setting
USER TESTING 1
User 1 (M, 29)
The app is elegantly designed, It is easy to check different categories of activities with the filter. It is really cool how you can have your flight information updated in real-time. Flight notification is necessary for me as a business traveler. For the navigation bar, I think it would be better adding text to explain the icons. (Version 2)
User 2 (M, 34)
Having a single place to have all travel info seems like a dream. Rather than show up with a folder of different printed confirmations, it’s all laid out in one place. I think this app is a brilliant travel assistant. But I think the app would allow flight status researches from within the app. No need to have the ticket is would be very helpful. Maybe I can use the app to track the flight status and pick up my friends from the airport(Version 1).
User 3 (F, 27)
The app is easy to navigate and the information is in an easy to decipher format. And any trips will show up on the app and would be organized by time and date if we connected by email. That is a fascinating thing to organize the trip much easier. I think it needs a purchase function for some event we need to pay or purchase a ticket. (Version 1)
User 4 (F, 25)
The most attractive function for me is to record all my travel stats when I connect my email and travel document. I can see how many miles I travelled until now, how fascinating it is! I think it is really hard to show the travel records through the map version. Because it would be too small and hard to zoom in. (Version 2)
TOP INSIGHTS
1. Reconsider the map version of past travel records.
2. Reconsider the section "settings" Maybe use "Account" instead.
3. Cards act as an entry point for the user, displaying different kinds of content side by side which the user can then click on. Consider using Cards instead of list version.
4. Consider adding forms to help users input sets of related information into the system and submit them. (Payment for events tickets)
5. Icons are images used to communicate a variety of things to users. Consider more representative icons and text combination for navigation.
WIREFRAME
USER TESTING 2
User 1 (M, 29)
The overall use of this app is very smooth. Various functions can effectively help users find and organize travel information. I think for UI design, error prevention is very important. For example, when you enter an incorrect format email, you need to have a reminder function. In addition to this, I think wireframe is completely effective.
User 2 (M, 31)
I think the integrity of the wireframe is very good, both the handling of navigation and the unity of all visual elements (buttons, images, text) are very reasonable. I think it is necessary to have a help function in the settings to help users solve problems or contact us.
User 3 (F, 25)
I can see from the wireframe that all the buttons and text are clear and easy to understand. Returning to the previous page or returning to the home page is very convenient and effective. I am looking forward to the simple interface design, even different from the most image-based travel app in the market, using the style of illustration or color.
HEURISTIC EVALUATION
HAS:
1. Match between system and the real world
The buttons and text used everyday language.
Existing UX of payment method shows requested payment details that are matched with a real credit card. The convention of having a familiar payment method creates ease of use through familiarity.
2. User control and freedom
Have buttons to exit, return or cancel current progress
3. Consistency and standards
All buttons and typefaces keep the same style and color
4. Aesthetic and minimalist design
I use simple and modern typefaces, I will use a clean white and grey background color to make the whole design user-friendly and aesthetic.
5. Visibility of system status
Has a progress bar on top to indicate the current phrase and progress.
Consistent placement of global navigation and local navigation allows the user to be familiarized with the app's navigation.
LACKS:
1. Error prevention
2. Recognition rather than recall
3. Help and Documentation
MOODBOARD
VISUAL GUIDE
FINAL SCREENS
WHAT DOES TMATE DO
We are not only your flight pal, and also
your friendly reminder. As soon as you book
a flight, hotel, car, or other reservation, simply import from your email inbox and
your travel document.
Access every trip, no matter where you
are today or where you’re going tomorrow. Flight alerts begin three days before a
flight’s departure. Refund and seat alerts
are available anytime after you include
a valid flight in your itinerary.
Plan your journey, find amazing places,
and take fascinating activities. Discover
events that match your passions, or
create your own plan.
Illustrations Created For TMATE
