Chicago Roboto - Design Develop Deploy!

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

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
52
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
4
900
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
0
24
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
1
130
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
1
99
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
5
450
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
2
220
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
0
220
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
4
17k

Other Decks in Technology

See All in Technology
1817c3d5995710d04506a17cc9b5c9ba?s=48 runrunsan
1
210
C265a1a7dadb2713ff2262025e91d133?s=48 akabekobeko
0
440
4bbea750321e2a5f5611cca47b5a8788?s=48 sasaguchi
2
1.1k
1e8c5eaf563f965d3ba48b0054b1d955?s=48 shoichiron
8
3.6k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
200
A97eee01397705443a72a48ce29d3e19?s=48 cybozuinsideout
0
270
3b02ffcc638b9cde6cb1bb458a926b15?s=48 yukiarrr
0
550
2ca9e6e68b43a796a8add2bcb9bbad2e?s=48 mizutani
0
210
57eb5b1713206c5edb521dde99cc5f30?s=48 key
0
210
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
190
1d8947ec45ce78c83251f4d076abe329?s=48 rpabank
0
180
5c29b6a44d2463092e8bd5e93eedad8a?s=48 taisho6339
1
190

Featured

See All Featured
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
85
8.4k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
222
47k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
219
110k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
5
550
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
205
10k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
142
19k
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
236
9.8k
E13c31390e0369fcd5972292ce0e7b92?s=48 jnunemaker
PRO
40
4.4k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
2
950
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
446
36k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
345
20k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
197
9.5k

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