Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Chicago Roboto - Design Develop Deploy!
Yash Prabhu
April 21, 2017
Technology
2
140
Chicago Roboto - Design Develop Deploy!
http://chicagoroboto.com/sessions/design-develop-deploy/
Video:
https://vimeo.com/217561013
Yash Prabhu
April 21, 2017
Tweet
Share
More Decks by Yash Prabhu
See All by Yash Prabhu
yprabhu
0
38
yprabhu
0
54
yprabhu
4
920
yprabhu
0
25
yprabhu
1
150
yprabhu
1
100
yprabhu
5
450
yprabhu
2
230
yprabhu
0
250
Other Decks in Technology
See All in Technology
chaspy
1
410
kanaugust
PRO
0
180
sumi
0
580
kenya888
1
140
qryuu
0
280
ganariya
0
310
hgsgtk
4
790
ocise
0
180
kraj
0
5.4k
kekeke_47
0
420
helayoty
0
140
meteatamel
0
410
Featured
See All Featured
jlugia
216
16k
reverentgeek
168
7.2k
addyosmani
1348
190k
revolveconf
200
9.6k
samanthasiow
56
6.3k
moore
125
21k
tammielis
237
23k
bermonpainter
342
26k
philhawksworth
190
17k
holman
448
130k
jensimmons
207
10k
philhawksworth
192
8.8k
Transcript
Design Develop Deploy! Our Journey & Process to Build Better
Products Together Chicago Roboto 2017 #chicagoroboto
None
Yash Prabhu Software Engineer, Android Lead @yashvprabhu, yprabhu.com Jessica Moon
Sr. Interaction Designer @swnmn Image credit: androidify.com MISSION
Design + Dev = Product
2011 TIMELINE I The Beginning @swnmn I @yashvprabhu
2013 TIMELINE I DramaFever 2.0 @swnmn I @yashvprabhu
2014 TIMELINE I Partnership with AMC @swnmn I @yashvprabhu
2014 TIMELINE I Partnership with AMC @swnmn I @yashvprabhu
2015/2016 TIMELINE I Material Design @swnmn I @yashvprabhu
2016 TIMELINE I Warner Archive @swnmn I @yashvprabhu
2017 TIMELINE I Boomerang @swnmn I @yashvprabhu
MORE PRODUCTS
MORE PRODUCTS MORE TEAM MEMBERS
MORE PRODUCTS MORE TEAM MEMBERS SHORTER TIMELINES @swnmn I @yashvprabhu
None
WE NEED TO TALK Image credit: androidify.com to our designers
@swnmn I @yashvprabhu to our developers
Designers Works for all platforms Translating spec into design Colors/Dimensions/Fonts
Journey Map Screen sizes/densities Breakpoints Developers CONSTRAINTS @swnmn I @yashvprabhu
Communication OUR JOURNEY Process Modularization @swnmn I @yashvprabhu
Bus Factor COMMUNICATION:DESIGN @swnmn I @yashvprabhu
COMMUNICATION:DESIGN I Design Tools Design Tools @swnmn I @yashvprabhu
GIPHY COMMUNICATION:DESIGN I Design Tools GIPHY vs.
COMMUNICATION:DESIGN I Guide to Invision @swnmn I @yashvprabhu
COMMUNICATION:DEV I Design Tools @swnmn I @yashvprabhu
Collab Tools COMMUNICATION:DEV @swnmn I @yashvprabhu
COMMUNICATION:DEV I Terminology Terms wrap_content match_parent @swnmn I @yashvprabhu
Communication Process Modularization OUR JOURNEY @swnmn I @yashvprabhu
Project Requirements PROCESS Designs Stylesheet Journey Map Breakpoints Tech API
calls Tech Stack Timeline @swnmn I @yashvprabhu
PROCESS:DEV I Tech Handbook @swnmn I @yashvprabhu
PROCESS:DESIGN I Android Runbook @swnmn I @yashvprabhu
Agile processes PROCESS:DEV @swnmn I @yashvprabhu
Communication Process Modularization OUR JOURNEY @swnmn I @yashvprabhu
MODULARIZATION:DESIGN I Stylesheets @swnmn I @yashvprabhu
MODULARIZATION:DESIGN I Components @swnmn I @yashvprabhu
Pressed Primary @swnmn I @yashvprabhu MODULARIZATION:DEV I Components
MODULARIZATION:DESIGN I Common Requirements
Default - portrait, landscape MODULARIZATION:DEV I Breakpoints @swnmn I @yashvprabhu
720 - portrait, landscape MODULARIZATION:DEV I Breakpoints @swnmn I @yashvprabhu
1024 - portrait, landscape MODULARIZATION:DEV I Breakpoints @swnmn I @yashvprabhu
@swnmn I @yashvprabhu MODULARIZATION:DEV I Breakpoints
Image credit: developer.android.com, jenkins.io, circleci.com @swnmn I @yashvprabhu MODULARIZATION:DEV I
Modules
Takeaways THE ROAD AHEAD Willingness to learn Empathy & Patience
Processes evolve @swnmn I @yashvprabhu
Challenges THE ROAD AHEAD How do we update a spec
when it has changed? @swnmn I @yashvprabhu
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
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
@swnmn I @yashvprabhu tech.dramafever.com
Thank You @swnmn I @yashvprabhu