Chicago Roboto - Design Develop Deploy!

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

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
50
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
4
890
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
0
22
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
1
130
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
1
91
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
5
440
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
2
210
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
0
220
00bc3e6ec35c62fabef044e492070c29?s=48 yprabhu
4
17k

Other Decks in Technology

See All in Technology
A645e7c3a6635ead8fa323c583769591?s=48 hololab
0
210
F3f3eec8682a76ed430054e8fd994f15?s=48 tmnakagawa
0
740
D6fc8a819afa94f464fe322032a6687f?s=48 mahito
3
1.2k
5919537a0ecfa5d4dea704cf878ae90e?s=48 toshimaru
29
11k
69f5ab96892df4d8cbe32189f2ed2d9d?s=48 heyinc
2
10k
3115a782126be714b5f94d24073c957d?s=48 oracle4engineer
0
250
Cd823abda454a7a2065fe6fe273ae84b?s=48 viva_tweet_x
2
260
332f89cc697355902a817506b6995f2b?s=48 ytaka23
7
1.6k
C5e26822fb2aa64410b50eac63ef7d84?s=48 fill9120
1
220
44b799f91cc48e38c5fe9f5d9c5ecc61?s=48 takaichi00
28
11k
664b6e8ebe272fcfa5dbd6070eaf3cd4?s=48 wadayusuke
2
610
6eecc52120fba9d87d982684211182ec?s=48 mochico
0
170

Featured

See All Featured
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
5
380
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
121
20k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
70
7k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
250
11k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
252
19k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
12
430
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
17
1.2k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
93
5k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
113
6.8k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
240
20k

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