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
460
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
170
DroidCon NYC 2019: Being more than an Android developer
yprabhu
0
140
Keynote: Being more than an Android Developer
yprabhu
4
1.4k
Intro to Augmented Reality on Android
yprabhu
0
130
ElaConf2017
yprabhu
1
570
Onboarding Engineers
yprabhu
1
270
Mastering Android's App Resources
yprabhu
5
870
DroidCon NYC 2016 - A Material Design guide for Android developers
yprabhu
2
470
AnDevCon Boston 2016
yprabhu
0
570
Other Decks in Technology
See All in Technology
クマ×共生 HACKATHON - 熊対策を『特別な行動」から「生活の一部」に -
pharaohkj
0
160
FAST導入1年間のふりかえり〜現実を直視し、さらなる進化を求めて〜 / Review of the first year of FAST implementation
wooootack
1
170
少人数でも回る! DevinとPlaybookで支える運用改善
ishikawa_pro
4
1.5k
ML Pipelineの開発と運用を OpenTelemetryで繋ぐ @ OpenTelemetry Meetup 2025-07
getty708
0
310
AI工学特論: MLOps・継続的評価
asei
10
1.9k
株式会社島津製作所_研究開発(集団協業と知的生産)の現場を支える、OSS知識基盤システムの導入
akahane92
1
1.3k
PdM業務における使い分け
shinshiro
0
660
RapidPen: AIエージェントによる高度なペネトレーションテスト自動化の研究開発
laysakura
1
400
手動からの解放!!Strands Agents で実現する総合テスト自動化
ideaws
3
380
AIを使っていい感じにE2Eテストを書けるようになるまで / Trying to Write Good E2E Tests with AI
katawara
3
1.8k
Railsの限界を超えろ!「家族アルバム みてね」の画像・動画の大規模アップロードを支えるアーキテクチャの変遷
ojima_h
4
510
Amazon CloudWatchのメトリクスインターバルについて / Metrics interval matters
ymotongpoo
3
270
Featured
See All Featured
The Cult of Friendly URLs
andyhume
79
6.5k
Designing for humans not robots
tammielis
253
25k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Statistics for Hackers
jakevdp
799
220k
Code Review Best Practice
trishagee
69
19k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
We Have a Design System, Now What?
morganepeng
53
7.7k
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