1. Designing Android UI
“thing you need to know”

2. Many faces of a little green robot
Source: http://d2cpknllkuywe0.cloudfront.net/images/fragmentation_devices.jpg
2 / 24

3. 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

4. 3997 distinct devices!!!
4 / 24

5. What about resolutions?
5 / 24

6. Start with 240x320px
6 / 24

7. Then we have 320x480px
7 / 24

8. 400x800px
8 / 24

9. Most common 480x800px
9 / 24

10. And then 480x854px
10 / 24

11. And then 540x960px
11 / 24

12. Also common 720x1280px
12 / 24

13. 768x1024px LG special
13 / 24

14. And at the and 1080x1920px Full-HD
14 / 24

15. Minimum Vs. Maximum
Vs.
27 time more pixels
15 / 24

16. Where to start
• Current flagship model
• Most common resolution
• Start with small
… It depends
16 / 24

17. Density independence pixel DIP
17 / 24

18. Density Buckets
18 / 24

19. Tap target
19 / 24

20. Icon size
20 / 24

21. Scale independent pixel - SIP
21 / 24

22. Nine-patch graphic – really useful stuff
22 / 24

23. 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. ANY QUESTIONS?
24/24