SlideShare a Scribd company logo
1 of 115
Download to read offline
Denys Nevozhai
Apple Watch
User Onboarding
In this deck I’ll illustrate how Apple has designed
user onboarding flow for the Apple Watch.

And will put in my two cents’.

• Blue is OK

• White is neutral and suggestions

• Yellow is criticism

• Red is WTF Apple?
Apple Watch User Onboarding Analysis
Nice detail, the title
depends on time
Nice detail, the title
depends on time
Ok, that’s clear
If by some reason I
don’t know what
Apple Watch is,
here I can get an
idea. Different
versions of the
watch with
different screens
rotate in loop.
Nice detail, the title
depends on time
Ok, that’s clear
Nice detail, the title
depends on time
Ok, that’s clear
If by some reason I
don’t know what
Apple Watch is,
here I can get an
idea. Different
versions of the
watch with
different screens
rotate in loop.
A single clear call
to action. Good.
Nice detail, the title
depends on time
Ok, that’s clear
If by some reason I
don’t know what
Apple Watch is,
here I can get an
idea. Different
versions of the
watch with
different screens
rotate in loop.
A single clear call
to action. Good.

But why so small
text and pale
button?
Nice detail, the title
depends on time
Ok, that’s clear
If by some reason I
don’t know what
Apple Watch is,
here I can get an
idea. Different
versions of the
watch with
different screens
rotate in loop.
Useful for those
who don’t read
news.
A single clear call
to action. Good.

But why so small
text and pale
button?
If by some reason I
don’t know what
Apple Watch is,
here I can get an
idea. Different
versions of the
watch with
different screens
rotate in loop.
Useful for those
who don’t read
news.=?
A single clear call
to action. Good.

But why so small
text and pale
button?
Is this similar to Learn more?
If by some reason I
don’t know what
Apple Watch is,
here I can get an
idea. Different
versions of the
watch with
different screens
rotate in loop.
Useful for those
who don’t read
news.
A single clear call
to action. Good.

But why so small
text and pale
button? =?
Is this similar to Learn more?

No. Explore is educational
videos inside the app while
Learn more opens Apple web
site in web browser.
If by some reason I
don’t know what
Apple Watch is,
here I can get an
idea. Different
versions of the
watch with
different screens
rotate in loop.
Useful for those
who don’t read
news.
A single clear call
to action. Good.

But why so small
text and pale
button? =?
Featured what?Is this similar to Learn more?

No. Explore is educational
videos inside the app while
Learn more opens Apple web
site in web browser.
If by some reason I
don’t know what
Apple Watch is,
here I can get an
idea. Different
versions of the
watch with
different screens
rotate in loop.
Useful for those
who don’t read
news.
A single clear call
to action. Good.

But why so small
text and pale
button?
Is this similar to Learn more?

No. Explore is educational
videos inside the app while
Learn more opens Apple web
site in web browser.
=?
Featured what?

Apps. Why not
just “Apps”?
If by some reason I
don’t know what
Apple Watch is,
here I can get an
idea. Different
versions of the
watch with
different screens
rotate in loop.
Useful for those
who don’t read
news.
A single clear call
to action. Good.

But why so small
text and pale
button?
Is this similar to Learn more?

No. Explore is educational
videos inside the app while
Learn more opens Apple web
site in web browser.
=?
Search for what?
Featured what?

Apps. Why not
just “Apps”?
If by some reason I
don’t know what
Apple Watch is,
here I can get an
idea. Different
versions of the
watch with
different screens
rotate in loop.
Useful for those
who don’t read
news.
A single clear call
to action. Good.

But why so small
text and pale
button?
Is this similar to Learn more?

No. Explore is educational
videos inside the app while
Learn more opens Apple web
site in web browser.
=?
Search for what?

For apps. Why not
in Apps?
Featured what?

Apps. Why not
just “Apps”?
Useful for those
who don’t read
news.
A single clear call
to action. Good.

But why so small
text and pale
button?
Is this similar to
No.
videos inside the app while
Learn more
site in web browser.
=?
Search for what?

For apps. Why not
in
Featured what?

Apps. Why not
just “Apps”?
Btw, where should I tap to order the watch?
Anyway
Apple Watch User Onboarding Analysis
This is cool!

I don’t need to go
to my General
Settings >
Bluetooth and look
for the watch
If something goes
wrong you can use
old fashioned
Bluetooth pairing.
This is cool!

I don’t need to go
to my General
Settings >
Bluetooth and look
for the watch
It’s time to get our hands on the watch.
It’s time to get our hands on the watch.
DISCLAIMER.

If you proceed to the next page you will see macro shots of my hairy wrist.

The good news is the wrist will mostly be covered with an Apple Watch.
Meanwhile on
the phone
To start the watch,
press the digital
crown-button.
Meanwhile on
the phone
To start the watch,
press the digital
crown-button.

It’s explained in a
nice quick guide
that comes with
the watch.
Meanwhile on
the phone
It takes some time
to boot.
Meanwhile on
the phone
The first screen
you will see is a
language selection
which is smart.
People may buy
the watch from
abroad.
Meanwhile on
the phone
Let’s tap English
for consistency
Meanwhile on
the phone
Back button is a
smart move.
What if I tapped
Chinese?
Meanwhile on
the phone
Clear instruction
on what to do next.
Back button is a
smart move.
What if I tapped
Chinese?
Meanwhile on
the phone
Clear instruction
on what to do next.
Back button is a
smart move.
What if I tapped
Chinese?
And call to action.
Meanwhile on
the phone
Wow! Apple, thank
you for these small
pleasing details!

An animated star
cluster instead of
boring QR code.
By the way, today I read a good article from Facebook’s product design director Margaret Gould Stewart about these
nice touches and surprises that make people feel that we (designers) care about their experience.

Why Beauty Matters: Unexpected Learnings from a Refugee Camp
Now let’s imagine you align your phone’s viewfinder with the watch.
Unfortunately I don’t have a relevant photo as the phone was occupied.
And magic happens! This couple is paired.
And in a moment, the star cluster animation turns into the image consistent with what is on
the watch screen which is also very close to engraving on the back of the watch case.
To make sure you connected the
right watch? Looks good anyway.
What if to touch the watch screen?
Roger that!
Let’s get back to the phone.
Meanwhile on
the watch
If you realised
you connected
someone else’s
watch.
Meanwhile on
the watch
If you realised
you connected
someone else’s
watch.
Meanwhile on
the watchAgain, single call
to action which
is good.
Meanwhile on
the watch
The buttons just jumped down.

Go to the previous slide if you don’t believe me.
Meanwhile on
the watch
Not sure this is
important at this
stage, but 

I assume Apple
had some study
Meanwhile on
the watch
Not sure this is
important at this
stage, but 

I assume Apple
had some study
I choose left
BOOM!
Start over? From the very beginning?!
Start over? From the very beginning?!
May be it was caused
by frequent switching
between Watch app
and Camera.
Do everything again
It takes many minutes for the watch to reset.
Ok, looks like I’ve reached the next level.
Standard iOS
confirmation of
terms and
conditions. Apple
doesn’t want to be
sued.
Apple Watch User Onboarding Analysis
What’s going on here? What to do? Where is call to action?
Isn’t this too small
and not obvious?
Isn’t this too small
and not obvious?

I know it’s a
standard button 

in iOS, but still…
Shouldn’t I read
this before
connecting my
Apple ID?
Isn’t this too small
and not obvious?

I know it’s a
standard button 

in iOS, but still…
Shouldn’t I read
this before
connecting my
Apple ID?
Isn’t this too small
and not obvious?

I know it’s a
standard button 

in iOS, but still…
Newbie like: “What
is Digital Touch
and Apple Pay?
Not convincing.
Skip”.
What if this screen looked like this?
What if this screen looked like this?
Btw, tapping
Digital Touch and
Apple Pay user
could learn more in
a modal view with
external links to
more details on the
Apple web site.
What if this screen looked like this?
Btw, tapping
Digital Touch and
Apple Pay user
could learn more in
a modal view with
external links to
more details on the
Apple web site.

Am I getting
tedious?
Now let’s compare side by side
Vs.
Ok, back to reality.
Enter password
Enter password

I don’t remember if
I could make the
password visible,
but I guess no. I’d
like to.
And tap Next
Enter password

I don’t remember if
I could make the
password visible,
but I guess no. I’d
like to.
Did anything happen?
Did anything happen?
Wait! It’s about
Messages.
Wait! It’s about
Messages.

The difference
between this and
previous screen is
so imperceptible!
Did anything happen?
Wait! It’s about
Messages.

The difference
between this and
previous screen is
imperceptible!

I’d suggest to add
icons to both
screens for better
differentiation.
Did anything happen?
Anyway
Apple Watch User Onboarding Analysis
This is exactly
what I was talking
about. Nice
distinctive images.
Where is call to action by the way?
Where is call to action by the way?
OK what?
Still think that
“What is this?” title
is redundant.
OK what?
Where is call to action by the way?
Still think that
“What is this?” title
is redundant.
OK what?
Where is call to action by the way?
If there is no choice, why didn’t Apple include this to Terms and
Conditions and enable Location Services in stealth mode?
OK, let’s just tap OK
Apple Watch User Onboarding Analysis
Have you noticed I didn’t confirm Location Services in a standard
modal view as all of us used to? Nice touch!
Which action is
preferable?
Which action is
preferable?
And what does this
image have to do
with diagnostics?
If Apple doesn’t
care which one I
choose, I choose
Don’t Send.
Apple Watch User Onboarding Analysis
Passcode is useful, I care about privacy.
Passcode is useful, I care about privacy.
But will it be easy to enter numbers on such a small screen?
I already criticized similar screens.
I already criticized similar screens.
so let’s just do it
Apple Watch User Onboarding Analysis
Could this screen be more exciting? ;)
Back to the watch
Meanwhile on
the phone
Let’s enter passcode
Meanwhile on
the phone
It’s not simple, I
have to be super
precise.
Meanwhile on
the phone
It’s not simple, I
have to be super
precise.

I don’t want to do
this every day :(
Meanwhile on
the phone
This sounds like a
solution!
Meanwhile on
the phone
And this sounds
like a solution!

But how does it
work?
Meanwhile on
the phone
And this sounds
like a solution!

But how does it
work?

Oh! Something
new on my phone!
Ok, now I understand.
Meanwhile on
the watch
Yes. I don’t want to enter that
code ever again
Meanwhile on
the phone
Meanwhile on
the phone
Yes, I remember, when I see this screen,
it’s time to switch to iPhone
Apple Watch User Onboarding Analysis
This is awesome,
Apple! I don’t want
to install all apps
manually.
BOOM 2!
Apple Watch User Onboarding Analysis
Do everything again!

Including all permissions and entering passcode.
Some time later…
Some time later…
Hold my fingers crossed.
BOOM 3!
It’s fine, I got used to it.

Do everything again.
Some time later…
I can’t believe it!
For real?
For real! The watch is ready for use.
Great. What’s next?
Great. What’s next?

How to use the watch?
Great. What’s next?

How to use the watch?

At least some basics, please!
Apple: “Figure it out yourself.”
THE END
Denys Nevozhai
Principal product designer at Alcatel Onetouch
dnevozhai@gmail.com
@dnevozhai Denys Nevozhai dnevozhai

More Related Content

What's hot

The Non-Invasive Data Governance Framework
The Non-Invasive Data Governance FrameworkThe Non-Invasive Data Governance Framework
The Non-Invasive Data Governance FrameworkDATAVERSITY
 
Data Staging Strategy
Data Staging StrategyData Staging Strategy
Data Staging StrategyMilind Zodge
 
TOP_407070357-Data-Governance-Playbook.pptx
TOP_407070357-Data-Governance-Playbook.pptxTOP_407070357-Data-Governance-Playbook.pptx
TOP_407070357-Data-Governance-Playbook.pptxSabrinaLameiras1
 
The Five Pillars of Data Governance 2.0 Success
The Five Pillars of Data Governance 2.0 SuccessThe Five Pillars of Data Governance 2.0 Success
The Five Pillars of Data Governance 2.0 SuccessDATAVERSITY
 
Effective Strategy Execution with Capability-Based Planning, Enterprise Arch...
Effective Strategy Execution with Capability-Based Planning, Enterprise Arch...Effective Strategy Execution with Capability-Based Planning, Enterprise Arch...
Effective Strategy Execution with Capability-Based Planning, Enterprise Arch...Iver Band
 
CB-Insights_Book-of-Strategy-Maps.pdf
CB-Insights_Book-of-Strategy-Maps.pdfCB-Insights_Book-of-Strategy-Maps.pdf
CB-Insights_Book-of-Strategy-Maps.pdfaramaky
 
BI-Analytics-Overview.pptx
BI-Analytics-Overview.pptxBI-Analytics-Overview.pptx
BI-Analytics-Overview.pptxPerumalPitchandi
 
DAMA Webinar - Big and Little Data Quality
DAMA Webinar - Big and Little Data QualityDAMA Webinar - Big and Little Data Quality
DAMA Webinar - Big and Little Data QualityDATAVERSITY
 
Building a strong Data Management capability with TOGAF and ArchiMate
Building a strong Data Management capability with TOGAF and ArchiMateBuilding a strong Data Management capability with TOGAF and ArchiMate
Building a strong Data Management capability with TOGAF and ArchiMateBas van Gils
 
Intuit's Data Mesh - Data Mesh Leaning Community meetup 5.13.2021
Intuit's Data Mesh - Data Mesh Leaning Community meetup 5.13.2021Intuit's Data Mesh - Data Mesh Leaning Community meetup 5.13.2021
Intuit's Data Mesh - Data Mesh Leaning Community meetup 5.13.2021Tristan Baker
 
IT Strategy Assessment & Optimization - Catallysts Approach
IT Strategy Assessment & Optimization - Catallysts ApproachIT Strategy Assessment & Optimization - Catallysts Approach
IT Strategy Assessment & Optimization - Catallysts ApproachRajanish Dass
 
Data Playbook-October2020.pdf
Data Playbook-October2020.pdfData Playbook-October2020.pdf
Data Playbook-October2020.pdfIrfanAkbarKazi
 
Improving Data Literacy Around Data Architecture
Improving Data Literacy Around Data ArchitectureImproving Data Literacy Around Data Architecture
Improving Data Literacy Around Data ArchitectureDATAVERSITY
 
How to Use a Semantic Layer to Deliver Actionable Insights at Scale
How to Use a Semantic Layer to Deliver Actionable Insights at ScaleHow to Use a Semantic Layer to Deliver Actionable Insights at Scale
How to Use a Semantic Layer to Deliver Actionable Insights at ScaleDATAVERSITY
 
The MarTech Blueprint Imperative
The MarTech Blueprint ImperativeThe MarTech Blueprint Imperative
The MarTech Blueprint ImperativeMarTech Conference
 
Digital Transformation Blueprint
Digital Transformation BlueprintDigital Transformation Blueprint
Digital Transformation BlueprintDaniel McKean
 
Q4 2022 DBX Investor Presentation.pdf
Q4 2022 DBX Investor Presentation.pdfQ4 2022 DBX Investor Presentation.pdf
Q4 2022 DBX Investor Presentation.pdfDropbox
 

What's hot (20)

The Non-Invasive Data Governance Framework
The Non-Invasive Data Governance FrameworkThe Non-Invasive Data Governance Framework
The Non-Invasive Data Governance Framework
 
Data Staging Strategy
Data Staging StrategyData Staging Strategy
Data Staging Strategy
 
TOP_407070357-Data-Governance-Playbook.pptx
TOP_407070357-Data-Governance-Playbook.pptxTOP_407070357-Data-Governance-Playbook.pptx
TOP_407070357-Data-Governance-Playbook.pptx
 
The Five Pillars of Data Governance 2.0 Success
The Five Pillars of Data Governance 2.0 SuccessThe Five Pillars of Data Governance 2.0 Success
The Five Pillars of Data Governance 2.0 Success
 
Effective Strategy Execution with Capability-Based Planning, Enterprise Arch...
Effective Strategy Execution with Capability-Based Planning, Enterprise Arch...Effective Strategy Execution with Capability-Based Planning, Enterprise Arch...
Effective Strategy Execution with Capability-Based Planning, Enterprise Arch...
 
CB-Insights_Book-of-Strategy-Maps.pdf
CB-Insights_Book-of-Strategy-Maps.pdfCB-Insights_Book-of-Strategy-Maps.pdf
CB-Insights_Book-of-Strategy-Maps.pdf
 
BI-Analytics-Overview.pptx
BI-Analytics-Overview.pptxBI-Analytics-Overview.pptx
BI-Analytics-Overview.pptx
 
It budget
It budgetIt budget
It budget
 
DAMA Webinar - Big and Little Data Quality
DAMA Webinar - Big and Little Data QualityDAMA Webinar - Big and Little Data Quality
DAMA Webinar - Big and Little Data Quality
 
Building a strong Data Management capability with TOGAF and ArchiMate
Building a strong Data Management capability with TOGAF and ArchiMateBuilding a strong Data Management capability with TOGAF and ArchiMate
Building a strong Data Management capability with TOGAF and ArchiMate
 
BI Tools Case Study
BI Tools Case StudyBI Tools Case Study
BI Tools Case Study
 
Intuit's Data Mesh - Data Mesh Leaning Community meetup 5.13.2021
Intuit's Data Mesh - Data Mesh Leaning Community meetup 5.13.2021Intuit's Data Mesh - Data Mesh Leaning Community meetup 5.13.2021
Intuit's Data Mesh - Data Mesh Leaning Community meetup 5.13.2021
 
IT Strategy Assessment & Optimization - Catallysts Approach
IT Strategy Assessment & Optimization - Catallysts ApproachIT Strategy Assessment & Optimization - Catallysts Approach
IT Strategy Assessment & Optimization - Catallysts Approach
 
Data Playbook-October2020.pdf
Data Playbook-October2020.pdfData Playbook-October2020.pdf
Data Playbook-October2020.pdf
 
Improving Data Literacy Around Data Architecture
Improving Data Literacy Around Data ArchitectureImproving Data Literacy Around Data Architecture
Improving Data Literacy Around Data Architecture
 
How to Use a Semantic Layer to Deliver Actionable Insights at Scale
How to Use a Semantic Layer to Deliver Actionable Insights at ScaleHow to Use a Semantic Layer to Deliver Actionable Insights at Scale
How to Use a Semantic Layer to Deliver Actionable Insights at Scale
 
The MarTech Blueprint Imperative
The MarTech Blueprint ImperativeThe MarTech Blueprint Imperative
The MarTech Blueprint Imperative
 
Digital Transformation Blueprint
Digital Transformation BlueprintDigital Transformation Blueprint
Digital Transformation Blueprint
 
Q4 2022 DBX Investor Presentation.pdf
Q4 2022 DBX Investor Presentation.pdfQ4 2022 DBX Investor Presentation.pdf
Q4 2022 DBX Investor Presentation.pdf
 
Data Storytelling
Data StorytellingData Storytelling
Data Storytelling
 

Viewers also liked

Introducing Apple Watch
Introducing Apple WatchIntroducing Apple Watch
Introducing Apple WatchJJ Wu
 
Strategic Management Presentation - Apple Inc.
Strategic Management Presentation - Apple Inc.Strategic Management Presentation - Apple Inc.
Strategic Management Presentation - Apple Inc.Colby Nelson
 
State of smart watches
State of smart watchesState of smart watches
State of smart watchesBrian Pullen
 
Robinhood Mobile User Onboarding
Robinhood Mobile User OnboardingRobinhood Mobile User Onboarding
Robinhood Mobile User Onboardingkendrickapp
 
Wearables devices market and technology
Wearables devices market and technologyWearables devices market and technology
Wearables devices market and technologyKevin Huang
 
Smart watch
Smart watchSmart watch
Smart watchSHEEMA90
 
Smartwatch presentation
Smartwatch presentationSmartwatch presentation
Smartwatch presentationConnor Hause
 
Apple Study: 8 easy steps to beat Microsoft (and Google)
Apple Study: 8 easy steps to beat Microsoft (and Google)Apple Study: 8 easy steps to beat Microsoft (and Google)
Apple Study: 8 easy steps to beat Microsoft (and Google)Ouriel Ohayon
 
Microsoft to Acquire LinkedIn: Overview for Investors
Microsoft to Acquire LinkedIn: Overview for InvestorsMicrosoft to Acquire LinkedIn: Overview for Investors
Microsoft to Acquire LinkedIn: Overview for InvestorsMicrosoft
 
4 Critical Elements of Your Onboarding Process
4 Critical Elements of Your Onboarding Process4 Critical Elements of Your Onboarding Process
4 Critical Elements of Your Onboarding ProcessUrbanBound
 
Business of apple watch
Business of apple watchBusiness of apple watch
Business of apple watchmasanori_7131
 
Smartwatch Showdown: Apple Watch vs Moto 360
Smartwatch Showdown: Apple Watch vs Moto 360Smartwatch Showdown: Apple Watch vs Moto 360
Smartwatch Showdown: Apple Watch vs Moto 360Big Fish Presentations
 
The PDA Smart Watch
The PDA Smart WatchThe PDA Smart Watch
The PDA Smart WatchJSMay
 
[Ajou univ.] Gear s2 practice
[Ajou univ.] Gear s2 practice[Ajou univ.] Gear s2 practice
[Ajou univ.] Gear s2 practiceByungwook Lee
 
7 Test Ideas to Improve User Onboarding
7 Test Ideas to Improve User Onboarding7 Test Ideas to Improve User Onboarding
7 Test Ideas to Improve User OnboardingApptimize
 
Silver Efex Pro user guide
Silver Efex Pro user guideSilver Efex Pro user guide
Silver Efex Pro user guidePaulapezz
 

Viewers also liked (20)

Introducing Apple Watch
Introducing Apple WatchIntroducing Apple Watch
Introducing Apple Watch
 
Strategic Management Presentation - Apple Inc.
Strategic Management Presentation - Apple Inc.Strategic Management Presentation - Apple Inc.
Strategic Management Presentation - Apple Inc.
 
State of smart watches
State of smart watchesState of smart watches
State of smart watches
 
Robinhood Mobile User Onboarding
Robinhood Mobile User OnboardingRobinhood Mobile User Onboarding
Robinhood Mobile User Onboarding
 
Apple Brand Experience
Apple Brand ExperienceApple Brand Experience
Apple Brand Experience
 
Smart Watch: a business model
Smart Watch: a business modelSmart Watch: a business model
Smart Watch: a business model
 
Wearables devices market and technology
Wearables devices market and technologyWearables devices market and technology
Wearables devices market and technology
 
Smart watch
Smart watchSmart watch
Smart watch
 
Smartwatch presentation
Smartwatch presentationSmartwatch presentation
Smartwatch presentation
 
Apple Study: 8 easy steps to beat Microsoft (and Google)
Apple Study: 8 easy steps to beat Microsoft (and Google)Apple Study: 8 easy steps to beat Microsoft (and Google)
Apple Study: 8 easy steps to beat Microsoft (and Google)
 
Microsoft to Acquire LinkedIn: Overview for Investors
Microsoft to Acquire LinkedIn: Overview for InvestorsMicrosoft to Acquire LinkedIn: Overview for Investors
Microsoft to Acquire LinkedIn: Overview for Investors
 
4 Critical Elements of Your Onboarding Process
4 Critical Elements of Your Onboarding Process4 Critical Elements of Your Onboarding Process
4 Critical Elements of Your Onboarding Process
 
How Google Works
How Google WorksHow Google Works
How Google Works
 
Business of apple watch
Business of apple watchBusiness of apple watch
Business of apple watch
 
Smartwatch Showdown: Apple Watch vs Moto 360
Smartwatch Showdown: Apple Watch vs Moto 360Smartwatch Showdown: Apple Watch vs Moto 360
Smartwatch Showdown: Apple Watch vs Moto 360
 
The PDA Smart Watch
The PDA Smart WatchThe PDA Smart Watch
The PDA Smart Watch
 
[Ajou univ.] Gear s2 practice
[Ajou univ.] Gear s2 practice[Ajou univ.] Gear s2 practice
[Ajou univ.] Gear s2 practice
 
Schock cristadur engl_ds
Schock cristadur engl_dsSchock cristadur engl_ds
Schock cristadur engl_ds
 
7 Test Ideas to Improve User Onboarding
7 Test Ideas to Improve User Onboarding7 Test Ideas to Improve User Onboarding
7 Test Ideas to Improve User Onboarding
 
Silver Efex Pro user guide
Silver Efex Pro user guideSilver Efex Pro user guide
Silver Efex Pro user guide
 

Similar to Apple Watch User Onboarding Analysis

Apple Watch Development for Beginners
Apple Watch Development for BeginnersApple Watch Development for Beginners
Apple Watch Development for BeginnersAllan Cook
 
5.1 12 Rules to Learn to Code eBook [Updated 26.11.18].pdf.pdf
5.1 12 Rules to Learn to Code eBook [Updated 26.11.18].pdf.pdf5.1 12 Rules to Learn to Code eBook [Updated 26.11.18].pdf.pdf
5.1 12 Rules to Learn to Code eBook [Updated 26.11.18].pdf.pdfBdBangladesh
 
How does copy help in user onboarding? UX & Usability teardown of JalBujh
How does copy help in user onboarding? UX & Usability teardown of JalBujhHow does copy help in user onboarding? UX & Usability teardown of JalBujh
How does copy help in user onboarding? UX & Usability teardown of JalBujhFahim Akhter
 
Your Smartphone CAN help you work smarter in your busines.
Your Smartphone CAN help you work smarter in your busines.Your Smartphone CAN help you work smarter in your busines.
Your Smartphone CAN help you work smarter in your busines.Bryna Lee Jacobson
 
Everlane iOS App Design Critique
Everlane iOS App Design CritiqueEverlane iOS App Design Critique
Everlane iOS App Design CritiqueXander Pollock
 
Know thy interaction – How interaction is changing what we create on the web
Know thy interaction – How interaction is changing what we create on the webKnow thy interaction – How interaction is changing what we create on the web
Know thy interaction – How interaction is changing what we create on the webnolly00
 
Problem Solving.pptx
Problem Solving.pptxProblem Solving.pptx
Problem Solving.pptxLily809411
 
Pair Programming - Be the best pair you can be.
Pair Programming - Be the best pair you can be.Pair Programming - Be the best pair you can be.
Pair Programming - Be the best pair you can be.David Morgantini
 
Technology used to create my product.
Technology used to create my product.Technology used to create my product.
Technology used to create my product.Shannon Fowkes
 
Choosing The Right Equipment for Web Videos
Choosing The Right Equipment for Web VideosChoosing The Right Equipment for Web Videos
Choosing The Right Equipment for Web VideosDavid Jenyns
 
Lookout Onboarding
Lookout OnboardingLookout Onboarding
Lookout Onboardingkendrickapp
 
2020: A Design Odyssey
2020: A Design Odyssey2020: A Design Odyssey
2020: A Design OdysseyTim Van Damme
 

Similar to Apple Watch User Onboarding Analysis (20)

Tiktok Onboarding Analysis
Tiktok Onboarding AnalysisTiktok Onboarding Analysis
Tiktok Onboarding Analysis
 
First Time UX
First Time UXFirst Time UX
First Time UX
 
Apple Watch Development for Beginners
Apple Watch Development for BeginnersApple Watch Development for Beginners
Apple Watch Development for Beginners
 
Example of an onboarding teardown
Example of an onboarding teardownExample of an onboarding teardown
Example of an onboarding teardown
 
Apple Watch Review
Apple Watch ReviewApple Watch Review
Apple Watch Review
 
5.1 12 Rules to Learn to Code eBook [Updated 26.11.18].pdf.pdf
5.1 12 Rules to Learn to Code eBook [Updated 26.11.18].pdf.pdf5.1 12 Rules to Learn to Code eBook [Updated 26.11.18].pdf.pdf
5.1 12 Rules to Learn to Code eBook [Updated 26.11.18].pdf.pdf
 
How does copy help in user onboarding? UX & Usability teardown of JalBujh
How does copy help in user onboarding? UX & Usability teardown of JalBujhHow does copy help in user onboarding? UX & Usability teardown of JalBujh
How does copy help in user onboarding? UX & Usability teardown of JalBujh
 
Your Smartphone CAN help you work smarter in your busines.
Your Smartphone CAN help you work smarter in your busines.Your Smartphone CAN help you work smarter in your busines.
Your Smartphone CAN help you work smarter in your busines.
 
Everlane iOS App Design Critique
Everlane iOS App Design CritiqueEverlane iOS App Design Critique
Everlane iOS App Design Critique
 
Know thy interaction – How interaction is changing what we create on the web
Know thy interaction – How interaction is changing what we create on the webKnow thy interaction – How interaction is changing what we create on the web
Know thy interaction – How interaction is changing what we create on the web
 
Onboarding Teardown for Thumbtack iOS
Onboarding Teardown for Thumbtack iOSOnboarding Teardown for Thumbtack iOS
Onboarding Teardown for Thumbtack iOS
 
Problem Solving.pptx
Problem Solving.pptxProblem Solving.pptx
Problem Solving.pptx
 
Pair Programming - Be the best pair you can be.
Pair Programming - Be the best pair you can be.Pair Programming - Be the best pair you can be.
Pair Programming - Be the best pair you can be.
 
Technology used to create my product.
Technology used to create my product.Technology used to create my product.
Technology used to create my product.
 
Future insights
Future insightsFuture insights
Future insights
 
Choosing The Right Equipment for Web Videos
Choosing The Right Equipment for Web VideosChoosing The Right Equipment for Web Videos
Choosing The Right Equipment for Web Videos
 
Apple Watch Exploration
Apple Watch ExplorationApple Watch Exploration
Apple Watch Exploration
 
Lookout Onboarding
Lookout OnboardingLookout Onboarding
Lookout Onboarding
 
How I Use Evernote
How I Use EvernoteHow I Use Evernote
How I Use Evernote
 
2020: A Design Odyssey
2020: A Design Odyssey2020: A Design Odyssey
2020: A Design Odyssey
 

Apple Watch User Onboarding Analysis

  • 2. In this deck I’ll illustrate how Apple has designed user onboarding flow for the Apple Watch. And will put in my two cents’. • Blue is OK • White is neutral and suggestions • Yellow is criticism • Red is WTF Apple?
  • 4. Nice detail, the title depends on time
  • 5. Nice detail, the title depends on time Ok, that’s clear
  • 6. If by some reason I don’t know what Apple Watch is, here I can get an idea. Different versions of the watch with different screens rotate in loop. Nice detail, the title depends on time Ok, that’s clear
  • 7. Nice detail, the title depends on time Ok, that’s clear If by some reason I don’t know what Apple Watch is, here I can get an idea. Different versions of the watch with different screens rotate in loop. A single clear call to action. Good.
  • 8. Nice detail, the title depends on time Ok, that’s clear If by some reason I don’t know what Apple Watch is, here I can get an idea. Different versions of the watch with different screens rotate in loop. A single clear call to action. Good. But why so small text and pale button?
  • 9. Nice detail, the title depends on time Ok, that’s clear If by some reason I don’t know what Apple Watch is, here I can get an idea. Different versions of the watch with different screens rotate in loop. Useful for those who don’t read news. A single clear call to action. Good. But why so small text and pale button?
  • 10. If by some reason I don’t know what Apple Watch is, here I can get an idea. Different versions of the watch with different screens rotate in loop. Useful for those who don’t read news.=? A single clear call to action. Good. But why so small text and pale button? Is this similar to Learn more?
  • 11. If by some reason I don’t know what Apple Watch is, here I can get an idea. Different versions of the watch with different screens rotate in loop. Useful for those who don’t read news. A single clear call to action. Good. But why so small text and pale button? =? Is this similar to Learn more? No. Explore is educational videos inside the app while Learn more opens Apple web site in web browser.
  • 12. If by some reason I don’t know what Apple Watch is, here I can get an idea. Different versions of the watch with different screens rotate in loop. Useful for those who don’t read news. A single clear call to action. Good. But why so small text and pale button? =? Featured what?Is this similar to Learn more? No. Explore is educational videos inside the app while Learn more opens Apple web site in web browser.
  • 13. If by some reason I don’t know what Apple Watch is, here I can get an idea. Different versions of the watch with different screens rotate in loop. Useful for those who don’t read news. A single clear call to action. Good. But why so small text and pale button? Is this similar to Learn more? No. Explore is educational videos inside the app while Learn more opens Apple web site in web browser. =? Featured what? Apps. Why not just “Apps”?
  • 14. If by some reason I don’t know what Apple Watch is, here I can get an idea. Different versions of the watch with different screens rotate in loop. Useful for those who don’t read news. A single clear call to action. Good. But why so small text and pale button? Is this similar to Learn more? No. Explore is educational videos inside the app while Learn more opens Apple web site in web browser. =? Search for what? Featured what? Apps. Why not just “Apps”?
  • 15. If by some reason I don’t know what Apple Watch is, here I can get an idea. Different versions of the watch with different screens rotate in loop. Useful for those who don’t read news. A single clear call to action. Good. But why so small text and pale button? Is this similar to Learn more? No. Explore is educational videos inside the app while Learn more opens Apple web site in web browser. =? Search for what? For apps. Why not in Apps? Featured what? Apps. Why not just “Apps”?
  • 16. Useful for those who don’t read news. A single clear call to action. Good. But why so small text and pale button? Is this similar to No. videos inside the app while Learn more site in web browser. =? Search for what? For apps. Why not in Featured what? Apps. Why not just “Apps”? Btw, where should I tap to order the watch?
  • 19. This is cool! I don’t need to go to my General Settings > Bluetooth and look for the watch
  • 20. If something goes wrong you can use old fashioned Bluetooth pairing. This is cool! I don’t need to go to my General Settings > Bluetooth and look for the watch
  • 21. It’s time to get our hands on the watch.
  • 22. It’s time to get our hands on the watch. DISCLAIMER. If you proceed to the next page you will see macro shots of my hairy wrist. The good news is the wrist will mostly be covered with an Apple Watch.
  • 23. Meanwhile on the phone To start the watch, press the digital crown-button.
  • 24. Meanwhile on the phone To start the watch, press the digital crown-button. It’s explained in a nice quick guide that comes with the watch.
  • 25. Meanwhile on the phone It takes some time to boot.
  • 26. Meanwhile on the phone The first screen you will see is a language selection which is smart. People may buy the watch from abroad.
  • 27. Meanwhile on the phone Let’s tap English for consistency
  • 28. Meanwhile on the phone Back button is a smart move. What if I tapped Chinese?
  • 29. Meanwhile on the phone Clear instruction on what to do next. Back button is a smart move. What if I tapped Chinese?
  • 30. Meanwhile on the phone Clear instruction on what to do next. Back button is a smart move. What if I tapped Chinese? And call to action.
  • 31. Meanwhile on the phone Wow! Apple, thank you for these small pleasing details! An animated star cluster instead of boring QR code. By the way, today I read a good article from Facebook’s product design director Margaret Gould Stewart about these nice touches and surprises that make people feel that we (designers) care about their experience.
 Why Beauty Matters: Unexpected Learnings from a Refugee Camp
  • 32. Now let’s imagine you align your phone’s viewfinder with the watch. Unfortunately I don’t have a relevant photo as the phone was occupied.
  • 33. And magic happens! This couple is paired.
  • 34. And in a moment, the star cluster animation turns into the image consistent with what is on the watch screen which is also very close to engraving on the back of the watch case.
  • 35. To make sure you connected the right watch? Looks good anyway.
  • 36. What if to touch the watch screen?
  • 38. Let’s get back to the phone. Meanwhile on the watch
  • 39. If you realised you connected someone else’s watch. Meanwhile on the watch
  • 40. If you realised you connected someone else’s watch. Meanwhile on the watchAgain, single call to action which is good.
  • 41. Meanwhile on the watch The buttons just jumped down. Go to the previous slide if you don’t believe me.
  • 42. Meanwhile on the watch Not sure this is important at this stage, but I assume Apple had some study
  • 43. Meanwhile on the watch Not sure this is important at this stage, but I assume Apple had some study I choose left
  • 44. BOOM!
  • 45. Start over? From the very beginning?!
  • 46. Start over? From the very beginning?! May be it was caused by frequent switching between Watch app and Camera.
  • 47. Do everything again It takes many minutes for the watch to reset.
  • 48. Ok, looks like I’ve reached the next level.
  • 49. Standard iOS confirmation of terms and conditions. Apple doesn’t want to be sued.
  • 51. What’s going on here? What to do? Where is call to action?
  • 52. Isn’t this too small and not obvious?
  • 53. Isn’t this too small and not obvious? I know it’s a standard button in iOS, but still…
  • 54. Shouldn’t I read this before connecting my Apple ID? Isn’t this too small and not obvious? I know it’s a standard button in iOS, but still…
  • 55. Shouldn’t I read this before connecting my Apple ID? Isn’t this too small and not obvious? I know it’s a standard button in iOS, but still… Newbie like: “What is Digital Touch and Apple Pay? Not convincing. Skip”.
  • 56. What if this screen looked like this?
  • 57. What if this screen looked like this? Btw, tapping Digital Touch and Apple Pay user could learn more in a modal view with external links to more details on the Apple web site.
  • 58. What if this screen looked like this? Btw, tapping Digital Touch and Apple Pay user could learn more in a modal view with external links to more details on the Apple web site. Am I getting tedious?
  • 59. Now let’s compare side by side Vs.
  • 60. Ok, back to reality.
  • 62. Enter password I don’t remember if I could make the password visible, but I guess no. I’d like to.
  • 63. And tap Next Enter password I don’t remember if I could make the password visible, but I guess no. I’d like to.
  • 65. Did anything happen? Wait! It’s about Messages.
  • 66. Wait! It’s about Messages. The difference between this and previous screen is so imperceptible! Did anything happen?
  • 67. Wait! It’s about Messages. The difference between this and previous screen is imperceptible! I’d suggest to add icons to both screens for better differentiation. Did anything happen?
  • 70. This is exactly what I was talking about. Nice distinctive images.
  • 71. Where is call to action by the way?
  • 72. Where is call to action by the way? OK what?
  • 73. Still think that “What is this?” title is redundant. OK what? Where is call to action by the way?
  • 74. Still think that “What is this?” title is redundant. OK what? Where is call to action by the way? If there is no choice, why didn’t Apple include this to Terms and Conditions and enable Location Services in stealth mode?
  • 77. Have you noticed I didn’t confirm Location Services in a standard modal view as all of us used to? Nice touch!
  • 79. Which action is preferable? And what does this image have to do with diagnostics?
  • 80. If Apple doesn’t care which one I choose, I choose Don’t Send.
  • 82. Passcode is useful, I care about privacy.
  • 83. Passcode is useful, I care about privacy. But will it be easy to enter numbers on such a small screen?
  • 84. I already criticized similar screens.
  • 85. I already criticized similar screens. so let’s just do it
  • 87. Could this screen be more exciting? ;)
  • 88. Back to the watch
  • 90. Meanwhile on the phone It’s not simple, I have to be super precise.
  • 91. Meanwhile on the phone It’s not simple, I have to be super precise. I don’t want to do this every day :(
  • 92. Meanwhile on the phone This sounds like a solution!
  • 93. Meanwhile on the phone And this sounds like a solution! But how does it work?
  • 94. Meanwhile on the phone And this sounds like a solution! But how does it work? Oh! Something new on my phone!
  • 95. Ok, now I understand. Meanwhile on the watch
  • 96. Yes. I don’t want to enter that code ever again Meanwhile on the phone
  • 97. Meanwhile on the phone Yes, I remember, when I see this screen, it’s time to switch to iPhone
  • 99. This is awesome, Apple! I don’t want to install all apps manually.
  • 102. Do everything again! Including all permissions and entering passcode.
  • 104. Some time later… Hold my fingers crossed.
  • 106. It’s fine, I got used to it. Do everything again.
  • 108. I can’t believe it! For real?
  • 109. For real! The watch is ready for use.
  • 111. Great. What’s next? How to use the watch?
  • 112. Great. What’s next? How to use the watch? At least some basics, please!
  • 113. Apple: “Figure it out yourself.”
  • 115. Denys Nevozhai Principal product designer at Alcatel Onetouch dnevozhai@gmail.com @dnevozhai Denys Nevozhai dnevozhai