Hamburg, 18.05.2015

IxDA Hamburg 05/2015: Eine Smartwatch ist kein Smartphone!

25 Tage danachToday

24. April – Erste Apple Watch Auslieferung

10 MonatenToday

CELLULARs Smartwatch User Experience beginnt vor

4

LG G Watch

CELLULARs erste Smartwatch

Image: http://www.lg.com/de/wearables/lg-G-Watch

5

Sie blieb nicht lang allein

CELLULARs erste Smartwatch

Image: http://www.lg.com/de/wearables/lg-G-Watch, http://www.android.com/wear/

Meine persönliche Customer Journey

10 Cases

7

Spam-Filter

Best Case: August 2014

8

Navigation im Auto

Worst Case: September 2014

„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

Spracheingabe

Worst Case: Oktober 2014

11

Kinomodus

Nachgebesserter Case: November 2014

12

Musik & Jacken

Best & Worst Case: Dezember 2014

13

Wo vibriert & klingelt es?

Worst Case: Januar 2015

14

Termin Countdown

Best Case: Februar 2015

2 min

15

Termin Countdown

Best Case: Februar 2015

1 min

16

Termin Countdown

Best Case: Februar 2015

Jetzt

17

Unauffällig informiert

Best Case: März 2015

18

Später erinnern

Best Case: April 2015

19

WhatsApp

Best Case: Mai 2015

20

WhatsApp

Best Case: Mai 2015

21

WhatsApp

Best Case: Mai 2015

22

WhatsApp

Best Case: Mai 2015

Apple WatchToday

Mal ehrlich: Wir sind hier wegen der

Experience is Daily Business

Für alle von uns:

Apple Watch Experience

Neuland:

?

Intern beschäftigen wir uns schon lange mit Smartwatch Experiences.

Apple Watch Experience

Das allgemeine Interesse steigt – auch bei unseren Kunden.

9. September: Introducing Apple Watch

Entwicklungsstart: Apple Watch &Android Wear

Dezember 2014

vs.

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

Die Systeme sind so unterschiedliche wie beim Smartphone.

Gegensätze

Beide Uhren folgen den gleichen UX Grundsätzen.

Grundsätzlich haben wir festgestellt:

Learning 1

33

Eine Uhr ist eine Uhr

Gelerntes Verhalten

34

Der müde Arm

CELLULAR, August 2014

Google Design Principles for Android Wear

„Design for the corner of the eye“

35

Apple Watch Human Interface Guidelines

„Information is quick and easy to access

and dismiss.“

36

„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

Learning 2

39

Vor Ort bei Apple

CELLULAR, April 2015

„Glances sollten der Einstieg in die Apps sein.“

APPLE DEVELOPER

Kontext als Einstieg

40

CELLULAR, April 2015

Transit App by Transit App, Inc.

Google Design Principles for Android Wear

„The Context Stream“

41

Google Design Principles for Android Wear

„The Context Stream“

42

Google Design Principles for Android Wear

„The Context Stream“

43

Apple Watch Human Interface Guidelines

„Glances are browsable collections of timely and

contextually relevant moments.“

44

45

Joggen mit der Smartwatch

Weiterdenken

46

Joggen mit der Smartwatch

Weiterdenken

Mehr als Cards & Glances

„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

Learning 3

Mal im Ernst: Menschen sind faul.

Entfernungen im Wohnzimmer

PC

In einem anderen Raum

>5m

Tablet

PC

Aufstehen fürs Tablet

>2m

PCPhone

Bewegen fürs Phone

Tablet

1m

Watch

Tablet

PCPhone

Watch: Immer da

<0,5m

Informationen immer & direkt

Watch

55

Watch: Immer da

Sie ist schwer abzulegenACHTUNG

Watch

56

Watch: Immer da

„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

Google Design Principles for Android Wear

„Don’t be a constant shoulder tapper“

58

Learning 4

60

Weniger Smartphone

Mehr Smartwatch

vs.

Apple Watch Advertising

„[The watch] let you do familiar things more quickly

and conveniently.“

61

4. Erspare den Griff zum Handy

„Den meisten Mehrwert bieten Apps, die keine Teasertexte, sondern eine direkte Information zeigen.“

GUNNAR HAMM, KREATION CELLULAR

62

Learning 5

6Ɛ32

6Ɛ32

6Ɛ32

Checked In

Central BarCheck-in here?

Central BarCheck-in here?

Al’s BBQ JointSouthern grill, soul food, and craft beers.

East Ocean SeafoodCantonese style Chinese cuisine

Brick House PizzaGourmet 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 card. In this case, no explicit

C

D

E

1 2

1 2 4

3

3

Reduzierte Interaktion

2D-UX

6Ɛ32

Central BarCheck-in here?

Image: http://www.android.com/wear/

6Ɛ32

6Ɛ32

6Ɛ32

Checked In

Central BarCheck-in here?

Central BarCheck-in here?

Al’s BBQ JointSouthern grill, soul food, and craft beers.

East Ocean SeafoodCantonese style Chinese cuisine

Brick House PizzaGourmet 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 card. In this case, no explicit

C

D

E

1 2

1 2 4

3

3

Reduzierte Interaktion

2D-UX

6Ɛ32

Central BarCheck-in here?

Kontext Achse

Image: http://www.android.com/wear/

6Ɛ32

6Ɛ32

6Ɛ32

Checked In

Central BarCheck-in here?

Central BarCheck-in here?

Al’s BBQ JointSouthern grill, soul food, and craft beers.

East Ocean SeafoodCantonese style Chinese cuisine

Brick House PizzaGourmet 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 card. In this case, no explicit

C

D

E

1 2

1 2 4

3

3

Reduzierte Interaktion

2D-UX

6Ɛ32

Central BarCheck-in here?

Aktionen

Image: http://www.android.com/wear/

Eckig zu Rund

Wechsel: Moto 360 ab April 2015

Image: http://www.android.com/wear/

Eingaben: Schwer ohne Ecken

Rund ist nicht Besser

Image: http://www.android.com/wear/

Google Design Principles for Android Wear

„Zero or low interaction“

69

Digital Crown: Gute Haptik

Apple Hinterzimmer-Feelings

71

„Auf einem Smartphone sind Eingaben schon anstrengend — auf einer Smartwatch überfordern sie.“

GÜNTHER LAMPRECHT, DEVELOPMENT CELLULAR

5. Verzichte auf Eingaben

Learning 6

73

Wireframe

CELLULAR, Dezember 2014

Erschließen von neuen Technologien

CELLULAR Creative Sprints

1.Idee

Erschließen von neuen Technologien

CELLULAR Creative Sprints

2.Prototyp

Wireframe

1.Idee

76

Prototyping

CELLULAR, Dezember 2014

Erschließen von neuen Technologien

CELLULAR Creative Sprints

2.Prototyp

Optimieren

Wireframe

1.Idee

Erschließen von neuen Technologien

CELLULAR Creative Sprints

3.Dev.

2.Prototyp

Optimieren

Wireframe

1.Idee

Erschließen von neuen Technologien

CELLULAR Creative Sprints

3.Dev.

2.Prototyp

Optimieren

Feedback

Wireframe

1.Idee

80

Testen am Handgelenkt

CELLULAR, Dezember 2014

6. Weniger ist mehr

„Die Versuchung, möglichst viele Funktionen und Informationen auf die Watch zu bekommen, ist groß.“

TATIANA RYBNIKOVA, DEVELOPMENT CELLULAR

81

Wir haben viel gelernt & korrigiert

Heute, April 2015

Vieles ist noch offenHeute

Learning 7

85

Klein, aber oho!

Keine Einschränkung

Stand up

86

Aufforderung für Bewegung

Vertrauen macht es möglich

Stand up

87

Aufforderung für Bewegung

Vertrauen macht es möglich

Unwirksam auf einem Smartphone

Apple Watch Advertising

„So using it is a whole new experience. One that’s

more personal than ever.“

88

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

Wir lernen täglich NeuesApril 2015

Learning 8

Apple Watch Human Interface Guidelines

„It’s the most personal device Apple has ever

designed“

92

93

Settings sind umständlich

Worst Case: Januar 2015

94

8. Unbedingt Personalisiert

Weitere Regel

Das bedeutet für uns ganz selbstverständlich:

Kopiere niemals einfach den Umfang und die Funktionen

einer Smartphone App.

95

Wir brauchen nicht zwangsläufig Smartwatch Apps.

96

Wir brauchen Context: Glances, Push

& Context Stream.

97

und

Für mich eine wirklichwasserfeste Watch.

98

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