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
170

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
43
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
0
59
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
4
1k
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
0
36
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
1
190
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
1
110
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
5
490
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
2
250
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
0
280

Other Decks in Technology

See All in Technology
E0db06b2e246ef948efc84bfc3909117?s=48 stkzk3110
0
440
53850955f15249a1a9dc49df6113e400?s=48 line_developers
PRO
3
270
Ece52fe9ce913851256726020707febd?s=48 keiji
1
610
C31510e1430372434b634a415c656988?s=48 bake0937
0
130
F73cb07af91c5fe5e1e5abf0f05019bf?s=48 takanorig
0
230
164a161443835d8479c19d33241cab2a?s=48 smokeymonkey
0
450
8dea1f82c78ad28481eebe3bcd345504?s=48 shishamous
11
6.4k
853cd87b5c317b8c16b0e78c2efbf8d1?s=48 nyoho
0
400
2219597a939c895e5db6f8b7c94e2859?s=48 pojiro
0
320
B1bddcb899ec3060fe9913f3cb70dbb6?s=48 lmt_swallow
4
810
41fc8526e23c360635e0bbe20f2802dc?s=48 cchanabo
1
680
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
PRO
0
240

Featured

See All Featured
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
612
56k
E9221b172e78e888355fa2fe4541b595?s=48 mclloyd
PRO
2
7.3k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
6
920
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
128
22k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
118
11k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
633
49k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
688
180k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
56
2k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
372
43k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
152
6.8k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
77
270k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
209
11k

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