Designing Android UI“thing you need to know”

Many faces of a little green robot

2 / 24

Source: http://d2cpknllkuywe0.cloudfront.net/images/fragmentation_devices.jpg

What is fragmentation you ask

• The Blessing• The Curse• Let’s look at the study done by OpenSignalMaps.

Over 6 months they've been logging the new devices that download OpenSignalMaps. They've looked at model, brand, API level (i.e. the version of Android) and screen size…

…. And what did they find out

3 / 24

3997 distinct devices!!!

4 / 24

What about resolutions?

5 / 24

Start with 240x320px

6 / 24

Then we have 320x480px

7 / 24

400x800px

8 / 24

Most common 480x800px

9 / 24

And then 480x854px

10 / 24

And then 540x960px

11 / 24

Also common 720x1280px

12 / 24

768x1024px LG special

13 / 24

And at the and 1080x1920px Full-HD

14 / 24

Minimum Vs. Maximum

15 / 24

Vs.

27 time more pixels

Where to start

• Current flagship model• Most common resolution• Start with small

… It depends

16 / 24

Density independence pixel DIP

17 / 24

Density Buckets

18 / 24

Tap target

19 / 24

Icon size

20 / 24

Scale independent pixel - SIP

21 / 24

Nine-patch graphic – really useful stuff

22 / 24

Designing UI and Designing Interaction

• Go to http://developer.android.com/design/index.html

• Make important things fast

• If it looks the same, it should act the same

• Only show what I need when I need it

23 / 24

24/24

ANY QUESTIONS?