Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Consistent, Dumb and Thin

Hector Zarate
November 17, 2015
Programming
3
15k

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.

Hector Zarate

November 17, 2015
Tweet

More Decks by Hector Zarate

See All by Hector Zarate
On AB Testing
ioscowboy
2
400
On Debugging
ioscowboy
0
530
Inheritance, Interfaces and Composition
ioscowboy
0
460
iOS @ Spotify
ioscowboy
0
130

Other Decks in Programming

See All in Programming
SIMD Parallel Programming with the Vector API
josepaumard
0
220
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
400
Netty Chicago Java User Group 2024-04-17
sullis
0
200
Implementing Design Systems in Swift
seyfoyun
0
380
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
180
CREってこういうこと？ 体験入社 - 提案資料 - / what-is-cre-trial-employment
shinden
1
430
見た目から始める生産性向上
ikumatadokoro
9
1.3k
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
380
AWS CDKコントリビュートTIPS / aws-cdk-contribution-tips
gotok365
4
320
スクラムガイドのスプリントレトロスペクティブを改めて読みかえしてみた / Re-reading the Sprint Retrospective Section in the Scrum Guide
mackey0225
3
480
Go製Webアプリケーションのエラーとの向き合い方大全、あるいはやっぱりスタックトレース欲しいやん / Kyoto.go #50
utgwkk
6
1.7k
GraphQLサーバの構成要素を整理する #ハッカー鮨 #tsukijigraphql / graphql server technology selection
izumin5210
4
890

Featured

See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
21
1.4k
Agile that works and the tools we love
rasmusluckow
325
20k
Gamification - CAS2011
davidbonilla
77
4.6k
Raft: Consensus for Rubyists
vanstee
133
6.3k
Building Flexible Design Systems
yeseniaperezcruz
320
37k
Designing for humans not robots
tammielis
248
25k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Typedesign – Prime Four
hannesfritz
36
2.1k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k

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

  20. None

  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

  25. None
  26. None
  27. None

  28. UIKit GLUE.framework Radio Running Albums Shows

  29. UIKit GLUE.framework Radio Running Albums Shows

  30. None

  31. Consistent

  32. Consistent Thin Dumb

  33. None
  34. None
  35. None
  36. None

  37. ITEM - title - subtitle - image SPACE - title

    1 n blocks BLOCK - title - renderType 1 n items
  38. None

  39. space

  40. None

  41. block block

  42. None

  43. item item

  44. None
  45. None
  46. None
  47. None
  48. None
  49. None
  50. None
  51. None
  52. None
  53. None
  54. None
  55. None
  56. None
  57. None
  58. None
  59. None
  60. None

  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 >>
  66. None
  67. None

  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