After years of rumors and anticipation, Apple unveiled the Apple Watch at WWDC 2014. While the look of Watch grabbed everyone’s attention, Watch also left people wondering how Watch will actually work? Our experts have dug into Apple’s Objective-C and Swift framework, Watchkit, since its beta release in November 2014. Here is everything you need to know about the anatomy of a WatchKit app in our version of Watchkit 101. Learn more: http://www.solstice-mobile.com/blog/watchkit-101-everything-you-need-to-know-about-the-anatomy-of-apple-watchkit

1. Intro to Apple Watch
presented by

2. It’s forecasted that
90+ million smartwatch units
will be sold in 2018
I N T R O T O A P P L E W A T C H

3. Out of all smartphones,
1 out of 20
will be paired with a smartwatch
I N T R O T O A P P L E W A T C H

4. Apple Watch is
emerging as a player

5. A P P L E W A T C H I S E M E R G I N G A S A P L A Y E R
Stainless steel or space black
stainless steel cases. Sapphire
crystal. A range of stylish bands
Anodized aluminum cases in silver or
space gray. Strengthened Ion-X glass.
Colorful, durable bands
18-karat gold cases in yellow or
rose. Sapphire crystal. Exquisitely
crafted bands and closures.

6. Coming in
April 2015
A P P L E W A T C H I S E M E R G I N G A S A P L A Y E R

7. Apple Watch 101

8. A P P L E W A T C H 1 0 1
Apple watch apps are not standalone apps

9. They complement your iOS app
A P P L E W A T C H 1 0 1
Apple watch apps are not standalone apps

10. Apple watch apps are not standalone apps
They complement your iOS app
A P P L E W A T C H 1 0 1
they don’t
replace it.

11. seconds
A P P L E W A T C H 1 0 1
interactions should be measured in
(not minutes)

12. A P P L E W A T C H 1 0 1
expected default apps

13. A P P L E W A T C H 1 0 1
integration of

14. Anatomy of
Apple WatchKit

15. A N A T O M Y O F A P P L E W A T C H K I T
Apple WatchKit

16. A N A T O M Y O F A P P L E W A T C H K I T
Supports hierarchical or
page-based navigation

17. A N A T O M Y O F A P P L E W A T C H K I T
Hierarchical:
closely resembles iOS navigation where more complex
interactions are required

18. A N A T O M Y O F A P P L E W A T C H K I T
Page-based:
paginated interface where users can swipe horizontally
between pages of information

19. A N A T O M Y O F A P P L E W A T C H K I T
You can’t use the digital crown
for gestures and interactions

20. A N A T O M Y O F A P P L E W A T C H K I T - G L A N C E S
Glances

21. A N A T O M Y O F A P P L E W A T C H K I T - G L A N C E S
Glances: browsable collection of timely
and contextually relevant moments from
the wearer’s favorite apps

22. A N A T O M Y O F A P P L E W A T C H K I T - G L A N C E S
Accessible via swipe up gesture

23. A N A T O M Y O F A P P L E W A T C H K I T - G L A N C E S
Quick view of
your app’s most
important content
Accessible via swipe up gesture

24. A N A T O M Y O F A P P L E W A T C H K I T - G L A N C E S
Quick view of
your app’s most
important content
Not scrollable
Accessible via swipe up gesture

25. A N A T O M Y O F A P P L E W A T C H K I T - G L A N C E S
Quick view of
your app’s most
important content
Not scrollable
One per app
(but it’s optional)
Accessible via swipe up gesture

26. A N A T O M Y O F A P P L E W A T C H K I T - N O T I F I C A T I O N S
Notifications

27. A N A T O M Y O F A P P L E W A T C H K I T - N O T I F I C A T I O N S
Driven by
local or
remote
notifications
sent to
your iOS
application

28. A N A T O M Y O F A P P L E W A T C H K I T - N O T I F I C A T I O N S
Short look
interface &
Long look
interface
Driven by
local or
remote
notifications
sent to
your iOS
application

29. A N A T O M Y O F A P P L E W A T C H K I T - N O T I F I C A T I O N S
Driven by
local or
remote
notifications
sent to
your iOS
application
Short look
interface &
Long look
interface
Tapping in
the sash or
content area
launches your
WatchKit app

30. A N A T O M Y O F A P P L E W A T C H K I T - N O T I F I C A T I O N S
Driven by
local or
remote
notifications
sent to
your iOS
application
Short look
interface &
Long look
interface
Tapping in
the sash or
content area
launches your
WatchKit app
Reminder: iOS will
decide whether to push
notifications to your
watch or to your phone

31. A N A T O M Y O F A P P L E W A T C H K I T - D E S I G N
Design

32. A N A T O M Y O F A P P L E W A T C H K I T - D E S I G N
Keep designs
personal and
embrace simplicity

33. A N A T O M Y O F A P P L E W A T C H K I T - D E S I G N
Keep designs
personal and
embrace simplicity
This is not an iOS
application!

34. A N A T O M Y O F A P P L E W A T C H K I T - D E S I G N
Use black for your app’s
background color, so it
blends into the watch’s bezel

35. A N A T O M Y O F A P P L E W A T C H K I T - D E S I G N
The system font, San Francisco, was designed
for legibility. Use it whenever possible.

36. A N A T O M Y O F A P P L E W A T C H K I T - D E S I G N
Since space is at a
premium, incorporate
branding in a subtle
and unobtrusive way

37. Want to learn more?
Talk to our team today.
www.solstice-mobile.com
sales@solstice-mobile.com
866.380.8472