More Related Content Similar to Android 4.0 UI Design Tips 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