SwingVision
SwingVision
SwingVision
SwingVision
Astonishing performance. Next-level tennis features. The
ultimate A.I. experience to improve your game.
Astonishing performance. Next-level tennis features. The
ultimate A.I. experience to improve your game.
Astonishing performance. Next-level
tennis features. The ultimate A.I. experience to improve your game.
Astonishing performance. Next-level tennis features. The
ultimate A.I. experience to improve your game.
Project Overview
Project Overview
Project Overview
The A.I. tennis app that brings
your game to the next level.
The A.I. tennis app that brings
your game to the next level.
The A.I. tennis app that
brings your game to the
next level.
The A.I. tennis app that brings
your game to the next level.
In the Summer of 2022, I had a UI/UX design internship with SwingVision to
work on a their tennis app. I had a blast working with the another Senior UX
Designer as well as with the Head of Digital Marketing. In which learned a lot
about product strategy, developer hand off, design systems and design
precision.
In the Summer of 2022, I had a UI/UX design internship with SwingVision to
work on a their tennis app. I had a blast working with the another Senior UX
Designer as well as with the Head of Digital Marketing. In which learned a lot
about product strategy, developer hand off, design systems and design
precision.
In the Summer of 2022, I had a UI/UX design internship
with SwingVision to work on a their tennis app. I had a
blast working with the another Senior UX Designer as
well as with the Head of Digital Marketing. In which
learned a lot about product strategy, developer hand
off, design systems and design precision.
In the Summer of 2022, I had a UI/UX design internship with SwingVision to
work on a their tennis app. I had a blast working with the another Senior UX
Designer as well as with the Head of Digital Marketing. In which learned a lot
about product strategy, developer hand off, design systems and design
precision.
Problem
SwingVision is still fairly new A.I. software, so after
a recently UI update, the Monthly Active User (MAU)
count had decreased by 30%, the sign up rate was
sitting at 20% and there was a 58% drop off after the
first interaction. My task was to figure out why.
Problem
SwingVision is still fairly new A.I. software, so after a recently UI update, the Monthly Active User (MAU) count had decreased by 30%, the sign up rate was
sitting at 20% and there was a 58% drop off after the first interaction. My task was to figure out why.
Problem
SwingVision is still fairly new A.I. software, so after
a recently UI update, the Monthly Active User (MAU)
count had decreased by 30%, the sign up rate was
sitting at 20% and there was a 58% drop off after the
first interaction. My task was to figure out why.
Outcome
After rolling this out to all users, I successfully
helped increase clarity for new users by 71%. Our goal was 30%. We successfully overachieved our goal and fixed a huge user problem while also
creating value for the business.
Outcome
After rolling this out to all users, I successfully
helped increase clarity for new users by 71%. Our goal was 30%. We successfully overachieved our goal and fixed a huge user problem while also
creating value for the business.
Outcome
After rolling this out to all users, I successfully helped increase clarity for new users by 71%. Our goal was 30%. We successfully overachieved our goal and fixed a huge user problem while also creating value for the business.
End result of the onboarding for SwingVision
End result of the onboarding for SwingVision
Exploring SwingVision
Exploring SwingVision
Exploring SwingVision
Exploring SwingVision
Understanding SwingVision's
Info. Architecture
Understanding SwingVision's
Info. Architecture
Understanding
SwingVision's
Info. Architecture
Understanding SwingVision's
Info. Architecture
I started this project by learning about SwingVision.
I had meetings with another designer on the team
as well as the CEO to learn the history and design
decisions. Then I explored SwingVision myself and
watched full story sessions to conduct a heuristic
analysis. These steps helped me map out the existing
user flow.
I started this project by learning about SwingVision.
I had meetings with another designer on the team
as well as the CEO to learn the history and design
decisions. Then I explored SwingVision myself and
watched full story sessions to conduct a heuristic
analysis. These steps helped me map out the existing
user flow.
I started this project by learning about SwingVision.
I had meetings with another designer on the team
as well as the CEO to learn the history and design
decisions. Then I explored SwingVision myself and
watched full story sessions to conduct a heuristic
analysis. These steps helped me map out the existing
user flow.
I started this project by learning about SwingVision.
I had meetings with another designer on the team
as well as the CEO to learn the history and design
decisions. Then I explored SwingVision myself and
watched full story sessions to conduct a heuristic
analysis. These steps helped me map out the existing
user flow.
I started this project by learning about SwingVision. I had meetings with another designer on the team as well
as the CEO to learn the history and design decisions. Then I explored SwingVision myself and watched full story sessions to conduct a heuristic analysis. These steps helped me map out the existing user flow.
I started this project by learning about SwingVision. I had meetings with another designer on the team as well
as the CEO to learn the history and design decisions. Then I explored SwingVision myself and watched full story sessions to conduct a heuristic analysis. These steps helped me map out the existing user flow.
Previous onboarding for SwingVision
Checking Google Analytics
Checking Google Analytics
Checking Google Analytics
Finding Quantitative
Data & metrics.
Finding Quantitative
Data & metrics.
Finding Quantitative
Data & metrics.
In order to understand how effective the current onboarding is,
I looked at both the Google Analytics and Full Story sessions to
see if there were any dropoffs and where they occurred.
In order to understand how effective the
current onboarding is, I looked at both the
Google Analytics and Full Story sessions to
see if there were any dropoffs and where
they occurred.
In order to understand how effective the current
onboarding is, I looked at both the Google Analytics
and Full Story sessions to see if there were any
dropoffs and where they occurred.
58%
58%
58%
Of visitors dropped
before signing up
Of visitors dropped
before signing up
Of visitors dropped
before signing up
63%
63%
63%
Of visitors dropped
the onboarding
Of visitors dropped
the onboarding
Of visitors dropped
the onboarding
50%
50%
50%
Bounce rate for
SwingVision
Bounce rate for
SwingVision
Bounce rate for
SwingVision
Exploring Metrics
Exploring Metrics
Exploring Metrics
The Monthly
Active User Count.
The Monthly
Active User Count.
The Monthly
Active User Count.
There was a 30% drop in monthly active users in
the span of a week after a big change in how the
application is used and displayed.
There was a 30% drop in monthly
active users in the span of a week
after a big change in how the
application is used and displayed.
There was a 30% drop in monthly active users in
the span of a week after a big change in how the
application is used and displayed.
Testing SwingVision
Testing SwingVision
Evaluating SwingVision's
current experience
Evaluating SwingVision's
current experience
Evaluating SwingVision's
current experience
Evaluating SwingVision's
current experience
After seeing these metrics, I conducted evaluation research with 5 individuals to assess
product issues. Given the issues, I decided to start by watching them explore SwingVision
first; then nudging them to find things. Here are some questions I had asked.
After seeing these metrics, I conducted evaluation research with 5 individuals to assess product issues. Given the issues, I decided to start by watching them explore SwingVision first; then nudging them to find things. Here are some questions I had asked.
After seeing these metrics, I conducted evaluation research with 5 individuals to assess
product issues. Given the issues, I decided to start by watching them explore SwingVision
first; then nudging them to find things. Here are some questions I had asked.
I started this project by learning about SwingVision. I had meetings with another designer on the team as well
as the CEO to learn the history and design decisions. Then I explored SwingVision myself and watched full story sessions to conduct a heuristic analysis. These steps helped me map out the existing user flow.
I started this project by learning about SwingVision. I had meetings with another designer on the team as well
as the CEO to learn the history and design decisions. Then I explored SwingVision myself and watched full story sessions to conduct a heuristic analysis. These steps helped me map out the existing user flow.
Showing Value
Showing Value
Showing Value
Users expressed the onboarding didn't accurately present
what the product did and didn't find the value in it.
Users expressed the onboarding didn't
accurately present what the product did
and didn't find the value in it.
Users expressed the onboarding didn't accurately
present what the product did and didn't find the
value in it.
Major Findings &
Uncovered Insights
Major Findings &
Uncovered Insights
Major Findings &
Uncovered Insights
Based on the usability test and follow-up interviews, these
were the most pressing issues that needed to be addressed.
Based on the usability test and follow-up interviews,
these were the most pressing issues that needed to
be addressed.
Based on the usability test and follow-up interviews, these
were the most pressing issues that needed to be addressed.
Discoverability
Discoverability
Discoverability
A few users had a hard time finding features. The project
interface provided no tutorials or examples for how to get
started. There were also usability issues that led to people
not know certain features existed.
A few users had a hard time finding features.
The project interface provided no tutorials or
examples for how to get started. There were
also usability issues that led to people not
know certain features existed.
A few users had a hard time finding features. The
project interface provided no tutorials or examples
for how to get started. There were also usability
issues that led to people not know certain features
existed.
How can we make features more
discoverable, impart a sense of value,
and make them more engaging??
How can we make features more
discoverable, impart a sense of value,
and make them more engaging??
How can we make features more discoverable, impart a sense of value, and make them more engaging??
How can we make features more
discoverable, impart a sense of value,
and make them more engaging??
Testing SwingVision
Project Overview
Testing SwingVision
Testing SwingVision
Being Efficient. The innovative
journey to seamless integration.
The A.I. tennis app that brings
your game to the next level.
Being Efficient. The
innovative journey to
seamless integration.
Being Efficient. The innovative
journey to seamless integration.
As a small team, there is always a long list of design issues we want to solve. After
going over the most obvious issues with the existing interface, I kicked things off
with a team workshop to determine how we could solve this problem.
And we realized that the user’s first impression of your app, and when designed
correctly, increases the likelihood of successful adoption.
As a small team, there is always a long list of design issues we want to solve. After
going over the most obvious issues with the existing interface, I kicked things off
with a team workshop to determine how we could solve this problem.
And we realized that the user’s first impression of your app, and when designed
correctly, increases the likelihood of successful adoption.
As a small team, there is always a long list of design issues we want to solve. After going over the most obvious issues with the existing interface, I kicked things off with a team workshop to determine how we could solve this problem.
And we realized that the user’s first impression of your app, and when designed correctly, increases the likelihood of successful adoption.
As a small team, there is always a long list of design issues we want to solve. After
going over the most obvious issues with the existing interface, I kicked things off
with a team workshop to determine how we could solve this problem.
And we realized that the user’s first impression of your app, and when designed
correctly, increases the likelihood of successful adoption.
Issue #1: Showing Value
The Iteration.
The Iteration.
The Iteration.
With the previous onboarding people to understand partially
because they didn't know what the product did and because
they couldn't see previews. These are the following iterations
we tried. I started with mid-fi prototypes and tested them
quickly with users to hash out how I thought the flow should
work. We iterated over the details together and she designed
them. The following are the mid to final level design iterations
I went through personally.
With the previous onboarding people to understand partially because they didn't know what the product
did and because they couldn't see previews. These
are the following iterations we tried. I started with
mid-fi prototypes and tested them quickly with users
to hash out how I thought the flow should work. We iterated over the details together and she designed them. The following are the mid to final level design iterations I went through personally.
With the previous onboarding people to understand partially
because they didn't know what the product did and because
they couldn't see previews. These are the following iterations
we tried. I started with mid-fi prototypes and tested them
quickly with users to hash out how I thought the flow should
work. We iterated over the details together and she designed
them. The following are the mid to final level design iterations
I went through personally.
Issue #2: Discoverability
Issue #2: Discoverability
The Demos.
The Demos.
The Demos.
The Demos.
One of the complaints we got was that users didn't know how the app actually worked.
To fix that I added a section named “Demo Sessions” where users can interact with a
new method that shows them how SwingVision works and how to take the maximum
advantage of what we had to offer.
One of the complaints we got was that users didn't know how the app actually worked.
To fix that I added a section named “Demo Sessions” where users can interact with a
new method that shows them how SwingVision works and how to take the maximum
advantage of what we had to offer.
One of the complaints we got was that users didn't know how the app actually worked. To fix that I added
a section named “Demo Sessions” where users can interact with a new method that shows them how SwingVision works and how to take the maximum
advantage of what we had to offer.
One of the complaints we got was that users didn't know how the app actually worked.
To fix that I added a section named “Demo Sessions” where users can interact with a
new method that shows them how SwingVision works and how to take the maximum
advantage of what we had to offer.
Final Round of
Usability Tests
Final Round of
Usability Tests
Final Round of
Usability Tests
Final Round of
Usability Tests
Even though each component has been tested for usability, I wanted to make sure the full onboarding
experience worked and made sense. I conducted a full usability test with 7 people. 3 of them had done
the test before (to see if the improvements helped them). Indeed, there were significant improvements
on all tasks.
Some of them went from 0% success to 100% and the new user satisfaction was elevated by 71%.
I am so happy with the results. The users that read the sample project were able to understand how to
use SwingVision and saw the value. And finally, after all of our hard work, we saw the MAU shoot up.
Even though each component has been tested for usability, I wanted
to make sure the full onboarding experience worked and made sense.
I conducted a full usability test with 7 people. 3 of them had done the
test before (to see if the improvements helped them). Indeed, there
were significant improvements on all tasks.
Some of them went from 0% success to 100% and the new user
satisfaction was elevated by 71%.
I am so happy with the results. The users that read the sample project
were able to understand how to use SwingVision and saw the value.
And finally, after all of our hard work, we saw the MAU shoot up.
Even though each component has been tested for usability, I wanted to make sure the full onboarding experience worked and made sense. I conducted a full usability test with 7 people. 3 of them had done the
test before (to see if the improvements helped them). Indeed, there were significant improvements on all tasks.
Some of them went from 0% success to 100% and the new user satisfaction was elevated by 71%.
I am so happy with the results. The users that read the sample project were able to understand how to use SwingVision and saw the value. And finally, after all of our hard work, we saw the MAU shoot up.
Even though each component has been tested for usability, I wanted to make sure the full onboarding experience worked and made sense. I conducted a full usability test with 7 people. 3 of them had done the
test before (to see if the improvements helped them). Indeed, there were significant improvements on all tasks.
Some of them went from 0% success to 100% and the new user satisfaction was elevated by 71%.
I am so happy with the results. The users that read the sample project were able to understand how to use SwingVision and saw the value. And finally, after all of our hard work, we saw the MAU shoot up.
Even though each component has been tested for usability, I wanted to make sure the full onboarding experience worked and made sense. I conducted a full usability test with 7 people. 3 of them had done the test before (to see if the improvements helped them). Indeed, there were significant improvements on all tasks.
Some of them went from 0% success to 100% and the new user satisfaction was elevated by 71%.
I am so happy with the results. The users that read the sample project were able to understand how to use SwingVision and saw the value. And finally, after all of our hard work, we saw the MAU shoot up.
Even though each component has been tested for usability, I wanted to make sure the full onboarding experience worked and made sense. I conducted a full usability test with 7 people. 3 of them had done the test before (to see if the improvements helped them). Indeed, there were significant improvements on all tasks.
Some of them went from 0% success to 100% and the new user satisfaction was elevated by 71%.
I am so happy with the results. The users that read the sample project were able to understand how to use SwingVision and saw the value. And finally, after all of our hard work, we saw the MAU shoot up.
What I Learned
Reflecting on the
project outcomes.
Reflecting on the
project outcomes.
Reflecting on the
project outcomes.
01. Projects get messy
01. Projects get messy
02. Be precise in your designs
Lots of changes can make a project very messy. They can also
impact the measurement of final metrics. Each change should
be paired with a metric we intend to improve. It's important to
organize files for dev hand off. They should have easy access
to assets and know exactly what changes they have to make.
Follow (or make) the design system.
Lots of changes can make a project very messy. They can also impact the measurement of final metrics. Each change should be paired with a metric we intend to improve. It's important to organize files for dev hand off. They should have easy access to assets and know exactly what changes they have to make. Follow (or make) the design system.
Lots of changes can make a project very messy. They can also
impact the measurement of final metrics. Each change should
be paired with a metric we intend to improve. It's important to
organize files for dev hand off. They should have easy access
to assets and know exactly what changes they have to make.
Follow (or make) the design system.
Be wary of padding and margins. Developers won't know what values to set if you don't. Take the guess work out of
it and make your designs as exact as possible. Don't make your devs designers unless they want it.
Be wary of padding and margins. Developers won't know what values to set if you don't. Take the guess work out of
it and make your designs as exact as possible. Don't make your devs designers unless they want it.
02. Be precise in your designs
02. Be precise in your designs
Be wary of padding and margins. Developers won't
know what values to set if you don't. Take the guess
work out of it and make your designs as exact as
possible. Don't make your devs designers unless
they want it.
Be wary of padding and margins. Developers won't
know what values to set if you don't. Take the guess
work out of it and make your designs as exact as
possible. Don't make your devs designers unless
they want it.
Problem
SwingVision is still fairly new A.I. software, so after
a recently UI update, the Monthly Active User (MAU)
count had decreased by 30%, the sign up rate was
sitting at 20% and there was a 58% drop off after the
first interaction. My task was to figure out why.
Outcome
After rolling this out to all users, I successfully
helped increase clarity for new users by 71%. Our goal was 30%. We successfully overachieved our goal and fixed a huge user problem while also
creating value for the business.
Issue #1: Showing Value
The Iteration.
The Iteration.
With the previous onboarding people to understand
partially because they didn't know what the product
did and because they couldn't see previews. These
are the following iterations we tried. I started with
mid-fi prototypes and tested them quickly with users
to hash out how I thought the flow should work. We
iterated over the details together and she designed
them. The following are the mid to final level design
iterations I went through personally.
With the previous onboarding people to understand
partially because they didn't know what the product
did and because they couldn't see previews. These
are the following iterations we tried. I started with
mid-fi prototypes and tested them quickly with users
to hash out how I thought the flow should work. We
iterated over the details together and she designed
them. The following are the mid to final level design
iterations I went through personally.
What I Learned
Reflecting on the
project outcomes.
Reflecting on the
project outcomes.
01. Projects get messy
Lots of changes can make a project very messy. They can also
impact the measurement of final metrics. Each change should
be paired with a metric we intend to improve. It's important to
organize files for dev hand off. They should have easy access
to assets and know exactly what changes they have to make.
Follow (or make) the design system.
Lots of changes can make a project very messy. They can also
impact the measurement of final metrics. Each change should
be paired with a metric we intend to improve. It's important to
organize files for dev hand off. They should have easy access
to assets and know exactly what changes they have to make.
Follow (or make) the design system.
02. Be precise in your designs
Be wary of padding and margins. Developers won't
know what values to set if you don't. Take the guess
work out of it and make your designs as exact as
possible. Don't make your devs designers unless
they want it.
Be wary of padding and margins. Developers won't
know what values to set if you don't. Take the guess
work out of it and make your designs as exact as
possible. Don't make your devs designers unless
they want it.
Let’s
work
together
I'm currently available for new work. Let me know if you're looking for a digital designer. Let’s talk about the next big thing!