Material Design: What The Big Wigs On Wall Street Don't Want You To Know
Material design is a beautiful new design language from Google to help make our apps better. But how new is it really? And where did all of it come from? Answers and more inside.
K E V I N G R A NT • Android Development since 2009 • Degree in Computer Science from the University of Nevada. • Learned Android framework fundamentals from Android Framework developers from JayWay and Sony (Ericsson) in Malmö • Co-Authored Beginning Android - Develop and Design with Chris Haseman • Re-Built an existing application (name cannot be disclosed) • 10,000,000 - 50,000,000 downloads bracket • 4.2 star rating • Continuous Feature and Design upgrades in Tumblr Android for two years • 10,000,000 - 50,000,00 downloads bracket • 4.4 star rating.
D E M A N D I N G A N S W E R S • Some stats! • On Being a Conformist • What do you mean, design? • What don’t they want me to know? • Why Materials? • What can I do today?
“ N O P E ” “Can we change the color of the menu?” “ N O P E ” “Can we change the size of the ActionBar?” “ N O P E ” “Can we animate this text it?” “ N O P E ” “Can we modify this dialog?”
I G OT W H AT I ( T H O U G HT ) WA NT E D • Adhered to guidelines • Application was quick, responsive • Worked across all devices • Revered as an application that finally adopted the holo guidelines.
Part of the problem, is I didn’t know what design was. I didn’t know why I needed it. I thought design was there to get in my way, to give me a hard time.
• Literally hundreds of hours of development • Lots of FTK (face to keyboard) • Solutions didn’t work on all platforms • Criticized and ridiculed for being different
• All of these apps are beautiful individually. • But these apps pushed #holo to the limit. • Many of us are teams of one or two • We have neither the time nor resources to make our apps that good.
P R E PA R I N G F O R L • Material design DOES NOT require you to rebuild your app • Good time to clean up your ActionBar and Adapter code to prepare for ToolBar and RecyclerView • Many things things can be modified by changing the theme • You don’t have to change everything all at once
IT D E P E N D S • L API Development is still pretty tough • Only runs on L devices • Best paradigm is to run a separate flavor (see Google I/O 2014 app) • Support Libraries not really useable yet (unless Roman announced them right before me) • There’s lots of other stuff you can work on
B E N E F IT S • Original posts remained mostly the same • Generated a lot of press strictly for our design • Installs jumped 40% on release day • Gained a tremendous amount of experience in developing complex animations
Attach view Decor View Send broadcast on Animation End Calculate and run Animated path BroadcastReceiver On receive broadcast, run scale animation https://github.com/kevinthecity/JumpAnimator *YMMV
C L E A N U P YO U R M A R G I N S • Material design isn’t only margins • But there are some, you can work on them now • there is no magic “fix my margins” api Check out dspec just released by Lucas Rocha http://lucasr.org/2014/09/08/introducing-dspec/
T H A N K YO U [email protected] @kevingrant5 kevinthebigapple.tumblr.com https://speakerdeck.com/kevingrant https://github.com/kevinthecity http://ww.tumblr.com/jobs
kevingrant
emmamsketches
uxaustralia
ajstarks
rasagy
juliantruitt
moco1013
akinen
hiranotomoki
ymrl
mikejmoloney
afnizarnur
searls
paulrobertlloyd
speakerdeck
akmur
eileencodes
bluesmoon
denniskardys
erikaheidi
mza
hatefulcrawdad
aki_iinuma