Chicago Roboto - Design Develop Deploy!

Chicago Roboto - Design Develop Deploy!

00bc3e6ec35c62fabef044e492070c29?s=128

Yash Prabhu

April 21, 2017
Tweet

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