Consistent, Dumb and Thin

A presentation on how Spotify's iOS application transitioned from a mobile client that was: visually inconsistent, thick and client based to a more modern 'consistent, dumb and thin' one.

As presented on #MBLTDev 2015. Moscow, Russia.

Transcript

1. Consistent, Thin and Dumb Hector Zarate (@iOSCowboy)
2. Spotify Numbers 58 markets Over 30 million Songs 75 million Active Users (20 million Subscribers)
3. iOS Client Numbers 40 monthly contributors 0.5 million lines of code millions of users
4. Visually Inconsistent Thick Client-Based
5. Consistent Light Backend Driven
6. Consistent Thin Dumb
7. ? 2013 2015 2025
8. 1. Scale
9. 2. Innovation
10. 3. Modular Organization
11. 3. Modular Organization Radio Running Album Show Player Browse Artist Playlist Social Conce Car Chart scover Genre
12. Radio Running Album Show Player Browse Artist Playlist Social Conce Car Chart scover Genre Ads Equalizer Inbox Podcast
13. Radio Running Album Show Player Browse Artist Playlist Social Conce Car Chart scover Genre Ads Equalizer Inbox Podcast
14. Radio Running Album Show Player Browse Artist Playlist Social Conce Car Chart scover Genre Ads Equalizer Inbox Podcast
15. Radio Running Album Show Player Browse Artist Playlist Social Conce Car Chart scover Genre Ads Equalizer Inbox Podcast
16. Radio Running Album Show Player Browse Artist Playlist Social Conce Car Chart scover Genre Ads Equalizer Inbox Podcast
17. Radio Running Album Show Player Browse Artist Playlist Social Conce Car Chart scover Genre Ads Equalizer Inbox Podcast
18. Radio Running Album Show Player Browse Artist Playlist Social Conce Car Chart scover Genre Ads Equalizer Inbox Podcast
19. Radio Running Album Ads Equalizer Inbox
21. Radio Running Album Show Player Browse Artist Playlist Social Conce Car Chart scover Genre Ads Equalizer Inbox Podcast
22. Radio Running Album Show Player Browse Artist Playlist Social Conce Car Chart scover Genre Ads Equalizer Inbox Podcast
23. GLUE (Global Language, Unified Experience)
24. Fonts Colors Metrics
28. UIKit GLUE.framework Radio Running Albums Shows
29. UIKit GLUE.framework Radio Running Albums Shows
31. Consistent
32. Consistent Thin Dumb
37. ITEM - title - subtitle - image SPACE - title 1 n blocks BLOCK - title - renderType 1 n items
39. space
41. block block
43. item item
61. GLUE.framework Radio Running Albums Shows Browse ?
62. GLUE.framework Radio Running Albums Shows Browse ?
63. GLUE.framework Radio Running Albums Shows Browse Ceramic
64. << Block >> << Space >> << Item >>
65. << Block >> << Space >> << Item >> << Item, ItemWithIcon >> << Item, ItemWithMetadata >>
68. GLUE.framework Radio Running Albums Shows Browse Ceramic Thin
69. Consistent Thin Dumb
70. View Model View Controller View Model
71. View Model View Controller View Model
72. View Model View Controller View Model Backend Client
73. GLUE.framework Radio Running Albums Shows Browse Ceramic
74. GLUE.framework Radio Running Albums Shows Browse Ceramic Hubs
75. View Model View Controller View Model Backend Client Dumb
76. Consistent Thin Dumb
77. Демо!
78. yey!
79. yey!
80. yey!
81. yey!
82. yey!
83. Risks
84. Risks
85. Risks
86. GLUE.framework Radio Running Albums Shows Browse Ceramic Hubs
87. Frameworks as Machines
88. Frameworks as Machines
89. Final Words 1. Single Purpose 2. Vision 3. Share That Toy 4. Marketing 5. Shared Success
90. Спасибо!
91. Вопросы? Hector Zarate @iOSCowboy spotify.com/jobs