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
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.
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