Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Chicago Roboto - Design Develop Deploy!
Search
Yash Prabhu
April 21, 2017
Technology
2
380
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
Getting Started with Conference Speaking
yprabhu
0
130
DroidCon NYC 2019: Being more than an Android developer
yprabhu
0
110
Keynote: Being more than an Android Developer
yprabhu
4
1.3k
Intro to Augmented Reality on Android
yprabhu
0
71
ElaConf2017
yprabhu
1
480
Onboarding Engineers
yprabhu
1
210
Mastering Android's App Resources
yprabhu
5
790
DroidCon NYC 2016 - A Material Design guide for Android developers
yprabhu
2
330
AnDevCon Boston 2016
yprabhu
0
500
Other Decks in Technology
See All in Technology
OR学会2024秋_短期収益と将来のオフ方策評価性能を考慮したクーポン割当方策混合比の決定
recruitengineers
PRO
4
480
プログラム検証入門
riru
6
880
開発者の定量・定性データを組み合わせて開発者体験を把握するための取り組み
ham0215
1
170
「自動テストのプラクティスを効果的に学ぶためのカードゲーム」 ( #sqip2024 )
teyamagu
PRO
2
190
突撃! 隣のAmazon Bedrockユーザー 〜YouはどうしてAWSで?〜
minorun365
PRO
3
390
可視化により内部品質をあげるAIドキュメントリバース/20240910 Hiromitsu Akiba
shift_evolve
0
230
DuckDB雑紹介(1.1対応版)@DuckDB座談会
ktz
6
1.4k
Kubernetesって何? -大規模なKubernetesを運用するKubernetes as a Serviceチームの話を添えて-
lycorptech_jp
PRO
2
860
LLVM/ASMを使った有限体の高速実装
herumi
0
120
自作Cコンパイラ 8時間の奮闘
soukouki
0
850
JTCや セキュリティチェックリストが夢の跡
nikinusu
1
800
コンポーネントテストの手法と その効果を考える
yotahada3
3
240
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.3k
Atom: Resistance is Futile
akmur
261
25k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
36
2.1k
Writing Fast Ruby
sferik
623
60k
Web development in the modern age
philhawksworth
205
10k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
28
1.6k
Robots, Beer and Maslow
schacon
PRO
157
8.2k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.4k
Designing for humans not robots
tammielis
248
25k
Building Applications with DynamoDB
mza
90
6k
Automating Front-end Workflow
addyosmani
1365
200k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
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