Chicago Roboto - Design Develop Deploy!

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

Video: https://vimeo.com/217561013

Transcript

1. Design Develop Deploy! Our Journey & Process to Build Better Products Together Chicago Roboto 2017 #chicagoroboto
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
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