Von der Idee zur praxistauglichen Watch AppEin Erfahrungsbericht

Überall App Day, 16. Juni 2016Daniel Estermann, appculture AG

Was macht eine Golf App?

Eisen 7: 140mEisen 8: 130mEisen 9: 120m

Distanz je nach Schläger

Distanz je nach Schläger

Loch 17TPC SawgrassPonte Vedra Beach, Florida

Laser

https://www.youtube.com/watch?v=t93f3F9Fln4

Course Planner

138

147

122125

140

11495

108

8283

94

68

Laser

FrontCenterBack

• Passionierter Golfspieler

• Entwickler Golf App „tigerline“

• CEO & Gründer von appculture

Daniel Estermann

www.tigerlineapp.com

1000 Golf Apps

• Distanzmesser• Course Guide• Scorekarte & Statistiken

1. Watch App starten

2. iPhone App starten

3. „Golf Spielen“

4. Golfclub wählen

5. Golfplatz wählen

6. Abschlag wählen

7. Spieler hinzufügen

8. Startloch wählen

9. iPhone versorgen

10.Golf spielen!

Geht es wirklich nicht

einfacher?

Geht es wirklich nicht

einfacher?

Idee → App → $$$

Vorgehen

Spec Design Build

Spec

Design

Build

Idee → App → !

BuildEvaluate

User Research

User-Centered Design

Zielpublikum:

• Männlich, 40-60 jährig

• Kein Digital Native

• Weitsichtig?

• t

Kontext

• Sonnenlicht

• Bedienung im Gehen

• Wenige Sekunden Zeit

Benutzerbedürfnisse

✔ Distanz zum Grün

✔ Gut lesbar

✘ Distanz zu Hindernissen

✘ Score

Vision

„So einfach wie eine GPS Golf-Uhr“

• einfach

• schnell

• ohne iPhone

Idee → Prototyp → Prototyp → Prototyp → App

Fake Real

• Whiteboard oder Papier

• Originalgrösse

• Dicker Filzstift

• Varianten

• Paper Prototype

Fake Real

Scribble!

Fake Real

Play Golf

Welcome to Golf Club Sempachersee

TIGERLINE

10:09

113128

95Par 3 II16

Lakeside 10:09

6 LochOberkirch6

LakesideSempachersee18

WoodsideSempachersee18

10:09Courses

113128

95Par 3 II16

Lakeside 10:09

Storyboard

Click-barer Prototyp

• Marvel / Invision

• Powerpoint / Keynote

Früh auf Zielgerättesten

…noch vor dem Programmieren!

Automatische Lochwahl

Manuelle Lochwahl

10:09

11395

128Lakeside

1PAR 4324 MIDX 17

10:09

11395

128Lakeside

1PAR 4324 MIDX 17

2

Interaction Design: Lochwahl

113128

95Par 3 II16

Lakeside 10:0910:09

11395

128Lakeside

1PAR 4324 MIDX 17

Cancel

Par 3 173 m

Par 4 385m2

3

Par 4 325m1

Auswahlliste Paging Krone

Fake Real

Nativer Prototyp

• Separates Xcode-Projekt

• Interface Builder

• Nur wenige Zeilen Code

Fazit: Unbrauchbar!

• Digitale Krone sehr empfindlich

• Bedingt ruhige Hand und konstante visuelle Kontrolle

• Im Gehen praktisch unmöglich

Probieren geht über Studieren!

Das Neuste ist nicht immer das Beste.

Fake Real

Vertikaler Prototyp

• Proof of Concept: Kontinuierliche GPS-Updates

• Datentransfer Phone ⟷ Watch

• Keine Platzdaten

WatchKit = Low-Level API

• Austausch von serialisierten Objekten

• Entwicklung einer Kommunikations-Schicht

• 1 Woche Entwicklungsaufwand

• Tests bei der Fahrt zur Arbeit

iOS App

iOS watchOS

Watch App

GPS

Mit dem Kern beginnen!

…und so das Risiko minimieren!

Ziel erreicht?

„So einfach wie eine GPS Golf-Uhr“

✔ einfach

✔ schnell genug

✔ ohne iPhoneFr. 350.-Fr. 230.-

✔

Ein kleines Detail ging vergessen…

10:09

11395

128Lakeside

1PAR 4324 MIDX 17113

95128

Lakeside

1PAR 4324 MIDX 17

…die Zeit!

Umstellung Storyboard

Club Platz

123

modal

push

Bisher

Club Platz

123

modal

Neu

14:15

Umstellung Storyboard

Club Platz

123

modal

Neu

14:15• Neuer Startscreen:

Zuletzt gespielter Platz

• App noch einfacher!

• Aufwand: 3 Tage

Im realen Kontext testen

z.B. mit langsamer Verbindung. Oder im Einkaufscenter mit WiFi-Login.

Aufwand

2

18

Prototyp „Digital Crown“

3

Beta1 UmstellungStoryboard

33

Bugfixes,Submission

31

EntwicklungTesting

26

10

Total

3

• Watch App live seit 25. Mai 2016

• Fast 10% der tigerline-Benutzer haben eine Apple Watch!

• Früh auf Zielgerät testen • Mit dem Kern beginnen! • Probieren geht über Studieren! • Im realen Kontext testen

BuildEvaluate

User Research

User-Centered Design

Vision

Fake Real

Watch Apps: Awareness

Quelle: Luke Wroblewski • Redesigning the Apple Watch UI: http://www.lukew.com/ff/entry.asp?1951 • On the wrist: http://www.lukew.com/ff/entry.asp?1943

Watch Apps: Prioritäten

1.Notifications 2.Complication 3.Glance 4.AppAw

aren

ess

Golf is a game whose aim is to hit a very small ball into an even smaller hole, with weapons singularly ill-designed for the purpose.

“

Sir Winston Churchill

Welche App-Ideen hast Du?

Ausgezeichnete Apps zu vernünftigen Preisen

daniel.estermann@appculture.com twitter.com/daniestermann twitter.com/appculture_ag

appculture

„Fake it till you make it“ Apple WWDC 2014 Video https://developer.apple.com/videos/play/wwdc2014/223/

What is the Apple Watch good for? http://martiancraft.com/blog/2016/04/apple-watch-good/

WWDC 2016 Sessions on watchOS 3 https://developer.apple.com/videos/wwdc2016/

Useful Links