travel3 copy.jpg

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.

iPhone APP .jpg

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.

philipp-kammerer-6Mxb_mZ_Q8E-unsplash.jp

COMPETITORS

TRIPIT

Screen Shot 2021-02-09 at 6.33.47 PM.png

Unlike other travel apps, TripIt can organize it no matter where you book.

TRIP.COM

Screen Shot 2021-02-09 at 6.33.28 PM.png

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

Screen Shot 2021-02-09 at 6.33.12 PM.png

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.

people sitting on chair in front of tabl

EXPERIENCE

5 participants

How often do you use a travel app when making vacation plans?​

Screen Shot 2021-02-09 at 6.49.36 PM.png

On average, how often do you travel for pleasure? ​

Screen Shot 2021-02-09 at 6.49.57 PM.png

In the past 6 months, which of the following services have you used to make travel arrangements? (Please select all that apply.)

Screen Shot 2021-02-09 at 6.50.40 PM.png

What features are you most needs when using travel app?

Screen Shot 2021-02-09 at 6.51.52 PM.png

What things do you consider before choosing a holiday destination?​

Screen Shot 2021-02-09 at 6.50.20 PM.png

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?

Screen Shot 2021-02-09 at 6.50.53 PM.png

What would you like to do while travelling?

Screen Shot 2021-02-09 at 6.51.10 PM.png

What is the most important information you need to know before your trip?

Screen Shot 2021-02-09 at 6.51.24 PM.png

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

Screen Shot 2021-02-09 at 9.02.29 PM.png

TRAVEL APP SHE USES

Screen Shot 2021-02-09 at 9.15.12 PM.png

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.

Screen Shot 2021-02-09 at 9.02.53 PM.png

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.

Screen Shot 2021-02-09 at 9.15.20 PM.png

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.

photo-1531427186611-ecfd6d936c79.webp

TRAVEL APP HE USES

Screen Shot 2021-02-09 at 9.15.29 PM.png

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

FireShot Capture 022 - Design Journey -

USER NEEDS

APP SECTIONS

Screen Shot 2021-02-09 at 10.13.12 PM.pn

–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

Screen Shot 2020-12-17 at 12.44.57 AM.pn

SKETCHES

press to zoom

press to zoom

press to zoom
1/3

PAPER PROTOTYPE

Screen Shot 2021-02-09 at 10.33.35 PM.pn

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

Screen Shot 2021-02-09 at 10.33.47 PM.pn

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

Screen Shot 2021-02-09 at 10.34.09 PM.pn

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_edited.jpg

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

Screen Shot 2020-12-16 at 11.02.31 PM.pn

VISUAL GUIDE

FireShot Capture 027 - App and Visual -

FINAL SCREENS

12-13_edited.jpg
12-13_edited.jpg
5cb0633d80f2cf201a4c3253.png

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

ww.png