Save 37% off PRO during our Black Friday Sale! »

Chicago Roboto - Design Develop Deploy!

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

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
46
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
0
61
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
4
1k
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
0
37
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
1
210
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
1
110
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
5
510
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
2
250
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
0
300

Other Decks in Technology

See All in Technology
33dd5188ff5f608ca2a1e007b9528e6b?s=48 okepy
PRO
0
490
847a328633b1df6b11cc2f72430025e6?s=48 ks91
PRO
0
130
36617bf3ef2c14d0474824d678bf3796?s=48 sadashi
1
360
46839cf590a549efe13547c17a6b2fde?s=48 isaoshimizu
5
1.5k
Ff0453fcbf27a84de92b9cc1f2aed9af?s=48 koike91
0
420
4cb5b950cfd0eabf5d6b828c951d4549?s=48 loftkun
2
290
23f4d5d797a91b6d17d627b90b5a42d9?s=48 kentaro
0
450
8d80af14296180866264212adbfb587e?s=48 godan
0
160
484571ccba0db66b69dc11761afdd0c4?s=48 chiroito
1
190
88964b936e864ca7d326272eaa70fa9a?s=48 hgsgtk
PRO
11
4k
60d4494f2321b322b050ea78acb7b0b1?s=48 matyuda
1
110
F15db152a0cf9f1f0572cbb456b100c2?s=48 fuzzy31u
0
170

Featured

See All Featured
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
15
750
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
191
14k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
56
3.3k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
25
960
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
82
4.4k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
122
16k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
33
3.1k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
223
120k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
335
17k
245cee81a9c424266e5e401d844ea881?s=48 lara
175
11k
24fc194843a71f10949be18d5a692682?s=48 gr2m
86
11k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
88
5.3k

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