Professional Documents
Culture Documents
Apple Watch: User Onboarding
Apple Watch: User Onboarding
Apple Watch: User Onboarding
User Onboarding
Denys Nevozhai
In this deck I’ll illustrate how Apple has designed
user onboarding flow for the Apple Watch.
• Blue is OK
• Yellow is criticism
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
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.
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.
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.
in Apps?
No. Explore is educational Apps. Why not
videos inside the app while just “Apps”?
Learn more opens Apple web
site in web browser.
A single clear call
to action. Good.
in
No. Apps. Why not
videos inside the app while just “Apps”?
Learn more
site in web browser.
I don’t need to go
to my General
Settings >
Bluetooth and look
for the watch
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.
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.
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
Meanwhile on the watch.
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
Back button is a
smart move.
What if I tapped
Chinese?
Clear instruction
on what to do next.
Meanwhile on
the phone
Back button is a
smart move.
What if I tapped
Chinese?
Clear instruction
on what to do next.
An animated star
cluster instead of
boring QR code.
Meanwhile on
the phone
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.
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
Again, single call the watch
to action which
is good.
Meanwhile on
the watch
I choose left
BOOM!
Start over? From the very beginning?!
May be it was caused
by frequent switching
between Watch app
and Camera.
I know it’s a
standard button
I know it’s a
standard button
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
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?
The difference
between this and
previous screen is
so imperceptible!
Did anything happen?
The difference
between this and
previous screen is
imperceptible!
OK what?
Where is call to action by the way?
OK what?
Where is call to action by the way?
OK what?
Which action is
preferable?
If Apple doesn’t
care which one I
choose, I choose
Don’t Send.
Passcode is useful, I care about privacy.
Passcode is useful, I care about privacy.
so let’s just do it
Could this screen be more exciting? ;)
Back to the watch
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
Meanwhile on this every day :(
the phone
This sounds like a
solution!
Meanwhile on
the phone
And this sounds
like a solution!
Meanwhile on
the phone
Oh! Something
new on my phone!
Meanwhile on
the watch
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?
dnevozhai@gmail.com