Role
UX/UI designer
Start
May 2020
Finish
Sep 2020
00.-
Web Design Course
It all started as a team project π€
0
Team Members π±π»ββοΈπ¨π»
0
Mentors π¨πΌβπ«
0
Months Course π»
00.-
Web Design Course
Why another travel app? πββοΈ
The idea of this travel app came from the teamwork project I was involved while taking the web design course at the Estonian Academy of Arts
00.-
Web Design Course
π Transition from team project to personal one + π» coding experience
I created lo-fi, mid-fi, hi-fi mockups for a landing page which are representing the
Toco app. We had coding workshops as part of this course. The landing page of Toco is
made
using pure HTML/CSS and JS (without Bootstrap or templates) and it is also fully
responsive.
You can view my project code available on GitHub
β¨Link to GitHubβ¨
00.-
Project relaunch
Oh, no! Why this project again? π
The reason why I decided to start this project again was my wish to have such an app
available for βοΈ travellers like me.
Before starting the UX research again, I consulted with 3 developers π» working on web
and
mobile applications. It became obvious that Toco project requires a team of developers
and content creators and it is technically harder than I expected. But still, from my
side, I can do a deeper UX research that could hypothetically be useful in the future
development of Toco app.
π If you are interested to learn about the whole research process please do not hesitate to contact me
01.-
Discover
Is there a lack of travel apps? π§
0
Working Hours π©πΌβπ»
0
Steps π»
0
Coffee Cups βοΈ
01.-
Discover
Why Gen Z and Millennials? πΊ
In the first version of the research I did during my course at the Estonian Academy of Art, we were not focused on any specific age for our target audience. This time I shifted my focus towards the youngest generations.
Millennials and Generation Z need a simple and quick way to plan their travel and find
unique and favourite among locals spots to visit them. These places need to be safe and
travellers need to have an opportunity to ask clarifying questions from the πΊ travel
community.
Millennials and Generation Z travel more than the previous generations and want to
explore cities by feeling like locals without losing comfort.
02.-
Discover/Define
What people say? π©βπ¦±π§
0
Steps π
4
Interviews π©πΌβπ»π©π»βπ
0
Work hours π»
02.-
Discover/Define
π Research plan and interview notes
For user interviews, I found guys who travel π§³ a lot for different reasons together with their partners or alone. All interviews were conducted using video calls and included a brief, interview and debriefing.
BACKGROUND:
The travel industry has radically changed after 2008 when startups like Airbnb and Uber
were founded. The rise of low-cost airlines in the 2010s also played a significant role
in changing βοΈ the travel industry.
Nowadays travellers can easily find a safe taxi from an airport to an apartment. Once at
the place of their π‘ accommodation, they don't need to go through a tedious hotel
check-in
process. Most of the apartments on Airbnb offer a self-check-in box π service and by
the
time our traveller is done taking bath, local food π₯‘ delivery service is right behind
the
door with a tasty lunch.
Millennials and Generation Z appreciate comfort πΈ and feeling that they become locals
at
the moment their plane lands in a new city. The only thing that was missing in this
"comfort + local experience" combo is an app that would help to find suitable and
targeted places recommended and verified by locals.
02.-
Discover/Define
π Affinity map & Findings
After conducting user interviews and transcribing the main points of the interviews into
an interview notes section, I started to create an affinity map.
Each interview has its colour (yellow, orange or green). I wrote on sticky notes the
most important points (and I also summarised some user points). In some cases, I also
drew π to get a better understanding of each user goals. The next step was to consider
how
to divide user points. I highlighted 6 main user
motives that they expressed during interviews:
1. Local experience π (local's food, local places)
2. Transport π΅ (renting a car, public transport, troubles with public transport)
3. Researching the trip (paper map πΊοΈ or google maps; research about dangerous
places)
4. Tickets π« and discounts (uses ISIC card, buys tickets before going to a museum)
5. Travel services (rents rooms ποΈ in hotels, uses Airbnb only, uses TripAdvisor)
6. Travel behaviour π (travels alone or with a partner, chooses between comfort and
price)
03.-
Discover
Is it a unique idea? π§
0
Direct Competitor π
4
Potential Competitors π
0
Work hours π»
03.-
Discover
Competitors research π©πΌβπ»
During the research, I analysed more than 20 competitors in the travel field. My flow was pretty simple but time-consuming. I downloaded every π± travel app available in English, I went through sign-in/sign up processes, explored all app features, made screenshots and took notes for creating Plus/Delta chart.
03.-
Discover
π Analysis
After collecting all the data I created an affinity map. Using the affinity map I identified π what features a hypothetical Toco app could have.
04.-
Define
Who is the Toco app user? π§ββοΈ
0
Personas π©βπ¦±π§
4
Steps π©πΌβπ»
0
Work hours π»
04.-
Define
Travellers who will use the Toco app π©βπ¦°
The main differences between primary and secondary personas:
1. An average of income πΆ
2. Solo πββοΈ travelling or travelling with a partner
3. Time of staying in a city π‘
KΓ€tlin Kask needs a way to check the most important information before taking the trip and to plan to visit local's places without huge effort because she has no time for planing her trips and at the same time she is on a tight budget, but she needs to feel safe and comfortable during her trips.
05.-
Define
What functions does a travel app really need to have? π±
0
Card Sorting π
4
Participants π©πΎπ¨π½βπ¦°
0
Work hours π»
05.-
Define
π Card-sorting & MoSCoW prioritisation
For feature prioritisation, I chose a MoSCoW model as I used it a lot for my freelance projects and I found this type of prioritisation map to be the most easy-to-use and easy-to-read type of map.
Card sorting research took 2 days and it involved 8 participants (from Europe, the UK
and the US; generation Z and millennials). Participants had an option to sort cards into
3 columns: πΊ must-have, π nice to have and π rubbish. They also had a choice to keep
some cards unsorted.
π Card sorting research shows what most of the respondents would like to see in the
TOCO
travelling app:
1. Section π₯ "Restaurants recommended by locals"
2. Filter places πΆ by budget
3. Section β€οΈ "Saved places"
4. Section β²οΈ "Spots nearby"
5. Filter places by topic
6. Section π€« "Untold rules"
7. Section π‘ "Things to do"
8. Function "Add friend to your trip"
06.-
Define
π‘ Research results
4
Work hours π»
0
Oranges eaten π
06.-
Define
π Findings Overview
In short, the purpose of this project is to give enough information for users about
places approved by locals, to simplify user's π research for their travel and improve
their experience during the trip.
The main objectives of this project are:
π1. Find a way to create a simple and user-friendly travel app with recommendations
approved or made by locals
π2. Minimise the time β° that users spend on research (before and during a trip)
π3. Find a way to keep users informed about dangerous π° places in the city
π4. Find a way to create a travel community focused on alternative travelling
07.-
Develop
βοΈ First vision of the app + user feedback?
0
Key Screens π
0
Prototype π±
4
User Testings π¨βπ»π©βπ»
0
Work hours π»
07.-
Develop
Lo-fi prototypes and testing π±
For creating lo-fi prototypes I used Procreate app and π Apple pencil. I uploaded my ready-made sketches into the Marvel app for prototyping and the following user testing. The next step was user testing. During the testing, I took notes and I also had a debriefing with a respondent.
For the first test, I asked the same people who participated in user interviews to test
the first prototype made from app sketches and prototyped in Marvelapp. 2 participants
tested prototype during our zoom call π₯ (they shared their screens) and with 1
participant
we meet in place
πResults:
1. All participants used the "skip" button
2. No one of them understood what was "locals QA" β section about
3. All participants were happy about the β€οΈ "like" button and feed etc.
β¨ Link to LO-FI prototype β¨
08.-
Develop
π± How can the Toco app look like + user feedback?
0
UI guideline π¨
0
Hi-fi screens π±
0
Prototype π²
4
User Testings π¨βπ»π©βπ»
08.-
Develop
Hi-fi prototype and testing π©πΌβπ»
For the hi-fi prototype, I used UI guideline π¨ that I created during the web design course at The Estonian Academy of Arts. For working on a visual design I used Figma as well as I used that tool for UX research documentation. For prototyping, I usedβFigma Mirror tool that completely covered up all prototyping/testing needs.
For the second test, I asked the same people who participated in user interviews to test
the second prototype π± (UI screens prototyped in Figma and for testing, we used Figma
mirror). 1 participant tested prototype during our zoom call and with 1 participant we
meet in placeοΈ
πResults:
1. All the participants used the "skip" button
2. The whole process is clear. The interface is intuitive
3. Logo and some titles were invisible because of iPhone bangs etc.
00.-
Finish
πProject afterwordsπ
For me, it was a kind of crash test of the idea and I enjoyed it so much. By the end of the research and design processes, I'm still sure that there is no direct competitor for my idea and this app could become popular among the youngest generation of travellers. Maybe 2020/2021 are not the best years in the travel industry π· so, for now, I have no option, but to put this idea on the back burner.