UX Research
design system
usability testing
About
Duration
October 2023 to February 2024
My Role
Research and Designer
Tools
Desk Research
5 Most Relevant Topics
Community & People
Studies and University
Finances & Jobs
Lega, Visa & Insurance
Accommodation
Interview Questions & Research Goal
Participants
Interview Method
After analysing our Interview Data, we condensed it down to 4 key Insights.
01
Social Support
Having the support of others, is fundamental to get through the process of coming to Austria. People often will search for other people’s advice to get over obstacles in their journey.
02
Local Connections
People need an easy way to connect to each other in Austria.
03
Access to Information
That students coming to Austria need access and support to information and help going through the visa and insurance process. Government information such as Visa, are always in German that can be a struggle to foreigners (language barrier).
04
Finding The Right Accommondation
That communication with student dorms / accommodations options is a struggle, because of language barriers and finding the right people to live with, as well as knowing remotely if is is a suitable option.
How might we...
guide Enrico through the process of applying for visa and help him keep an overview on his steps?
How might we...
support Sophie & Enrico to find their way to learn German without spending a lot of money?
How might we...
help Enrico and Sophie seek an accommodation with like minded people that is affordable?
How might we...
support Enrico in easily building up a network, connect with people that are like minded or share his passion?
How might we...
make the insurance information process for Enrico more digestible and intuitive?
How might we...
create a welcoming and inclusive environment for Felix and Enrico, so that they feel more at home in Austria?
06
So we would come up with ideas for our “How might we” statements, we did a Brainwriting exercise.
07
After our first ideas came to fruition we mapped out a few of the most important user flows for our solution.
Search for Visa application document and request help understanding it
User wants to register in the App
User rates helpful open chat
User wants to look for accommodation
08
We first started out with a simple Sitemap, but then we realized we had a very deep information architecture with a lot of topics. To make sure that we would provide the ideal navigation structure and right categories, we conducted a hybrid card sorting with 16 users, where they would sort the categories themselves.
We used a combination of real paper cards and the online tool UX Tweak, to get as many participants as possible.
09
In the early stages, we sketched out our app ideas on paper, allowing us to brainstorm freely and tweak designs on the fly.
We then voted on our best ideas and parts that we wanted to integrated in our next round of sketches and the prototyping phase.
So we would come up with ideas for our “How might we” statements, we did a Brainwriting exercise.
In the wireframe phase, we translated our paper sketches into digital blueprints, mapping out the structure and functionality of our app in a simplified form.
In addition, we used Figma to create a prototype based on our wireframes, which we then tested with potential users.
Our tests showed us that a lot of users were confused about our start page and the events feature.
After some discussion we decided to focus on our to pillars the “Austrian Guides” and the “Peer to Peer” help features.
Occupation
Students
Age
18 to 30
Status
EU & Non-EU
Countries
Germany, Colombia, USA
Interviewees
5 People
After finalizing our high-fidelity prototype, we conducted usability tests with a diverse group of 5 participants.
Through these tests, we observed how users interacted with the app and wanted to see if users were able to understand and use our two core features.
Typography
We choose Urbanist for our apps font.
We used Regular, Semi-Bold & Bold for our Typefaces.
We used an 8pt Grid with a Line Height Scale Factor of x1.5
We also decided to create a Design System in a separate Figma file, including Design Tokens.
Body large
20/28
Body medium
16/24
#D24444
Red 100
#C84138
Red 200
#A095D6
Indigo 200
#F5AC00
Yellow 200
#D24444 - 20%
Red Shade 100
#A095D6 - 20%
Indigo Shade 100
#F5AC00- 20%
Yellow Shade 100
#E9EBED
Neutral 500
#96A0AD
Neutral 600
#495159
Neutral 700
#1A1C23
Neutral 800
#FFFFFF
White
#1A1A1A
Dark