UX Design
UX Design
Portfolio
Sabine Bausch
● Bachelor's degree in Business and
Language Studies
● Experience in Graphic Design, UX Design
and Marketing
● Worked for companies in Australia,
France, Sweden, Belgium and Germany
UX CASE STUDY
VELA App
TABLE OF CONTENTS
Overview
Understand
Define
Ideate
Test
• Competitor Analysis
• User Personas
• Sitemap
• Prototyp
• User Surveys
• User Journeys
• Wireframes
• Usability Test
• User Interviews
• User Flows
• A/B Test
Problem
• Weather data is complex
• Unclear which information is relevant for
water sports
Length
• 5 Months
Tools
Adobe XD
Balsamiq
Optimal Sort
UsabilityHub
Understand
Competitor Analysis
SWOT Analysis of Windy & Nautide
User Surveys & Interviews
User Surveys via Social Media
Remote User Interviews
Define
User Personas
Sailors, Kitesurfers and Divers
User Journeys
For two types of water sports
User Flows & Task Analysis
3 Flows
Ideate
Sitemap
Card Mapping
Wireframes
Rapid Prototyping
Low-fidelity Wireframes
Finalize
Prototyp
mid-fidelity
Usability Test
Moderated Remote
6 Teilnehmer
A/B Test
10 Teilnehmer
UX CASE STUDY
GoLingo
Meet Anastasia
“Life is what you make it”
• Age 33
• Single, No Children
• Russian
• Lives in Paris, France
• Loves Cats
• Works as Sales Director
Problem Statement
“I need a way to improve my language skills in a short duration of
time because I have to communicate with international clients on
a daily basis as part of my work.”
Anastasia
• Fit learning into busy schedule
• Travels a lot for her job
• Next trade fair coming up
• Gets bored easily with learning
vocabulary
Onboarding
Splash Screen that
shows for a few seconds when app is
opened. Then next
screen is shown automatically.
User can select app
language and language user wants to
learn. Then user has
to select language
level.
User is explained
learn words feature. User can move
to next onboarding
screen or skip and
head straight to
main menu.
user is explained the
feature of the app
that user can add
new words. User
can skip onboarding
and head straight to
main menu.
user is explained
“practice learned
words” (in Daily
Lessons). User can
skip onboarding
and head straight to
main menu.
user can sign up or
login or skip and
head straight to
main menu.
Learn Word
User has to click on
‘Daily Lesson’ to be
able to learn words.
User has to choose
category by clicking
on it.
user has to click on
flip icon in order to
see backside of flash
card.
User gets to see word
& translation; time
icon = to see it again
later, check icon =
understood, star icon
= save in favourites.
Practice Word
In the main menu, user
needs to click ‘Daily
Lessons’ to be able to
review learned words.
In ‘Daily Lessons’ user
needs to pick a category to continue.
Only when user has
already learned
words, user can then
practice those words.
Exercises begin when
user clicks ‘Practice’.
Exercise: drag & drop
the correct letters in the
correct position to spell
the word.
When user learns 4
words, gets to see
an overview of all
words learned and
can see spelling and
hear pronunciation.
Click continue to get
to next screen.
Exercise: click on the
correct translation of
the presented word.
User is congratulated
for having finished
the lesson, sees
points achieved & can
see how many words
are left to learn.
User gets to see all
4 words that were
practiced. User can
continue to practice
or go back to the
category.
Usability Testing
3 participants
Over Video Skype Call
4 tasks:
• Sign up
• Learn words
• Practice words
• Add new word
Jakob Nielsen’s error severity rating scale
Onboarding
Before
After
sign up/login
during
onboarding
and after
repeat password during
sign up to
confirm
social media
button added
to login
settings icon
moved to right,
my profile icon
added on left
settings icon
shows icons
and swipe buttons
Learn Words
Before
After
icons removed
from lower
navigation bar
icons from
lower navigation bar smaller
added the
screen ‘learn’
and ‘practice’
‘Good job’ instead of ‘Congratulations’ &
removed ‘Lesson
completed’
Practice Words
Before
After
icons in lower
navigation bar
smaller
icons in lower
navigation bar
smaller
mini tutorial to
explain practice
= review
removed ‘41
words’ underneath practice
colours indicate ‘Good job’ inif answer is cor- stead of ‘Congratulations’; x
rect or wrong
instead of arrow
Learnings
Prototype not as intuitive as expected
Interesting & fun to interview others
Better to just record interviews, not type
Surprising outcome of usability testing
Final Result