01.
THE PROJECT
Travel Bug was a university project, where I worked in a pair and individually as a UX Designer.
My role:
• User Research
• UX Design
• UI Design
• Branding
• User Research
• UX Design
• UI Design
• Branding
Software used:
• Figma
• Figma
____________________________________________________________________________________________________________________
02.
THE PROBLEM
The task was to design a responsive, online digital
travel storytelling application with a focus on
interaction design and considers usability issues for
a target audience of 50-75 year olds. It should be
designed to inform and provide a user experience that
is suitable for the target audience.
travel storytelling application with a focus on
interaction design and considers usability issues for
a target audience of 50-75 year olds. It should be
designed to inform and provide a user experience that
is suitable for the target audience.
The Task
Design an online travel storytelling application that
focuses on user experience, have interactive elements
and enables users to share their posts.
Design an online travel storytelling application that
focuses on user experience, have interactive elements
and enables users to share their posts.
____________________________________________________________________________________________________________________
03.
MY PROCESS
To help with my design decisions, I follow IDEO's
human-centered design methodological process:
human-centered design methodological process:
• Empathise
• Define
• Ideate
• Prototype
• Test
• Define
• Ideate
• Prototype
• Test
____________________________________________________________________________________________________________________
04.
EMPATHISE
Understanding Users
The primary audience targets seniors aged from 50-75.
The target audience live in Australia and they earn low to
mid income. They travel regularly and usually use storytelling
applications such as Facebook to share and post photos.
The primary audience targets seniors aged from 50-75.
The target audience live in Australia and they earn low to
mid income. They travel regularly and usually use storytelling
applications such as Facebook to share and post photos.
User Data Gathering
To inform the direction of the mobile application, user
data was gathered through a semi-structured interview.
From the results of the interview, Facebook was the most
used storytelling app, followed by WhatsApp and Youtube.
Further research was gathered through trusted resources
such as the ABS, NGO's and government bodies.
To inform the direction of the mobile application, user
data was gathered through a semi-structured interview.
From the results of the interview, Facebook was the most
used storytelling app, followed by WhatsApp and Youtube.
Further research was gathered through trusted resources
such as the ABS, NGO's and government bodies.
User Persona
Based on the research and data collected, I created a
persona that could potentially use Travel Bug to share
posts and videos of their travels. Andrews's goals are to
find affordable flights and accommodation. He also wishes
to document all his experiences to keep as memories.
Andrew regularly watches Facebook stories and scrolls
through posts on Facebook for travel inspiration. Travel Bug
aims to provide a travel focused application for a variety of
tasks such as: browsing, sharing, commenting and liking posts.
Based on the research and data collected, I created a
persona that could potentially use Travel Bug to share
posts and videos of their travels. Andrews's goals are to
find affordable flights and accommodation. He also wishes
to document all his experiences to keep as memories.
Andrew regularly watches Facebook stories and scrolls
through posts on Facebook for travel inspiration. Travel Bug
aims to provide a travel focused application for a variety of
tasks such as: browsing, sharing, commenting and liking posts.
User Task Flows
Task flows were then created in order to further understand
the possible interactions a user can make as they upload
or share photos and videos or browse through the
explore page for travel inspiration on the Travel Bug app.
From these task flows, I identified the system objectives
and key tasks that make up Travel Bug which include:
Task flows were then created in order to further understand
the possible interactions a user can make as they upload
or share photos and videos or browse through the
explore page for travel inspiration on the Travel Bug app.
From these task flows, I identified the system objectives
and key tasks that make up Travel Bug which include:
• Sign in/Sign up
• Browse explore page
• Upload photos or videos
• Upload stories
• Comment and like posts
____________________________________________________________________________________________________________________
05.
DEFINE
Identifying Pain Points
To better understand user needs and user behaviour, it
is important that the experiences throughout their journey is
recorded through storyboarding. This will address the pain
points that need to be considered as I progress with the
design process.
To better understand user needs and user behaviour, it
is important that the experiences throughout their journey is
recorded through storyboarding. This will address the pain
points that need to be considered as I progress with the
design process.
Storyboarding
Storyboards were created to accurately depict a user's
step by step journey interacting with the mobile app. As
shown below, Andrew's journey navigating through Travel
Bug is a familiar process as he is an advanced user. Travel
Bug aims to provide users with in depth travel inspiration
and address user freedom with sharing, uploading,
commenting and liking photos and videos.
Storyboards were created to accurately depict a user's
step by step journey interacting with the mobile app. As
shown below, Andrew's journey navigating through Travel
Bug is a familiar process as he is an advanced user. Travel
Bug aims to provide users with in depth travel inspiration
and address user freedom with sharing, uploading,
commenting and liking photos and videos.
____________________________________________________________________________________________________________________
06.
IDEATE
Paper Prototyping
To understand the different interactions of navigating
through the app, paper prototypes were created and
tested on users from the target audience. A variety of tasks
and interactive elements were tested to help reach a final
decision before progressing onto Figma to create hi-fi
prototypes.
To understand the different interactions of navigating
through the app, paper prototypes were created and
tested on users from the target audience. A variety of tasks
and interactive elements were tested to help reach a final
decision before progressing onto Figma to create hi-fi
prototypes.
For the sign in page, users were familiar with typing in their
details. When presented with the Face and Touch ID, users
had more difficulty understanding the process of using this
concept. Similarly to browsing the explore page, users found
the swiping feature time consuming and frustrating. They
preferred to select images in a grid layout as it proved to
be easier and familiar.
details. When presented with the Face and Touch ID, users
had more difficulty understanding the process of using this
concept. Similarly to browsing the explore page, users found
the swiping feature time consuming and frustrating. They
preferred to select images in a grid layout as it proved to
be easier and familiar.
Moodboard
I curated a travel themed moodboard to help inform the
creative direction of the mobile app, Travel Bug. The app
will feature scenic photography from various destinations
to maintain user interest as they navigate through the app.
Calm, cool colours will be used to convey a sense of
going on a vacation and peacefulness.
I curated a travel themed moodboard to help inform the
creative direction of the mobile app, Travel Bug. The app
will feature scenic photography from various destinations
to maintain user interest as they navigate through the app.
Calm, cool colours will be used to convey a sense of
going on a vacation and peacefulness.
Branding & Identity
When it came to the brand, Travel Bug was the finalised
name as it conveyed feelings of wanderlust and a
desire to travel and explore the world. Travel Bug aims
to evoke positive emotions for users who travel frequently
by providing them with a user friendly interface and
simple features and functions within the app.
When it came to the brand, Travel Bug was the finalised
name as it conveyed feelings of wanderlust and a
desire to travel and explore the world. Travel Bug aims
to evoke positive emotions for users who travel frequently
by providing them with a user friendly interface and
simple features and functions within the app.
Style Guide
Travel Bug aims to convey a calm and peaceful mood.
The colour palette appeals to older users in the age bracket
of 50-75 as it easy on the eyes and legible. The typefaces
chosen are minimal and comprehensible; which allows
for smooth transitions between various screens.
Travel Bug aims to convey a calm and peaceful mood.
The colour palette appeals to older users in the age bracket
of 50-75 as it easy on the eyes and legible. The typefaces
chosen are minimal and comprehensible; which allows
for smooth transitions between various screens.
____________________________________________________________________________________________________________________
07.
PROTOTYPE
Hi-Fidelity Mockups
After creating paper prototypes of the mobile app,
hi-fidelity prototypes were then created on Figma.
All key tasks mentioned above were designed to
produce an interactive, travel sharing app.
The Solution
The goal was to design an online travel storytelling
app that focused on usability, experience design
and user centered design for senior users.
These goals have been met through:
1. Large, hero images of travel destinations
As gathered from research and user feedback, the target
audience expressed a strong preference for visually
enhanced photography of various destinations. Given that
senior users tend to rely on visual cues before reading;
incorporating vivid imagery within my design was favoured.
2. Universally, recognised icons and metaphors
As Facebook was the most used social media app between
the target audience, I kept the process of signing up,
commenting and liking photos as well as uploading posts
and videos simple and easy to understand for the users.
Familiar icons such as the heart for likes, the messaging
bubble for comments and the camera icon for uploading
content were used throughout the design to evoke a sense
of familiarity for users.
3. Clear hierarchy and enlarged text
To cater to the target audience of 50-75 year olds, I made
the conscious decision of creating an easy to follow grid
layout and hierarchical structure for the end user. Enlarged
text was also applied to assist those with slight vision
impairments for easy reading.
The goal was to design an online travel storytelling
app that focused on usability, experience design
and user centered design for senior users.
These goals have been met through:
1. Large, hero images of travel destinations
As gathered from research and user feedback, the target
audience expressed a strong preference for visually
enhanced photography of various destinations. Given that
senior users tend to rely on visual cues before reading;
incorporating vivid imagery within my design was favoured.
2. Universally, recognised icons and metaphors
As Facebook was the most used social media app between
the target audience, I kept the process of signing up,
commenting and liking photos as well as uploading posts
and videos simple and easy to understand for the users.
Familiar icons such as the heart for likes, the messaging
bubble for comments and the camera icon for uploading
content were used throughout the design to evoke a sense
of familiarity for users.
3. Clear hierarchy and enlarged text
To cater to the target audience of 50-75 year olds, I made
the conscious decision of creating an easy to follow grid
layout and hierarchical structure for the end user. Enlarged
text was also applied to assist those with slight vision
impairments for easy reading.
____________________________________________________________________________________________________________________
08.
TEST
Testing the Prototype
The mobile app was tested with the same target audience
and a heuristic evaluation was conducted afterwards.
Relevant changes were then implemented and final
iterations were made to finalise the design of Travel Bug.
The mobile app was tested with the same target audience
and a heuristic evaluation was conducted afterwards.
Relevant changes were then implemented and final
iterations were made to finalise the design of Travel Bug.
After the evaluations, users suggested that the text could be
enlarged for easier reading. It was also made apparent that
a variety of imagery could be implemented during the
stages of the sign in and sign up page to create increased
visual interest. A clearer hierarchical structure could be
created to help users navigate the app.
enlarged for easier reading. It was also made apparent that
a variety of imagery could be implemented during the
stages of the sign in and sign up page to create increased
visual interest. A clearer hierarchical structure could be
created to help users navigate the app.
Project Takeaways
This project was slightly challenging given the target
audience I was required to work with. I learnt the
importance of placing the needs of users, especially
senior users at the forefront of my design. It enabled me
to keep an open perspective and inform my decision
making by creating designs that were functional, visually
aesthetic yet also address accessibility.
This project was slightly challenging given the target
audience I was required to work with. I learnt the
importance of placing the needs of users, especially
senior users at the forefront of my design. It enabled me
to keep an open perspective and inform my decision
making by creating designs that were functional, visually
aesthetic yet also address accessibility.
_____________________________________________________________________
_____________________________________________________________________
Visualisations