The document discusses the ZDF App Universe and the development of their mobile apps. It summarizes the creation of the ZDFheute news app for smartphones and tablets, which set a high bar for news apps. It then covers the development of the ZDFmediathek app, which provides access to ZDF's video content library. Special emphasis is given to designing the apps based on usability and the user experience. Coverage of major events like the Olympics in Sochi is also discussed, integrating live streams and highlights seamlessly into the existing app structure and navigation. The document stresses the importance of a good user experience and highlights how the ZDFMediathek apps demonstrated that UX can be a "killer

1. The ZDF App Universe
07.06.2014, UX Camp Europe, Berlin

2. The ZDF App Universe

3. The ZDF App Universe
Is a running process
ZDFmediathekZDFheute Sotchi
Smartphone Tablet Smartphone & Tablet Smartphone & Tablet

4. ZDFheute - finally for Smartphone

5. ZDFheute auf dem Smartphone
„We are not suppliers. Partnership
gets the best results.“
Erik Spiekermann

6. What do we want?

7. What do we want?
We will not be the first app, but we
want to raise the bar for News Apps.

8. Nativ vs. Hybrid

9. Nativ vs. Hybrid

10. Nativ vs. Hybrid

11. iOS5? No.

12. iOS5? No.

13. Experience-Lifecycle
Start in den Tag Unterwegs Bei der Arbeit Couching Zu Bett gehenUnterwegs
tagesschau begleitet mich durch den Tag
Schneller Überblick
Nachrichtenüberblick
heute in 100s
heute journal+
Letzter Blick
Erleben
Eilmeldung

14. Experience-Lifecycle
Start in den Tag Unterwegs Bei der Arbeit Couching Zu Bett gehenUnterwegs
tagesschau begleitet mich durch den Tag
Schneller Überblick
Nachrichtenüberblick
heute in 100s
heute journal+
Letzter Blick
Erleben
Eilmeldung
The App is with the user the whole day

15. Show-Lifecycle

16. Concept & Design & Concept & Design
Somehow agile

17. Die Lasche
Divides between quick overview and getting in more deep.

18. Live is Live
Live is something special: the App changes slightly automatically

19. Clockwork Orange
Transpoting an important Brand Element directly to the App
1 Developer
1 Designer
1 Evening
A few Beer

20. plus!

21. Mainzelmännchen

22. ZDFheute auf dem Smartphone
„ZDF hat die Messlatte für Nachrichten Apps höher
gelegt. Dafür zahle ich gern GEZ Gebühren.“
Appstore Nutzer

23. ZDFheute iPad - News are Landscape

24. „Do one thing everyday, that scares you.“
Eleanor Roosevelt

25. Let‘s go just landscape
ZDFheute for iPad will not support portrait-mode

26. The screen is huge, we want to lead the eye
1. Try

27. The screen is huge, we want to lead the eye
2. Try

28. The screen is huge, we want to lead the eye
3. Try

29. The screen is huge, we want to lead the eye

30. Being simple means to leave open space

31. Mobile First
The Website follows the iPad App

32. The ZDF App Universe
With the ZDFheute Apps we set the basis.
ZDFheute

33. Full success

34. "This was one of the smoothest
projects I did in my whole career."
ZDF

35. ZDFmediathek - the „watch-box“ becomes easy

36. “If you can't explain it to a six year old,
you don't understand it yourself.”
Albert Einstein

37. Where we had to start from

38. Having a look at the problems

39. Having a look at the problems
Performance is an
experience-killer!

40. Goals for the new Apps

41. Goals for the new Apps
Brand Experience
becomes important

42. Goals for the new Apps
New features are
not that important.

43. Content Lifecycle
Vorschau Live VoD Bald weg
Trailer Live
Stream
Ganze
Folge
Ganze
Folge
Video Formate
Das
werde
ich
schauen
Das
schaue
ich
Das mag
ich
Das dürft
ihr nicht
verpassen
Social Kommunikation
How does a TV-Show „live“?

44. Structure - not that easy
Show, Show-channels, Topics, Topic-channels, Categories

45. Structure - not that easy
Show, Show-channels, Topics, Topic-channels, Categories
Important Meta-Rule:
Fast way to the video: if
possible at least one video
should be directly available
from every page of the app.

46. Keeping in mind the ZDF App Universe
Make use of the UX/UI Paradigms of the ZDFheute Apps

47. Keeping in mind the ZDF App Universe
Make use of the UX/UI Paradigms of the ZDFheute Apps

48. Mediathek Design
Does the design really have to be oriented on the Website?
We gave it a try...

49. Mediathek Design: Color!
And we decide together with the customer to go a new way.

50. The ZDF App Universe
Make use of the UX/UI Paradigms of the ZDFheute Apps

51. The ZDF App Universe
We are not totally dogmatic!

52. Watched last
New and small but nice.

53. Watched last
New and small but nice.

54. Custom Dropdown
A standard picker somehow did not do the job.

55. My Videos List
Only there, if I need it

56. My Videos List
„No matter how cool your interface is, it would be nice, if there were less of it.“

57. My Videos List
„No matter how cool your interface is, it would be nice, if there were less of it.“

58. The ZDF App Universe
Mediathek Apps are based on the ZDFheute Apps.
ZDFheute ZDFmediathek

59. The users say, this was the right way

60. The ZDFMediathek Apps are THE
example for UX as a Killer Feature.

61. Sotchi in the ZDFmediathek
Olympic games as we always wanted it to be

62. „With great power comes great responsibility.“
Spiderman

63. Sotchi HAS to be part of the Mediathek

64. Be careful
The extremyl successful ZDFMediathek Apps must not loose quality!

65. Workshop
How do Olympic Games work? And how do the work at the ZDF?

66. Event-Lifecycle - next Step

67. Event
Ersehnen
Informieren und
Termine freihalten
Event-Lifecycle - next Step

68. Event
Ersehnen Erleben
Live-Dabei sein:
Zuhause, Kneipe,
Stadion
Event-Lifecycle - next Step

69. Event
Ersehnen Erleben Erinnern
Highlights mit
Freunden analysieren
Event-Lifecycle - next Step

70. Ersehnen Erleben Erinnern
The most important User-Demands
Ich möchte live Olympia schauen
Ich möchte Olympia Kompakt in Videoclips sehen
Ich will wissen was jetzt, oder später läuft
Ich will den Medaillenspiegel sehen
Ich möchte mir Archiv Clips vergangener Wettkämpfe ansehen
Ich möchte redaktionelle Tipps bekommen
Ich brauche einen Highlight Alarm
Ich möchte teilen/empfehlen

71. Basis is the Mediathek
Re-use of the well-known navigation-elements. Modificated when necessary.

72. Parallel: We need an EPG
How much pixels is an hour?

73. Parallel: We need an EPG
Be fast, be simple.

74. The EPG for the whole Mediathek
From the very beginning produced to work in the main Mediathek as well.

75. Watching Olympic games works different
Which athlete is in the lead?

76. Olympic News
As known from the ZDFheute App already.

77. Mobile First - once more
The Website follows the iPad Design.

78. The ZDF App Universe
Sotchi fits seamless into the Mediathek Apps and enhances them.
ZDFheute ZDFmediathek Olympia Special

79. Olympic games as we always wanted it to be

80. Watching the olympic games
makes the most fun at the ZDF.

81. Next: Fifa WM for the Mediathek

82. Fifa WM - that how soccer on TV should be

83. Fifa WM - that how soccer on TV should be

87. Learnings

88. Together for a better User Experience.

89. Passion as crucial factor of success.

90. Methods and Process vs Creativity?

91. New features are not this important.

92. But the implemented featureset
has to be „flauschig“.

93. Hybrid Apps are dangerous in terms
of building a „flauschige“ App.

94. User Experience and Performance
belong together even closer than we though.

95. The impact of a good UX
on the Brand is huge!

96. The ZDFMediathek Apps proofed the existence
of the Killer Feature UX to everybody.

97. Fin.
Thorsten Jonas
Head of Concept
www.cellular.de
email: tjonas@cellular.de
twitter: @dolbydigger