Zusammenfassung: Testen und Entwickeln von Smartwatch Projekten: Erste Erkenntnisse über das Interaction Design und die User Experience. Mit dem Launch der Apple Watch haben es die Smartwatches in die Wahrnehmung der breiten Öffentlichkeit geschafft. Doch die ersten Meinungen zeigen kein klares Bild: Machen Smartwatches unser Leben leichter, oder nerven sie im Alltag? Eins ist klar: Eine Smartwatch ist kein Smartphone. Doch was ist eigentlich gute User Experience auf einer Smartwatch und wie kann man diese erschaffen? Welche Inhalte sollten auf einer Smartwatch stattfinden? Und brauchen wir wirklich Watch-Apps oder sind wir auf der Suche nach etwas völlig Neuem? Die letzten Monate standen bei www.cellular.de unter dem Zeichen der Wearables. Aus den Erfahrungen, die wir während der Entwicklung von Projekten für die Apple Watch und Android Smartwatches gesammelt haben, ist eine Präsentation entstanden, die unsere 7 Guidelines für eine perfekte UX auf Smartwatches zusammenfasst: http://de.slideshare.net/tjonas/20150424-cellular-smartwatchguidelines-47366106 Im Rahmen der IxDA Hamburg 05/2015 haben sich Senior Concept Designer Jörn Siedentopp (@joernsie) und Concept Designer Jakob Stecher (@jakobstecher) von CELLULAR (@cellular_gmbh) über die Erkenntnisse ausgetauscht. https://www.xing.com/events/ixda-hamburg-05-2015-smartwatch-smartphone-1554653?sc_o=si1942_com

1. Hamburg, 18.05.2015
IxDA Hamburg 05/2015:
Eine Smartwatch ist kein Smartphone!

2. 25 Tage danach
Today
24. April – Erste Apple Watch Auslieferung

3. 10 Monaten
Today
CELLULARs Smartwatch User Experience beginnt vor

4. 4
LG G Watch
CELLULARs erste Smartwatch
Image: http://www.lg.com/de/wearables/lg-G-Watch

5. 5
Sie blieb nicht lang allein
CELLULARs erste Smartwatch
Image: http://www.lg.com/de/wearables/lg-G-Watch, http://www.android.com/wear/

6. Meine persönliche Customer Journey
10 Cases

7. 7
Spam-Filter
Best Case: August 2014

8. 8
Navigation im Auto
Worst Case: September 2014

9. „This is where Haptics really come into its own –
I can be directed without hearing or sight, but by a series of
taps via the watch onto my wrist“
MOLLY WATT – BEINAHE BLIND & TAUB
http://9to5mac.com/2015/05/06/apple-watch-blind-deaf/
Exkurs: Apple Watch

10. 10
Spracheingabe
Worst Case: Oktober 2014

11. 11
Kinomodus
Nachgebesserter Case: November 2014

12. 12
Musik & Jacken
Best & Worst Case: Dezember 2014

13. 13
Wo vibriert & klingelt es?
Worst Case: Januar 2015

14. 14
Termin Countdown
Best Case: Februar 2015
2 min

15. 15
Termin Countdown
Best Case: Februar 2015
1 min

16. 16
Termin Countdown
Best Case: Februar 2015
Jetzt

17. 17
Unauffällig informiert
Best Case: März 2015

18. 18
Später erinnern
Best Case: April 2015

19. 19
WhatsApp
Best Case: Mai 2015

20. 20
WhatsApp
Best Case: Mai 2015

21. 21
WhatsApp
Best Case: Mai 2015

22. 22
WhatsApp
Best Case: Mai 2015

23. Apple Watch
Today
Mal ehrlich: Wir sind hier wegen der

24. Experience is
Daily Business
Für alle von uns:

25. Apple Watch
Experience
Neuland:
?

26. Intern beschäftigen wir
uns schon lange mit
Smartwatch Experiences.
Apple Watch Experience

27. Das allgemeine Interesse
steigt – auch bei unseren
Kunden.
9. September: Introducing Apple Watch

28. Entwicklungsstart:
Apple Watch &
Android Wear
Dezember 2014

29. vs.
Image: Apple Watch Mockups by Meng To, http://www.android.com/wear/

30. Die Systeme sind so
unterschiedliche wie
beim Smartphone.
Gegensätze

31. Beide Uhren
folgen den gleichen
UX Grundsätzen.
Grundsätzlich haben wir festgestellt:

32. Learning 1

33. 33
Eine Uhr ist eine Uhr
Gelerntes Verhalten

34. 34
Der müde Arm
CELLULAR, August 2014

35. Google Design Principles for Android Wear
„Design for the
corner of the eye“
35

36. Apple Watch Human Interface Guidelines
„Information is quick
and easy to access
and dismiss.“
36

37. „Nur Inhalte, die weniger als fünf Sekunden
dauern, sind potenziell auf der Uhr
interessant.“
THORSTEN JONAS, KREATION CELLULAR
1. Gestalte für den Augenblick
37

38. Learning 2

39. 39
Vor Ort bei Apple
CELLULAR, April 2015

40. „Glances sollten der Einstieg in die Apps
sein.“
APPLE DEVELOPER
Kontext als Einstieg
40
CELLULAR, April 2015
Transit App
by Transit App, Inc.

41. Google Design Principles for Android Wear
„The Context Stream“
41

42. Google Design Principles for Android Wear
„The Context Stream“
42

43. Google Design Principles for Android Wear
„The Context Stream“
43

44. Apple Watch Human Interface Guidelines
„Glances are browsable
collections of timely and
contextually relevant
moments.“
44

45. 45
Joggen mit der Smartwatch
Weiterdenken

46. 46
Joggen mit der Smartwatch
Weiterdenken
Mehr als Cards & Glances

47. „Niemand will während seines Mittagsschlafs
von Emails geweckt werden, von seinem
Wecker jedoch schon.“
LASSE SCHÖLKOPF, KREATION CELLULAR
2. Kontext ist King
47

48. Learning 3

49. Mal im Ernst: Menschen sind faul.

50. Entfernungen im Wohnzimmer

51. PC
In einem anderen Raum
>5m

52. Tablet
PC
Aufstehen fürs Tablet
>2m

53. PC
Phone
Bewegen fürs Phone
Tablet
1m

54. Watch
Tablet
PC
Phone
Watch: Immer da
<0,5m

55. Informationen immer & direkt
Watch
55
Watch: Immer da

56. Sie ist schwer abzulegen
ACHTUNG
Watch
56
Watch: Immer da

57. „Eine Uhr kann ich nicht ablegen, also ist
das Ignorieren von Push kaum möglich. Es
bleibt (nur) das Löschen der App.“
JÖRN SIEDENTOPP, KREATION CELLULAR
3. Respektiere die Privatsphäre
57

58. Google Design Principles for Android Wear
„Don’t be a constant
shoulder tapper“
58

59. Learning 4

60. 60
Weniger Smartphone
Mehr Smartwatch
vs.

61. Apple Watch Advertising
„[The watch] let you do
familiar things more quickly
and conveniently.“
61

62. 4. Erspare den Griff zum Handy
„Den meisten Mehrwert bieten Apps, die
keine Teasertexte, sondern eine direkte
Information zeigen.“
GUNNAR HAMM, KREATION CELLULAR
62

63. Learning 5

64. 6 32
6 32
6 32
Checke
Central Bar
Check-in here?
Central Bar
Check-in here?
Al’s BBQ Joint
Southern grill,
soul food, and
craft beers.
East Ocean Seafood
Cantonese style
Chinese cuisine
Brick House Pizza
Gourmet pizza,
pasta, cocktails
and beers.
Change location
Checked In
If the action is primary to the
information, we can place the action
button right on the card.
We can add the ability to choose a
different location by launching a Picker
widget when the user taps on an action
button. The Picker temporarily takes
over the screen and allows the user to
choose from a rich set of results.
Performing an action or making a
choice can also affect the original
C
D
E
1 2
1 2 4
3
3
Reduzierte Interaktion
2D-UX
6 32
Central Bar
Check-in here?
Image: http://www.android.com/wear/

65. 6 32
6 32
6 32
Checke
Central Bar
Check-in here?
Central Bar
Check-in here?
Al’s BBQ Joint
Southern grill,
soul food, and
craft beers.
East Ocean Seafood
Cantonese style
Chinese cuisine
Brick House Pizza
Gourmet pizza,
pasta, cocktails
and beers.
Change location
Checked In
If the action is primary to the
information, we can place the action
button right on the card.
We can add the ability to choose a
different location by launching a Picker
widget when the user taps on an action
button. The Picker temporarily takes
over the screen and allows the user to
choose from a rich set of results.
Performing an action or making a
choice can also affect the original
C
D
E
1 2
1 2 4
3
3
Reduzierte Interaktion
2D-UX
6 32
Central Bar
Check-in here?
Kontext Achse
Image: http://www.android.com/wear/

66. 6 32
6 32
6 32
Checke
Central Bar
Check-in here?
Central Bar
Check-in here?
Al’s BBQ Joint
Southern grill,
soul food, and
craft beers.
East Ocean Seafood
Cantonese style
Chinese cuisine
Brick House Pizza
Gourmet pizza,
pasta, cocktails
and beers.
Change location
Checked In
If the action is primary to the
information, we can place the action
button right on the card.
We can add the ability to choose a
different location by launching a Picker
widget when the user taps on an action
button. The Picker temporarily takes
over the screen and allows the user to
choose from a rich set of results.
Performing an action or making a
choice can also affect the original
C
D
E
1 2
1 2 4
3
3
Reduzierte Interaktion
2D-UX
6 32
Central Bar
Check-in here?
Aktionen
Image: http://www.android.com/wear/

67. Eckig zu Rund
Wechsel: Moto 360 ab April 2015
Image: http://www.android.com/wear/

68. Eingaben: Schwer ohne Ecken
Rund ist nicht Besser
Image: http://www.android.com/wear/

69. Google Design Principles for Android Wear
„Zero or low interaction“
69

70. Digital Crown: Gute Haptik
Apple Hinterzimmer-Feelings

71. 71
„Auf einem Smartphone sind Eingaben
schon anstrengend — auf einer Smartwatch
überfordern sie.“
GÜNTHER LAMPRECHT, DEVELOPMENT CELLULAR
5. Verzichte auf Eingaben

72. Learning 6

73. 73
Wireframe
CELLULAR, Dezember 2014

74. Erschließen von neuen Technologien
CELLULAR Creative Sprints
1.
Idee

75. Erschließen von neuen Technologien
CELLULAR Creative Sprints
2.
Prototyp
Wireframe
1.
Idee

76. 76
Prototyping
CELLULAR, Dezember 2014

77. Erschließen von neuen Technologien
CELLULAR Creative Sprints
2.
Prototyp
Optimieren
Wireframe
1.
Idee

78. Erschließen von neuen Technologien
CELLULAR Creative Sprints
3.
Dev.
2.
Prototyp
Optimieren
Wireframe
1.
Idee

79. Erschließen von neuen Technologien
CELLULAR Creative Sprints
3.
Dev.
2.
Prototyp
Optimieren
Feedback
Wireframe
1.
Idee

80. 80
Testen am Handgelenkt
CELLULAR, Dezember 2014

81. 6. Weniger ist mehr
„Die Versuchung, möglichst viele Funktionen
und Informationen auf die Watch zu
bekommen, ist groß.“
TATIANA RYBNIKOVA, DEVELOPMENT CELLULAR
81

82. Wir haben viel
gelernt & korrigiert
Heute, April 2015

83. Vieles ist noch offen
Heute

84. Learning 7

85. 85
Klein, aber oho!
Keine Einschränkung

86. Stand
up
86
Aufforderung für Bewegung
Vertrauen macht es möglich

87. Stand
up
87
Aufforderung für Bewegung
Vertrauen macht es möglich
Unwirksam auf einem Smartphone

88. Apple Watch Advertising
„So using it is a whole new
experience. One that’s
more personal than ever.“
88

89. 7. Erweitere die Phone App
„Nutze die Stärken der Smartwatch, um
einen Mehrwert zu bieten. Bei der Apple
Watch sollte der Fokus auf Glances und
Notifications liegen!“
SVEN JANSEN, DEVELOPMENT CELLULAR 89

90. Wir lernen täglich Neues
April 2015

91. Learning 8

92. Apple Watch Human Interface Guidelines
„It’s the most personal
device Apple has ever
designed“
92

93. 93
Settings sind umständlich
Worst Case: Januar 2015

94. 94
8. Unbedingt Personalisiert
Weitere Regel

95. Das bedeutet für uns ganz selbstverständlich:
Kopiere niemals einfach den
Umfang und die Funktionen
einer Smartphone App.
95

96. Wir brauchen
nicht zwangsläufig
Smartwatch Apps.
96

97. Wir brauchen Context:
Glances, Push
& Context Stream.
97

98. und
Für mich eine wirklich
wasserfeste Watch.
98

99. Fin
99
Jörn Siedentopp
Senior Concept Designer
M jsiedentopp@cellular.de
@joernsie
Jakob Stecher
Concept Designer
M jstecher@cellular.de
@jakobstecher
Annika-Sophie Butt
Public Relations
M presse@cellular.de
@CELLULAR_GmbH
CELLULAR Hamburg
Große Elbstraße 39
22767 Hamburg
Germany
CELLULAR Austria
Hermanngasse 18
1070 Wien
Austria
Credits:
Watch Mockups by Meng To, Watch Product Photos by Apple and Wear Product Photos by Google