39
Android Design in Action Shyamala Prayaga

Android design in action

Embed Size (px)

Citation preview

Page 1: Android design in action

Android Design in ActionShyamala Prayaga

Page 2: Android design in action

WHO AM I?

Page 3: Android design in action

480 million people currently use Android devices

More Android devices are on the market than iOS devices.

1 million new Android devices are activated each day

ANDROID IS HUGE

Page 4: Android design in action

ACCORDING TO NEILSON STUDIES

Page 5: Android design in action

Popular apps that become available on Android experience huge growth.

Page 6: Android design in action

Instagram grew by 10 million users with the launch of its Android app — in just 10 days.

Page 7: Android design in action

Despite this unprecedented

expansion of the platform, the

majority of Android Apps are NOT

THAT GREAT

Page 8: Android design in action

Fewer QUALITY apps are in Google Play than in the iTunes Store.

Page 9: Android design in action

WHY?

Page 10: Android design in action

Android has been going through puberty in the past few years

Page 11: Android design in action

Inconsistent hardware buttons is a big problem

Page 12: Android design in action

Fight for Fragmentation

Page 13: Android design in action

Android is not easy to learn

Page 14: Android design in action
Page 15: Android design in action
Page 16: Android design in action

Better Menu discoverability

Page 17: Android design in action

Backward Compatibility

Page 18: Android design in action

In app navigation is much more predictable

Page 19: Android design in action

But some CHALLENGES still

exists…

Page 20: Android design in action

Multiple Screens

Page 21: Android design in action

Different Hardware Types

Page 22: Android design in action

TYPOGRAPHY

Page 23: Android design in action

So how do we design for the NEW

age Android

Page 24: Android design in action

UNDERSTAND ANDROID’S LOOK AND FEEL

Page 25: Android design in action

BUILD FOR DIFFERENT HARDWARE TYPES

Page 26: Android design in action

MAKE THE LARGE, OBVIOUS TAP TARGETS

Page 27: Android design in action

USE DENSITY-INDEPENDENT PIXELS TO

DEFINE LAYOUT

Page 28: Android design in action

CREATE ASSETS FOR ALL DENSITIES

Page 29: Android design in action

PROPERLY HANDLE ORIENTATION CHANGES

Page 30: Android design in action

FOLLOW ANDROID ICON GUIDELINES

Page 31: Android design in action

DON’T MIMIC UI ELEMENTS FROM OTHER

PLATFORMS

Page 32: Android design in action

DON’T MIMIC UI ELEMENTS FROM OTHER

PLATFORMS

Page 33: Android design in action

DON’T USE BOTTOM TAB BARS

Page 34: Android design in action

DON’T USE LABELED BACK BUTTON ON

ACTION BAR

Page 35: Android design in action

DON’T USE RIGHT POINTING CARETS ON LINE

ITEMS

Page 36: Android design in action

DEMO

Page 37: Android design in action

Android Asset Studio

ICON GENERATORS — MAKE ICONS FOR YOUR APPIcon generators allow you to quickly and easily generate icons from existing source images, clipart, or text.

Launcher iconsAction bar and tab iconsNotification iconsGeneric iconsTab icons (pre-Android 3.0)Menu icons (pre-Android 3.0)

OTHER GENERATORS — MISCELLANEOUS ASSET CREATION TOOLSDevice frame generator (or see the

official version for Nexus devices)Simple nine-patch generator

COMMUNITY TOOLS — SIMILAR TOOLS FROM THE OPEN SOURCE COMMUNITYAndroid Action Bar Style Generator by Jeff GilfeltAndroid Holo Colors Generator by Jérôme Van Der Linden

Page 38: Android design in action

QUESTIONS

Page 39: Android design in action

REFERENCES

http://www.nielsen.com/us/en/newswire/2012/two-thirds-of-new-mobile-buyers-now-opting-for-smartphones.html

http://www.theverge.com/2012/4/13/2946602/instagram-40-million-usersINSTAGRAM