This document discusses modern Android UI design principles and patterns. It recommends using the Holo theme to provide a consistent user experience across devices. Key principles include making content the primary focus, optimizing for speed and efficiency, and adapting representations to different contexts. Common UI patterns described include the action bar, sliding menus, and various notification styles. The document also discusses responsive design techniques like stretch/compress and expand/collapse to support different device varieties.

1. Modern android UI
Kirill Zotin
08.11.2012

2. Holo theme
● Content is 1st class citizen
● Pictures are faster than words
● Only show what I need when I need it
● Make the important things fast
● Do the heavy lifting for me

3. Default themes

4. Redesign

9. Supporting device variety

10. Responsive mobile design
● Same content
● Same hierarchy
● Representation
adapts to context

11. Stretch / compress

12. Stack

13. Expand / collapse

14. Show / hide

18. Metrics
1 DP == one pixel on a 160 dpi screen.
The ratio of dp-to-pixel will change with the
screen density, but not necessarily in direct
proportion.

19. UI patterns

20. ActionBar

21. Sliding menu

22. Rich notifications
BigTextStyle InboxStyle
BigPictureStyle

23. Swipe to dismiss

24. Bezel swipe

25. Quick return

26. Sticky blocks
Double click to view video

27. Undo

28. Must read
Official docs
d.android.com/design
Design in action
http://j.mp/androiddesigninaction
http://www.holoeverywhere.com