DESIGNING FOR ANDROID

A WINNING STRATEGY

DESIGNING FOR ANDROID

A WINNING STRATEGY

PRESENTED
BY

ORGANIZED
BY

KUNJAN SHAH

ASHOK AMARAN

DISCLAIMER
I ANDROID

[ REGARDLESS OF WHAT YOU SEE IN THE FOLLOWING SLIDES ]

ANDROID LAYOUTS
ISSUES

MULTIPLE
DEVICES

MULTIPLE
SCREEN SIZES

MULTIPLE
ASPECT RATIOS

MULTIPLE
SCREEN DENSITIES

MULTIPLE
ANDROID VERSIONS

NUMBER OF ANDROID DEVICES

?
TAKE A WILD GUESS.

NUMBER OF ANDROID DEVICES

1135
NOT EVEN KIDDING.

PHYSICAL SCREEN SIZES

2 TO 5.3 INCH FOR PHONES 7 TO 13 INCH FOR TABLETS

TOSHIBA HAS A 13 ANDROID TABLET. NO, REALLY.

SCREEN SIZES

PHONES
2.55 2.6 2.8 3 3.1 3.14 3.2 3.3 3.4 3.5 3.6 3.7 4 4.2 4.27 4.3 4.5 4.65 4.8 5.3

TABLETS
7 7.9 8 9.7 10.1 13

SOME WONT FIT IN YOUR HAND.

SCREEN RESOLUTIONS

PHONES
240 X 320 240 X 400 240 X 432 240 X 640 320 X 480 340 X 480 360 X 640 480 X 640

480 X 800 480 X 854 540 X 960 640 X 960 1280 X 800

800 X 600 1024 X 600 1024 X 768 1280 X 720 1280 X 800 1600 X 900

TABLETS
480 X 800 480 X 854
I PROBABLY MISSED SOME.

ASPECT RATIOS

1.33 1.41 1.50

1.60 1.66 1.70

1.77 1.80 2.66

STUFF WILL GET SQUASHED!

ANDROID VERSIONS

1.5 1.6 2.1

2.2 2.3 2.3.2

2.3.3 2.3.7 3.0

3.1 3.2 4.0

4.0.2 4.0.3

OUR SUGARY OVERLORDS.

SCREEN DENSITIES

LDPI

MDPI

HDPI

XHDPI

NEXT UP: XXHDPI

COPING

1135 ANDROID DEVICES 18 SCREEN SIZES 9 ASPECT RATIOS 4 SCREEN DENSITIES 14 ANDROID VERSIONS

IT HELPS TO TALK TO YOUR PSYCHIATRIST AS WELL.

HOW TO WIN

RE WRITE LAYOUT

1
TEST
DEVICE N+1

BUILD
APK

N+1

TEST
DEVICE N

TEST

DEVICE 1

STRATEGIES

LETS GO WIN !
SMART DESIGN
Design your UI/UX in a way that will translate to multiple layouts. Design like the web, responsive.

SMART XML
Design XML that will work on wide variety of Android devices, various techniques follow.

SMART IGNORING
Ignore old Android versions,. Ignore devices that have less market share. Smartly ignore devices based on business needs and app focus.

SMART DESIGN

UI CONSIDERATIONS UI widgets on Android have different colors, gradients and backgrounds on different versions, and manufacturers.
WYSIWYDG

4 ASOP 2.3 4 4.0

ASOP

3.7 ASOP 2.0 4.3 2.3.4 HTC

SMART DESIGN

MULTIPLE RESOURCES UI widgets on Android have different colors, gradients and backgrounds on different versions, and manufacturers.

HIRE MORE PHOTOSHOP MONKEYS.

SMART XML

WRITE IT LIKE HTML

WYSIWYDG

SMART XML

BACK TO 1999

YOU DONT NEED A TIME MACHINE.

IT STILL WORKS!

OKAY-ISH.

SMART IGNORING

IGNORE DEVICES WITH LOW MARKET SHARE. IGNORE OLDER ANDROID VERSIONS WITH LOW MARKET SHARE. IGNORE ANDROID VERSIONS RUSHED TO MARKET.

IGNORANCE IS BLISS.

SMART IGNORING
63.2

23.1

6 0.3 0.7 0.5 0.1 1

2.2

0.5

2.4

1.5

1.6

2.1

2.2

2.3-2

2.3.3-7

3.0

3.1

3.2

4.0/4.0.2 4.0.3

IGNORANCE IS BLISS.

SMART IGNORING

IGNORE DEVICES/ANDROID VERSIONS OUTSIDE YOUR APP FOCUS.

AN APP WITH FOCUS ON PICTURES CAN IGNORE DEVICES WITH CRAPPY CAMERAS.

(YOU DONT WANT CRAPPY PICTURES TAKEN BY YOUR APP ANYWAYS.)

IF ALL ELSE FAILS...

WRITE SEPARATE LAYOUT XML FILES FOR SPECIFIC DEVICES. USE SVG FOR GRAPHICS ASSETS. DONT CARE MODE.

YOU DONT WANT TO BE HERE.

GET IN TOUCH WITH US

FACEBOOK
WWW.FACEBOOK.COM/QUARKSTUDIOS

TWITTER
WWW.TWITTER.COM/QUARKSTUDIOS

QUARK STUDIOS
WWW.QUARKSTUDIOS.COM

WWW

WWW

JMA IT
WWW.JMAIT.COM

QUARK STUDIOS & JMA-IT

THANK YOU
FOR YOUR ATTENTION. WWW.QUARKSTUDIOS.COM

NEXT...

SECURING APPS
FOR THE GOVERNMENT & ENTERPRISE RSVP TODAY!