Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps

Thorsten Jonas
Thorsten JonasStrategic UX Consultant & Coach
Hamburg, 24.04.2015
Smartwatch UX: 7 Guidelines for greater Apps
Do not mistake a smartwatch
for a small smartphone.
2
Which content belongs on your
wrist — and which does not?
3
How is good user experience
defined?
4
How do you achieve a great user
experience on a smartwatch?
5
CELLULAR’s 7 guidelines:
6
“Only content which i’m able to consume in less
than five seconds belongs on a watch.“
THORSTEN JONAS, CREATION CELLULAR
1. Make it glanceable
7
• Limit any interactions to five seconds.
• Use icons in combination with precise
wording.
• Use actual sized paper mockups of your
app to verify its content’s readability.
1. Make it glanceable
Smartwatches are often used by taking a glance on your wrist.
Consequently, information need to be designed for these short
moments of interaction.
8
Recommendations
Best practice: 

Onefootball
“Nobody wants to be interrupted by an incoming
email notification while taking a nap.
Nevertheless, your alarm should set off.“
LASSE SCHÖLKOPF, CREATION CELLULAR
2. Context is king
9
2. Context is king
Pushing relevant information at the right point of time is key to a
great smartwatch app. However, important content in an inadequate
situation can get lost.
10
• Reflect which situations your app can
enrich or simplify.
• Use all of the new available sensors to
determine the user’s context.
• Benefit from the context and use it as a
filter for your notifications.
Best practice: 

GMail
Recommendations
“Watches are worn all day. Therefore, push
notifications can’t be ignored. The only
alternative is deleting the App.“
JÖRN SIEDENTOPP, CREATION CELLULAR
3. Respect the privacy
11
3. Respect the privacy
A smartwatch is a very present device. As it is worn all day, it creates
a physical and emotional bonding with the wearer.
12
• Respect the wearer’s privacy and inform
him only in suitable situations by using
sound and vibrations.
• Less is more: Be even more sensible using
push notifications than on a smartphone
app.
Best practice: 

Android Wear
Recommendations
4. Reduce your phone usage
“Apps showing information directly instead of
teasers are the most useful.“
GUNNAR HAMM, CREATION CELLULAR
13
14
4. Reduce your phone usage
Often using a smartphone requires effort, such as getting it out of
your pocket. For example answering messages or paying with your
Apple Pay account during shopping.
• Offer a simple reaction using reply
suggestions.
• Let the user react to notifications: Read
later, show on phone, delete…
• Show enough information, so that the
user can decide if it’s worth checking his
phone.
Best practice: 

Apple Passbook
Recommendations
15
“Typing on a smartphone is hard enough — on a
smartwatch it is overstraining.“
GÜNTHER LAMPRECHT, DEVELOPMENT CELLULAR
5. Try to avoid input
16
5. Try to avoid input
First of all, the smartwatch is an extended display of the
smartphone. The size of a smartwatch isn’t designed for more than
one gesture (swipe, tap).
• Input should be optional.
• Replace textfields by offering templates
and quick responses.
• If a longer text is required, voice input is
the only choice.
• Switch to the smartphone app for longer
interaction flows.
Best practice: 

Apple Nachrichten
Recommendations
6. Less is more
“The temptation to get as many features and
information on the watch as possible, is
immense.“
TATIANA RYBNIKOVA, DEVELOPMENT CELLULAR
17
18
6. Less is more
On a computer screen, the rather small smartwatch displays appear
much bigger than their actual size. This can lead to a wrong
evaluation resulting in poor designs.
• More functions mean longer interactions –
the smartphone got you covered for that.
• Focus on one single usecase and cover it.
• Start early testing on paper mockups.
Best practice: 

Finde mein Smartphone
Recommendations
7. Extend the smartphone App
“Use the strengths of the smartwatch, to benefit
from it. If you develop for Apple Watch: Focus
on glances and notifications!“
SVEN JANSEN, DEVELOPMENT CELLULAR
19
20
7. Extend the smartphone App
Use the context to get specific information at a glance. For example:
“How much time is left till boarding?“ or “How long does it take to get
to the gate?“. Permanently wearing your smartwatch enables you to
get more and accurate data, that can extend your smartphone app.
• Think of useful extensions for the
smartphone app.
• Enrich the smartphone App using the new
accurate data.
• Use the context as a strength of the
smartwatch.
Best practice: 

Lufthansa
Recommendations
Naturally this leads to one simple rule:
Never just copy the range and
functions of a smartphone App.
21
22
CELLULAR Hamburg
Große Elbstraße 39
22767 Hamburg
Germany
CELLULAR Austria
Hermanngasse 18
1070 Wien
Austria
Fin
Credits:
Apple Watch Mockups by Meng To, Apple Watch Product Photos by Apple
Thorsten Jonas
Head of Concept
tjonas@cellular.de
Jörn Siedentopp
Senior Konzepter
Lasse Schölkopf
Junior Konzepter
Jakob Stecher
Junior Konzepter
1 of 22

Recommended

Apple TV UX: 8 Guidelines for greater Apps by
Apple TV UX: 8 Guidelines for greater Apps Apple TV UX: 8 Guidelines for greater Apps
Apple TV UX: 8 Guidelines for greater Apps CELLULAR
39.6K views24 slides
The ZDF App Universe by
The ZDF App UniverseThe ZDF App Universe
The ZDF App UniverseThorsten Jonas
1.5K views97 slides
UX on the big screen - MobX Conference 2016 by
UX on the big screen - MobX Conference 2016UX on the big screen - MobX Conference 2016
UX on the big screen - MobX Conference 2016Thorsten Jonas
2.4K views115 slides
Ux design environment for samsung tv application by
Ux design environment for samsung tv applicationUx design environment for samsung tv application
Ux design environment for samsung tv applicationParlinggoman Hasibuan
954 views13 slides
Mobile Horizons Istanbul 2013 - Blippar by
Mobile Horizons Istanbul 2013 - BlipparMobile Horizons Istanbul 2013 - Blippar
Mobile Horizons Istanbul 2013 - BlipparMobile Horizons
1.2K views55 slides
What is MVP? by
What is MVP?What is MVP?
What is MVP?Ready4S
191 views11 slides

More Related Content

What's hot

Benefits of Enplug for Customers by
Benefits of Enplug for CustomersBenefits of Enplug for Customers
Benefits of Enplug for CustomersColin Bovet
380 views5 slides
Ambarish Mitra, Blippar ' Creating that Augmented Experience' by
Ambarish Mitra, Blippar ' Creating that Augmented Experience'Ambarish Mitra, Blippar ' Creating that Augmented Experience'
Ambarish Mitra, Blippar ' Creating that Augmented Experience'Interactive Scotland
1.1K views10 slides
7 blippar summary august by
7 blippar summary  august7 blippar summary  august
7 blippar summary augustRachel Aldighieri
1.8K views51 slides
Lean Media: Running Lean Programs For Multiple Media Brands, Kimberly Hicks, ... by
Lean Media: Running Lean Programs For Multiple Media Brands, Kimberly Hicks, ...Lean Media: Running Lean Programs For Multiple Media Brands, Kimberly Hicks, ...
Lean Media: Running Lean Programs For Multiple Media Brands, Kimberly Hicks, ...Lean Startup Co.
48.1K views42 slides
Media product pitch rb by
Media product pitch rbMedia product pitch rb
Media product pitch rbRichard Binnington
279 views9 slides
Wearables as Amplifiers by
Wearables as AmplifiersWearables as Amplifiers
Wearables as AmplifiersAlex Lillo
223 views19 slides

What's hot(20)

Benefits of Enplug for Customers by Colin Bovet
Benefits of Enplug for CustomersBenefits of Enplug for Customers
Benefits of Enplug for Customers
Colin Bovet380 views
Ambarish Mitra, Blippar ' Creating that Augmented Experience' by Interactive Scotland
Ambarish Mitra, Blippar ' Creating that Augmented Experience'Ambarish Mitra, Blippar ' Creating that Augmented Experience'
Ambarish Mitra, Blippar ' Creating that Augmented Experience'
Lean Media: Running Lean Programs For Multiple Media Brands, Kimberly Hicks, ... by Lean Startup Co.
Lean Media: Running Lean Programs For Multiple Media Brands, Kimberly Hicks, ...Lean Media: Running Lean Programs For Multiple Media Brands, Kimberly Hicks, ...
Lean Media: Running Lean Programs For Multiple Media Brands, Kimberly Hicks, ...
Lean Startup Co.48.1K views
Wearables as Amplifiers by Alex Lillo
Wearables as AmplifiersWearables as Amplifiers
Wearables as Amplifiers
Alex Lillo223 views
Widget iOS: how to use them well by Alessio Roberto
Widget iOS: how to use them wellWidget iOS: how to use them well
Widget iOS: how to use them well
Alessio Roberto427 views
What I Learned about Mobile UX... The Hard Way by Josh Jeffryes
What I Learned about Mobile UX... The Hard WayWhat I Learned about Mobile UX... The Hard Way
What I Learned about Mobile UX... The Hard Way
Josh Jeffryes704 views
QASMT - PAJ 2015 by LifeTec
QASMT - PAJ 2015QASMT - PAJ 2015
QASMT - PAJ 2015
LifeTec360 views
How to use Apple Watch? What are the benefits of Apple Watch? by vedikagoyal
How to use Apple Watch? What are the benefits of Apple Watch?How to use Apple Watch? What are the benefits of Apple Watch?
How to use Apple Watch? What are the benefits of Apple Watch?
vedikagoyal91 views
Waldo smart table by Majd Lefi
Waldo smart tableWaldo smart table
Waldo smart table
Majd Lefi98 views
Learn fast to build fast @ le Monde - Lean Kanban France 2014 by Ismaël Héry
Learn fast to build fast @ le Monde - Lean Kanban France 2014Learn fast to build fast @ le Monde - Lean Kanban France 2014
Learn fast to build fast @ le Monde - Lean Kanban France 2014
Ismaël Héry364 views
Building Human-Centered Apps with Kafka by confluent
Building Human-Centered Apps with Kafka Building Human-Centered Apps with Kafka
Building Human-Centered Apps with Kafka
confluent605 views
Blippar is giving you more from the world you see by Ilyas 伊利亚
Blippar is giving you more from the world you seeBlippar is giving you more from the world you see
Blippar is giving you more from the world you see
Ilyas 伊利亚167 views
Five Things You Should Experience This Week: 11.24.14 by Joanna Peña-Bickley
Five Things You Should Experience This Week: 11.24.14Five Things You Should Experience This Week: 11.24.14
Five Things You Should Experience This Week: 11.24.14
9 Engagement Emails You Can Send To Your Mobile App Users by Dave Goldstein
9 Engagement Emails You Can Send To Your Mobile App Users9 Engagement Emails You Can Send To Your Mobile App Users
9 Engagement Emails You Can Send To Your Mobile App Users
Dave Goldstein8.2K views
Eventshot Location Based Instant Printing by Sebastian Yoon
Eventshot Location Based Instant PrintingEventshot Location Based Instant Printing
Eventshot Location Based Instant Printing
Sebastian Yoon257 views

Viewers also liked

Open Data проекты в США by
Open Data проекты в СШАOpen Data проекты в США
Open Data проекты в СШАVitaly Vlasov
1.4K views39 slides
Open Data Visualization by
Open Data VisualizationOpen Data Visualization
Open Data VisualizationInformational Culture
765 views31 slides
Open data services and visualization by
Open data services and visualizationOpen data services and visualization
Open data services and visualizationIrina Radchenko
1.3K views21 slides
Открытые данные в области государственных закупок by
Открытые данные в области государственных закупокОткрытые данные в области государственных закупок
Открытые данные в области государственных закупокGolubtsova Lena
3.2K views17 slides
Visualization in Europe: School of Open Data in Moscow by
Visualization in Europe: School of Open Data in MoscowVisualization in Europe: School of Open Data in Moscow
Visualization in Europe: School of Open Data in MoscowNatalia Karbasova
755 views163 slides
Corruption, corporate transparency and open data by
Corruption, corporate transparency and open dataCorruption, corporate transparency and open data
Corruption, corporate transparency and open dataChris Taggart
33.2K views108 slides

Viewers also liked(7)

Open Data проекты в США by Vitaly Vlasov
Open Data проекты в СШАOpen Data проекты в США
Open Data проекты в США
Vitaly Vlasov1.4K views
Open data services and visualization by Irina Radchenko
Open data services and visualizationOpen data services and visualization
Open data services and visualization
Irina Radchenko1.3K views
Открытые данные в области государственных закупок by Golubtsova Lena
Открытые данные в области государственных закупокОткрытые данные в области государственных закупок
Открытые данные в области государственных закупок
Golubtsova Lena3.2K views
Visualization in Europe: School of Open Data in Moscow by Natalia Karbasova
Visualization in Europe: School of Open Data in MoscowVisualization in Europe: School of Open Data in Moscow
Visualization in Europe: School of Open Data in Moscow
Natalia Karbasova755 views
Corruption, corporate transparency and open data by Chris Taggart
Corruption, corporate transparency and open dataCorruption, corporate transparency and open data
Corruption, corporate transparency and open data
Chris Taggart33.2K views
CELLULAR Quickcheck: Das Amazon Fire Phone by Thorsten Jonas
CELLULAR Quickcheck: Das Amazon Fire PhoneCELLULAR Quickcheck: Das Amazon Fire Phone
CELLULAR Quickcheck: Das Amazon Fire Phone
Thorsten Jonas2.3K views

Similar to Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps

Devmento발표100525 by
Devmento발표100525Devmento발표100525
Devmento발표100525jinwook shin
765 views90 slides
Design_for_Sensors_-_30min by
Design_for_Sensors_-_30minDesign_for_Sensors_-_30min
Design_for_Sensors_-_30minJoe Johnston
335 views48 slides
Angela Hicks - Debunking Mobile Web Design Myths in the Age of the Smartphone by
Angela Hicks - Debunking Mobile Web Design Myths in the Age of the SmartphoneAngela Hicks - Debunking Mobile Web Design Myths in the Age of the Smartphone
Angela Hicks - Debunking Mobile Web Design Myths in the Age of the SmartphoneJulia Grosman
408 views46 slides
User Interface musts for mobile design by
User Interface musts for mobile design User Interface musts for mobile design
User Interface musts for mobile design Puneet Arora
1.4K views5 slides
10-Minute Fig and Fresh Apple Cobbler by
10-Minute Fig and Fresh Apple Cobbler10-Minute Fig and Fresh Apple Cobbler
10-Minute Fig and Fresh Apple Cobblercedricfreecamsnews
77 views1 slide
Why Apple Watch Matters by
Why Apple Watch MattersWhy Apple Watch Matters
Why Apple Watch MattersFresh Digital Group
1K views36 slides

Similar to Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps(20)

Devmento발표100525 by jinwook shin
Devmento발표100525Devmento발표100525
Devmento발표100525
jinwook shin765 views
Design_for_Sensors_-_30min by Joe Johnston
Design_for_Sensors_-_30minDesign_for_Sensors_-_30min
Design_for_Sensors_-_30min
Joe Johnston335 views
Angela Hicks - Debunking Mobile Web Design Myths in the Age of the Smartphone by Julia Grosman
Angela Hicks - Debunking Mobile Web Design Myths in the Age of the SmartphoneAngela Hicks - Debunking Mobile Web Design Myths in the Age of the Smartphone
Angela Hicks - Debunking Mobile Web Design Myths in the Age of the Smartphone
Julia Grosman408 views
User Interface musts for mobile design by Puneet Arora
User Interface musts for mobile design User Interface musts for mobile design
User Interface musts for mobile design
Puneet Arora1.4K views
Why Apple Watch Matters by Doug Robinson
Why Apple Watch MattersWhy Apple Watch Matters
Why Apple Watch Matters
Doug Robinson39.6K views
How to Create Insanely Cool UX Designs Using Micro-interactions? by Kaspar Lavik
How to Create Insanely Cool UX Designs Using Micro-interactions?How to Create Insanely Cool UX Designs Using Micro-interactions?
How to Create Insanely Cool UX Designs Using Micro-interactions?
Kaspar Lavik59 views
Your Smartphone CAN help you work smarter in your busines. by Bryna Lee Jacobson
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 Jacobson708 views
Designing Frictionless Experiences - IxDA Grand Rapids by Joe Johnston
Designing Frictionless Experiences - IxDA Grand RapidsDesigning Frictionless Experiences - IxDA Grand Rapids
Designing Frictionless Experiences - IxDA Grand Rapids
Joe Johnston749 views
Apple Watch Development with Xamarin Watch Kit by Tom Soderling
Apple Watch Development with Xamarin Watch KitApple Watch Development with Xamarin Watch Kit
Apple Watch Development with Xamarin Watch Kit
Tom Soderling733 views
Measuring Visual Attentiveness: Eye Tracking on Wearable Devices by UXPA International
Measuring Visual Attentiveness: Eye Tracking on Wearable DevicesMeasuring Visual Attentiveness: Eye Tracking on Wearable Devices
Measuring Visual Attentiveness: Eye Tracking on Wearable Devices
Riding the new wave_Nuisol by Year of the X
Riding the new wave_NuisolRiding the new wave_Nuisol
Riding the new wave_Nuisol
Year of the X677 views
How Mobile Apps Can Be Used For Sales And Branding by Vincent Teo
How Mobile Apps Can Be Used For Sales And BrandingHow Mobile Apps Can Be Used For Sales And Branding
How Mobile Apps Can Be Used For Sales And Branding
Vincent Teo3.7K views
Apple Watch: Everything You Need To Know As A Marketer by Inlight
Apple Watch: Everything You Need To Know As A MarketerApple Watch: Everything You Need To Know As A Marketer
Apple Watch: Everything You Need To Know As A Marketer
Inlight19.4K views

Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps

  • 1. Hamburg, 24.04.2015 Smartwatch UX: 7 Guidelines for greater Apps
  • 2. Do not mistake a smartwatch for a small smartphone. 2
  • 3. Which content belongs on your wrist — and which does not? 3
  • 4. How is good user experience defined? 4
  • 5. How do you achieve a great user experience on a smartwatch? 5
  • 7. “Only content which i’m able to consume in less than five seconds belongs on a watch.“ THORSTEN JONAS, CREATION CELLULAR 1. Make it glanceable 7
  • 8. • Limit any interactions to five seconds. • Use icons in combination with precise wording. • Use actual sized paper mockups of your app to verify its content’s readability. 1. Make it glanceable Smartwatches are often used by taking a glance on your wrist. Consequently, information need to be designed for these short moments of interaction. 8 Recommendations Best practice: 
 Onefootball
  • 9. “Nobody wants to be interrupted by an incoming email notification while taking a nap. Nevertheless, your alarm should set off.“ LASSE SCHÖLKOPF, CREATION CELLULAR 2. Context is king 9
  • 10. 2. Context is king Pushing relevant information at the right point of time is key to a great smartwatch app. However, important content in an inadequate situation can get lost. 10 • Reflect which situations your app can enrich or simplify. • Use all of the new available sensors to determine the user’s context. • Benefit from the context and use it as a filter for your notifications. Best practice: 
 GMail Recommendations
  • 11. “Watches are worn all day. Therefore, push notifications can’t be ignored. The only alternative is deleting the App.“ JÖRN SIEDENTOPP, CREATION CELLULAR 3. Respect the privacy 11
  • 12. 3. Respect the privacy A smartwatch is a very present device. As it is worn all day, it creates a physical and emotional bonding with the wearer. 12 • Respect the wearer’s privacy and inform him only in suitable situations by using sound and vibrations. • Less is more: Be even more sensible using push notifications than on a smartphone app. Best practice: 
 Android Wear Recommendations
  • 13. 4. Reduce your phone usage “Apps showing information directly instead of teasers are the most useful.“ GUNNAR HAMM, CREATION CELLULAR 13
  • 14. 14 4. Reduce your phone usage Often using a smartphone requires effort, such as getting it out of your pocket. For example answering messages or paying with your Apple Pay account during shopping. • Offer a simple reaction using reply suggestions. • Let the user react to notifications: Read later, show on phone, delete… • Show enough information, so that the user can decide if it’s worth checking his phone. Best practice: 
 Apple Passbook Recommendations
  • 15. 15 “Typing on a smartphone is hard enough — on a smartwatch it is overstraining.“ GÜNTHER LAMPRECHT, DEVELOPMENT CELLULAR 5. Try to avoid input
  • 16. 16 5. Try to avoid input First of all, the smartwatch is an extended display of the smartphone. The size of a smartwatch isn’t designed for more than one gesture (swipe, tap). • Input should be optional. • Replace textfields by offering templates and quick responses. • If a longer text is required, voice input is the only choice. • Switch to the smartphone app for longer interaction flows. Best practice: 
 Apple Nachrichten Recommendations
  • 17. 6. Less is more “The temptation to get as many features and information on the watch as possible, is immense.“ TATIANA RYBNIKOVA, DEVELOPMENT CELLULAR 17
  • 18. 18 6. Less is more On a computer screen, the rather small smartwatch displays appear much bigger than their actual size. This can lead to a wrong evaluation resulting in poor designs. • More functions mean longer interactions – the smartphone got you covered for that. • Focus on one single usecase and cover it. • Start early testing on paper mockups. Best practice: 
 Finde mein Smartphone Recommendations
  • 19. 7. Extend the smartphone App “Use the strengths of the smartwatch, to benefit from it. If you develop for Apple Watch: Focus on glances and notifications!“ SVEN JANSEN, DEVELOPMENT CELLULAR 19
  • 20. 20 7. Extend the smartphone App Use the context to get specific information at a glance. For example: “How much time is left till boarding?“ or “How long does it take to get to the gate?“. Permanently wearing your smartwatch enables you to get more and accurate data, that can extend your smartphone app. • Think of useful extensions for the smartphone app. • Enrich the smartphone App using the new accurate data. • Use the context as a strength of the smartwatch. Best practice: 
 Lufthansa Recommendations
  • 21. Naturally this leads to one simple rule: Never just copy the range and functions of a smartphone App. 21
  • 22. 22 CELLULAR Hamburg Große Elbstraße 39 22767 Hamburg Germany CELLULAR Austria Hermanngasse 18 1070 Wien Austria Fin Credits: Apple Watch Mockups by Meng To, Apple Watch Product Photos by Apple Thorsten Jonas Head of Concept tjonas@cellular.de Jörn Siedentopp Senior Konzepter Lasse Schölkopf Junior Konzepter Jakob Stecher Junior Konzepter