More Related Content Similar to Android 4.0 UI Design Tips (20) More from Justin Lee (20) Android 4.0 UI Design Tips8. Android is not easy to learn
http://www.pocket-lint.com/news/40615/78-android-tips-beginners-set-up
20. But it’s time to say goodbye
http://android-developers.blogspot.com/2012/01/say-goodbye-to-menu-button.html
23. Backwards compatibility
Legacy hardware
Legacy software
http://developer.android.com/design/patterns/compatibility.html
36. Common App UI
1.Main Action Bar
2.View Control
3.Content Area
4.Split Action Bar
http://developer.android.com/design/get-started/ui-overview.html
38. New in ICS
1.Navigation Bar
2.Action Bar
3.Multi-pane layouts
4.Selection
http://developer.android.com/design/patterns/new-4-0.html
39. Navigation
Back Up
system & in-app
In-app navigation
navigation
http://developer.android.com/design/patterns/navigation.html
40. Swipe Views
Swiping
Between
Detail Views
Swiping
Between
Tabs
http://developer.android.com/design/patterns/swipe-views.html
41. Action Bar
1.App icon
2.View Control
3.Action Buttons
4.Action overflow
http://developer.android.com/design/patterns/actionbar.html
42. Split Action Bars
1.Main action bar
2.Top bar
3.Bottom Bar
http://developer.android.com/design/patterns/actionbar.html
43. Multi-pane layouts
Smartphone Tablet
http://developer.android.com/design/patterns/multi-pane-layouts.html
44. Selection
Contextual action bar
Long press on an item in list to select Dynamically adjust CAB actions
http://developer.android.com/design/patterns/selection.html
47. Do make the large, obvious
tap targets
Touchable UI components are generally laid out along 48dp units.
http://www.slideshare.net/AndroidDev/android-ui-design-tips
http://developer.android.com/design/style/metrics-grids.html
48. Do use screen density
independent units (dp)
not density independent (px)
density independent (dp)
http://developer.android.com/guide/practices/screens_support.html
49. Do create versions of all resources
for high density screens
http://developer.android.com/design/style/devices-displays.html
50. Do properly handle orientation changes
Stretch/compress Expand/collapse
Stack Show/hide
http://developer.android.com/design/style/devices-displays.html
51. Do follow Android icon guideline
Launcher
Launcher
Action Bar
http://developer.android.com/design/style/iconography.html
52. Don't mimic UI elements
from other platforms
Android
iOS
Windows Phone 7
http://developer.android.com/design/patterns/pure-android.html
53. Don't mimic UI elements
from other platforms
Android
iOS
Windows Phone 7
http://developer.android.com/design/patterns/pure-android.html
54. Don't use bottom tab bars
http://developer.android.com/design/patterns/pure-android.html
55. Don't use labeled back
buttons on action bars
http://developer.android.com/design/patterns/pure-android.html