Die zahlreichen Golf Apps für die Apple Watch stellten Daniel Estermann nicht zufrieden: “Das muss doch einfacher gehen!” sagte sich der passionierte Golfspieler. Und so wurde in 20 Tagen aus einer iPhone-App eine echte Alternative zur Golfuhr. Auch für “Nicht-Golfer”! Erfahren Sie, wie in diesem Projekt buchstäblich die Zeit vergessen ging — und das ausgerechnet bei einer Watch App! Sie erhalten ausserdem praxiserprobte Antworten zu folgenden Fragen: - “Fake it till you make it”: Wie kann ich Probleme früh entdecken und so Zeit und Kosten sparen? - Welches Zeit- und Kosten-Budget muss ich für die Entwicklung einer Watch-App einplanen?

1. Von der Idee
zur praxistauglichen
Watch App
Ein Erfahrungsbericht
Überall App Day, 16. Juni 2016Daniel Estermann, appculture AG

2. Was macht eine Golf App?

3. Eisen 7: 140m
Eisen 8: 130m
Eisen 9: 120m
Distanz
je nach
Schläger

4. Distanz
je nach
Schläger
Loch 17
TPC Sawgrass
Ponte Vedra Beach, Florida

5. Laser

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

7. Course
Planner
138
147
122
125
140
114
95
108
82
83
94
68
Laser

8. Front
Center
Back

9. • Passionierter Golfspieler
• Entwickler Golf App „tigerline“
• CEO & Gründer von appculture
Daniel Estermann
www.tigerlineapp.com

10. 1000
Golf Apps
• Distanzmesser
• Course Guide
• Scorekarte & Statistiken

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

12. Geht es
wirklich nicht
einfacher?

13. Geht es
wirklich nicht
einfacher?

14. Idee → App → $$$

15. Vorgehen
Spec Design Build

16. Spec
Design
Build
Idee → App → !

17. BuildEvaluate
User
Research
User-Centered Design

18. Zielpublikum:
• Männlich, 40-60 jährig
• Kein Digital Native
• Weitsichtig?

19. • t
Kontext
• Sonnenlicht
• Bedienung im Gehen
• Wenige Sekunden Zeit

20. Benutzerbedürfnisse
✔ Distanz zum Grün
✔ Gut lesbar
✘ Distanz zu Hindernissen
✘ Score

21. Vision
„So einfach wie
eine GPS Golf-Uhr“
• einfach
• schnell
• ohne iPhone

22. Idee → Prototyp → Prototyp → Prototyp → App
Fake Real

23. • Whiteboard oder Papier
• Originalgrösse
• Dicker Filzstift
• Varianten
• Paper Prototype
Fake Real
Scribble!

24. Fake Real
Play Golf
Welcome to
Golf Club
Sempachersee
TIGERLINE
10:09
113
128
95
Par 3 II16
Lakeside 10:09
6 Loch
Oberkirch
6
Lakeside
Sempachersee
18
Woodside
Sempachersee
18
10:09Courses
113
128
95
Par 3 II16
Lakeside 10:09
Storyboard
Click-barer Prototyp
• Marvel / Invision
• Powerpoint / Keynote

25. Früh
auf Zielgerät
testen
…noch vor dem Programmieren!

26. Automatische
Lochwahl

27. Manuelle Lochwahl
10:09
113
95
128
Lakeside
1
PAR 4
324 M
IDX 17
10:09
113
95
128
Lakeside
1
PAR 4
324 M
IDX 17
2

28. Interaction Design: Lochwahl
113
128
95
Par 3 II16
Lakeside 10:0910:09
113
95
128
Lakeside
1
PAR 4
324 M
IDX 17
Cancel
Par 3 173 m
Par 4 385m2
3
Par 4 325m1
Auswahlliste Paging Krone

29. Fake Real
Nativer Prototyp
• Separates Xcode-Projekt
• Interface Builder
• Nur wenige Zeilen Code

30. Fazit: Unbrauchbar!
• Digitale Krone sehr empfindlich
• Bedingt ruhige Hand und
konstante visuelle Kontrolle
• Im Gehen praktisch unmöglich

31. Probieren geht
über Studieren!
Das Neuste ist nicht immer das Beste.

32. Fake Real
Vertikaler Prototyp
• Proof of Concept:
Kontinuierliche
GPS-Updates
• Datentransfer
Phone ⟷ Watch
• Keine Platzdaten

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

34. Mit dem Kern
beginnen!
…und so das Risiko minimieren!

36. Ziel
erreicht?
„So einfach wie
eine GPS Golf-Uhr“
✔ einfach
✔ schnell genug
✔ ohne iPhoneFr. 350.-Fr. 230.-
✔

37. Ein kleines Detail
ging vergessen…

38. 10:09
113
95
128
Lakeside
1
PAR 4
324 M
IDX 17113
95
128
Lakeside
1
PAR 4
324 M
IDX 17
…die Zeit!

39. Umstellung Storyboard
Club Platz
123
modal
push
Bisher
Club Platz
123
modal
Neu
14:15

40. Umstellung Storyboard
Club Platz
123
modal
Neu
14:15
• Neuer Startscreen:
Zuletzt gespielter Platz
• App noch einfacher!
• Aufwand: 3 Tage

41. Im
realen Kontext
testen
z.B. mit langsamer Verbindung.
Oder im Einkaufscenter mit WiFi-Login.

42. Aufwand
2
18
Prototyp
„Digital Crown“
3
Beta1 Umstellung
Storyboard
3
3
Bugfixes,
Submission
3
1
Entwicklung
Testing
26
10
Total
3

43. • Watch App
live seit 25. Mai 2016
• Fast 10% der tigerline-Benutzer
haben eine Apple Watch!

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

45. BuildEvaluate
User
Research
User-Centered Design
Vision
Fake Real

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

47. Watch Apps: Prioritäten
1.Notifications
2.Complication
3.Glance
4.App
Awareness

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

49. Welche
App-Ideen
hast Du?
Ausgezeichnete Apps zu
vernünftigen Preisen
daniel.estermann@appculture.com
twitter.com/daniestermann
twitter.com/appculture_ag
appculture

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