Android Design

Jomar TigcalGDG CDO Meetup

July 27, 2013

Jomar Tigcal

● GDG Philippines Community Manager

● Android Developer at Stratpoint Technologies, Inc.

● Developing personal apps on free time

http://jomar.tigcal.com+Jomar Tigcal@jomartigcal

Android Design Principles

● Enchant Me● Simplify My Life● Make Me Amazing

Enchant Me

● Delight me in surprising ways● Real objects are more fun than buttons and

menus● Let me make it mine● Get to know me

Simplify My Life

● Keep it brief● Pictures are faster than words● Decide for me but let me have the final say● Only show what I need when I need it● I should always know where I am● Never lose my stuff● If it looks the same, it should act the same

● Only interrupt me if it's important

Make Me Amazing

● Give me tricks that work everywhere● It's not my fault● Sprinkle encouragement● Do the heavy lifting for me● Make important things fast

Pure Android

● Don't mimic UI elements from other platforms

● Don't carry over platform-specific icons● Don't use bottom tab bars● Don't hardcode links to other apps● Don't use labeled back buttons on action

bars● Don't use right-pointing carets on line items

Android Design Videos

Android Design in Action YouTube Playlist: http://www.youtube.com/playlist?list=PLWz5rJ2EKKc8j2B95zGMb8muZvrIy-wcF

Google I/O 2013 - Android Designhttp://www.youtube.com/playlist?list=PLWz5rJ2EKKc-qVhMuAprIFYFbCotdgJKq

Google I/O 2012 - Android Designhttp://www.youtube.com/playlist?list=PL54FA004D676C3EE9

Android Design Community

#AndroidDesign Hashtag● Google+● Twitter

Android Design Google+ Community: https://plus.google.com/u/0/communities/116667001535376136065

Android Asset Studio

A web-based set of tools for generating graphics and other assets:http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html

Android Asset Studio

Icon Generators● Launcher Icon Generator● Action Bar and Tab Icon Generator● Navigation Drawer Indicator Generator● Notification Icon Generator● Generic Icon Generator

Android Asset Studio

Other Asset Creation Tools● Device Frame Generator● Nexus Frame Generator● Simple Nine-patch Generator

Action Bar Sherlock

by Jake Wharton

http://actionbarsherlock.com/

Android Action Bar Style Generator

by Jeff Gilfelt: http://jgilfelt.github.com/android-actionbarstylegenerator/

Android Holo Colors Generator

by Jérôme Van Der Linden: http://android-holo-colors.com/

Downloads

http://developer.android.com/design/downloads/index.html

● Pencil Stencil● Official Android stencil kit● Action Bar Icon Pack● Roboto Font● Color Swatches

Resources

Android Design: http://developer.android.com/design

Holo Everywhere (Blog): http://www.holoeverywhere.com/

Holo There: http://holothere.tumblr.com/

http://www.mobile-patterns.com/android/

Questions?

Image Source: http://www.talkandroid.com/35960-google-test-market-accidentally-released-reviewed-quickly-pulled/

Thank you very much!

Android Design

Jomar TigcalGDG CDO Meetup

July 27, 2013