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
350
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
120
DroidCon NYC 2019: Being more than an Android developer
yprabhu
0
100
Keynote: Being more than an Android Developer
yprabhu
4
1.2k
Intro to Augmented Reality on Android
yprabhu
0
65
ElaConf2017
yprabhu
1
430
Onboarding Engineers
yprabhu
1
180
Mastering Android's App Resources
yprabhu
5
740
DroidCon NYC 2016 - A Material Design guide for Android developers
yprabhu
2
300
AnDevCon Boston 2016
yprabhu
0
470
Other Decks in Technology
See All in Technology
MixIT 2024 - Pulumi : Gérer son infra avec son langage de programmation préféré
ju_hnny5
1
120
LangSmith入門―トレース/評価/プロンプト管理などを担うLLMアプリ開発プラットフォーム
os1ma
5
700
GrafanaMeetup_AmazonManagedGrafanaのアクセス制御機能とマルチテナント環境下でのアクセス制御について
daitak
0
390
AWS学習者向けにAzureの解説スライドを作成した話
handy
3
190
BPStudyの200回を中心にIT業界を振り返る。そしてこれから
haru860
3
390
Gitlab本から学んだこと - そーだいなるプレイバック / gitlab-book
soudai
7
1.3k
障害対応をちょっとずつよくしていくための 演習の作りかた
heleeen
1
1.6k
Next.js に疲れた私は Vue3 に癒やされた
akagire
0
130
KubeConにproposalを送りたい人へのアドバイス
sat
PRO
3
270
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
1
150
Kernel MemoryでAzure OpenAI Serviceとお手軽データソース連携
mitsuzono
1
280
エンジニア候補者向け資料2024.04.24.pdf
macloud
0
3.3k
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
A Philosophy of Restraint
colly
197
16k
Become a Pro
speakerdeck
PRO
12
4.6k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
275
13k
Rails Girls Zürich Keynote
gr2m
91
13k
Building Your Own Lightsaber
phodgson
100
5.7k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Documentation Writing (for coders)
carmenintech
61
4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
20
1.7k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
21
1.4k
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