Android UI Patterns安卓系统界面设计图形).pptVIP

Android UI Patterns by Peter Pascale, Vladan Pulec Agenda Android UI History Android 4 UI Highlights Android UI Patterns Android Version History Look and Feel? Formalized 2009 Android Version History 2010 Google IO Dashboard UI Pattern Android Version History 2011 Google IO Tablet Patterns No More? Dashboard Android Version History Ice Cream Sandwich October 19 2010 Honeycomb UI - Unification No More Hardware Buttons? Android Market Share Android Market Share Android Versions - Reality UI Design Pattern Goals UI Design Goals Related to Patterns Stay Consistent Use Visual Hierarchy Value Simplicity Pay Attention to Patterns Tablet vs. Phone User Experience Users hold and interact with phones and tablets differently UI needs to be adaptive to support user interaction Android 4.0 UI Features Simplified Look and Feel Unified Tablet/Phone Platform System Bar and Action Bar Virtual Navigation Buttons No Hardware Buttons Navigation in Android 4.0 Software Navigation Buttons ? System Back ? System Home ? Recents Android UI Patterns Action Bar Multi-Pane Layout Carousel Quick Actions Dashboard Workspaces Action Bar Multi-Pane Layout Carousel Quick Actions Dashboard Workspaces Action Bar Dedicated Real Estate at the Top of Each Screen ?? ??? ?Make Frequent Actions Prominent ?? ? ? ?Support Navigation ?? ??? ?Indicate Current Location in App ?? ??? ?Consistent Between Tablets and Phones ?? ??? ?Provide Branding Action Bar - Sections Where am I? application icon or logo can be used for upward navigation Action Bar - Sections What can I see? view details? (can have a navigation component) can include tabs, dropdowns, breadcrumbs Action Bar - Sections What can I do? action buttons (icons, text, or both) most important or frequently used actions new place for Search and Menu Action Bar - Examples Action BarConsistency Between Phone and Tablet Action Bar - Antipatterns Ignoring the Where - See - Do Best Practice Button controls at the bo