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

Chicago Roboto - Design Develop Deploy!

00bc3e6ec35c62fabef044e492070c29?s=47 Yash Prabhu
April 21, 2017
Technology
2
140

Chicago Roboto - Design Develop Deploy!

http://chicagoroboto.com/sessions/design-develop-deploy/

Video: https://vimeo.com/217561013

00bc3e6ec35c62fabef044e492070c29?s=128

Yash Prabhu

April 21, 2017
Tweet

More Decks by Yash Prabhu

See All by Yash Prabhu
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
0
38
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
0
54
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
4
920
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
0
25
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
1
150
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
1
100
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
5
450
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
2
230
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
0
250

Other Decks in Technology

See All in Technology
93c80c388fe9d8f9df7d030549a0ff0b?s=48 chaspy
1
410
19fc8f6113c5c3d86e6176362ff29479?s=48 kanaugust
PRO
0
180
4649f3418cb4e7b951ca28e65003c7ac?s=48 sumi
0
580
96de66872f54da75c05c881c7a3713ce?s=48 kenya888
1
140
74948d1118cd84528f7861a3069dd8d9?s=48 qryuu
0
280
9b929c02f59c1a5628f2004b850bb879?s=48 ganariya
0
310
88964b936e864ca7d326272eaa70fa9a?s=48 hgsgtk
4
790
0d29d155ce5c5a93ed46363626da3ea7?s=48 ocise
0
180
79c9f45e8a3cd4bfa9d7292adb3a6dc0?s=48 kraj
0
5.4k
34d5dd227dad6526e026f43b42b269b6?s=48 kekeke_47
0
420
F593efb2c199100c8086dbf130c71ffa?s=48 helayoty
0
140
Ce3e7802c882fca3f9160768f57ae116?s=48 meteatamel
0
410

Featured

See All Featured
5f83ef806155b403c3393160ce51f955?s=48 jlugia
216
16k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
168
7.2k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1348
190k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
200
9.6k
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
56
6.3k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
125
21k
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
237
23k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
342
26k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
17k
78b475797a14c84799063c7cd073962f?s=48 holman
448
130k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
207
10k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
192
8.8k

Transcript

  1. Design Develop Deploy! Our Journey & Process to Build Better

    Products Together Chicago Roboto 2017 #chicagoroboto
  2. None

  3. Yash Prabhu Software Engineer, Android Lead @yashvprabhu, yprabhu.com Jessica Moon

    Sr. Interaction Designer @swnmn Image credit: androidify.com MISSION

  4. Design + Dev = Product

  5. 2011 TIMELINE I The Beginning @swnmn I @yashvprabhu

  6. 2013 TIMELINE I DramaFever 2.0 @swnmn I @yashvprabhu

  7. 2014 TIMELINE I Partnership with AMC @swnmn I @yashvprabhu

  8. 2014 TIMELINE I Partnership with AMC @swnmn I @yashvprabhu

  9. 2015/2016 TIMELINE I Material Design @swnmn I @yashvprabhu

  10. 2016 TIMELINE I Warner Archive @swnmn I @yashvprabhu

  11. 2017 TIMELINE I Boomerang @swnmn I @yashvprabhu

  12. MORE PRODUCTS

  13. MORE PRODUCTS MORE TEAM MEMBERS

  14. MORE PRODUCTS MORE TEAM MEMBERS SHORTER TIMELINES @swnmn I @yashvprabhu

  15. None

  16. WE NEED TO TALK Image credit: androidify.com to our designers

    @swnmn I @yashvprabhu to our developers

  17. Designers Works for all platforms Translating spec into design Colors/Dimensions/Fonts

    Journey Map Screen sizes/densities Breakpoints Developers CONSTRAINTS @swnmn I @yashvprabhu

  18. Communication OUR JOURNEY Process Modularization @swnmn I @yashvprabhu

  19. Bus Factor COMMUNICATION:DESIGN @swnmn I @yashvprabhu

  20. COMMUNICATION:DESIGN I Design Tools Design Tools @swnmn I @yashvprabhu

  21. GIPHY COMMUNICATION:DESIGN I Design Tools GIPHY vs.

  22. COMMUNICATION:DESIGN I Guide to Invision @swnmn I @yashvprabhu

  23. COMMUNICATION:DEV I Design Tools @swnmn I @yashvprabhu

  24. Collab Tools COMMUNICATION:DEV @swnmn I @yashvprabhu

  25. COMMUNICATION:DEV I Terminology Terms wrap_content match_parent @swnmn I @yashvprabhu

  26. Communication Process Modularization OUR JOURNEY @swnmn I @yashvprabhu

  27. Project Requirements PROCESS Designs Stylesheet Journey Map Breakpoints Tech API

    calls Tech Stack Timeline @swnmn I @yashvprabhu

  28. PROCESS:DEV I Tech Handbook @swnmn I @yashvprabhu

  29. PROCESS:DESIGN I Android Runbook @swnmn I @yashvprabhu

  30. Agile processes PROCESS:DEV @swnmn I @yashvprabhu

  31. Communication Process Modularization OUR JOURNEY @swnmn I @yashvprabhu

  32. MODULARIZATION:DESIGN I Stylesheets @swnmn I @yashvprabhu

  33. MODULARIZATION:DESIGN I Components @swnmn I @yashvprabhu

  34. Pressed Primary @swnmn I @yashvprabhu MODULARIZATION:DEV I Components

  35. MODULARIZATION:DESIGN I Common Requirements

  36. Default - portrait, landscape MODULARIZATION:DEV I Breakpoints @swnmn I @yashvprabhu

  37. 720 - portrait, landscape MODULARIZATION:DEV I Breakpoints @swnmn I @yashvprabhu

  38. 1024 - portrait, landscape MODULARIZATION:DEV I Breakpoints @swnmn I @yashvprabhu

  39. @swnmn I @yashvprabhu MODULARIZATION:DEV I Breakpoints

  40. Image credit: developer.android.com, jenkins.io, circleci.com @swnmn I @yashvprabhu MODULARIZATION:DEV I

    Modules

  41. Takeaways THE ROAD AHEAD Willingness to learn Empathy & Patience

    Processes evolve @swnmn I @yashvprabhu

  42. Challenges THE ROAD AHEAD How do we update a spec

    when it has changed? @swnmn I @yashvprabhu

  43. Challenges THE ROAD AHEAD How do we update a spec

    when it has changed? How do we add agile processes for designers? @swnmn I @yashvprabhu

  44. Challenges THE ROAD AHEAD How do we update a spec

    when it has changed? How do we add agile processes for designers? What if we’re a small team? @swnmn I @yashvprabhu

  45. @swnmn I @yashvprabhu tech.dramafever.com

  46. Thank You @swnmn I @yashvprabhu