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
470
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
190
DroidCon NYC 2019: Being more than an Android developer
yprabhu
0
150
Keynote: Being more than an Android Developer
yprabhu
4
1.4k
Intro to Augmented Reality on Android
yprabhu
0
140
ElaConf2017
yprabhu
1
580
Onboarding Engineers
yprabhu
1
280
Mastering Android's App Resources
yprabhu
5
880
DroidCon NYC 2016 - A Material Design guide for Android developers
yprabhu
2
520
AnDevCon Boston 2016
yprabhu
0
580
Other Decks in Technology
See All in Technology
AWSでAgentic AIを開発するための前提知識の整理
nasuvitz
2
180
GoでもGUIアプリを作りたい!
kworkdev
PRO
0
150
このままAIが発展するだけでAGI達成可能な理由
frievea
0
120
CoRL 2025 Survey
harukiabe
1
210
Click A, Buy B: Rethinking Conversion Attribution in ECommerce Recommendations
lycorptech_jp
PRO
0
100
物体検出モデルでシイタケの収穫時期を自動判定してみた。 #devio2025
lamaglama39
0
210
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
5
43k
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
3k
Adminaで実現するISMS/SOC2運用の効率化 〜 アカウント管理編 〜
shonansurvivors
4
450
Simplifying Cloud Native app testing across environments with Dapr and Microcks
salaboy
0
180
Introdução a Service Mesh usando o Istio
aeciopires
0
190
HR Force における DWH の併用事例 ~ サービス基盤としての BigQuery / 分析基盤としての Snowflake ~@Cross Data Platforms Meetup #2「BigQueryと愉快な仲間たち」
ryo_suzuki
0
230
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
115
20k
Designing Experiences People Love
moore
142
24k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
A Tale of Four Properties
chriscoyier
161
23k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
How to Think Like a Performance Engineer
csswizardry
27
2k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
Mobile First: as difficult as doing things right
swwweet
225
10k
Unsuck your backbone
ammeep
671
58k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
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