全英文Android系统介绍PPT
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Software Navigation Buttons System Back System Home Recents
No Search or Menu
Android UI Patterns
Action Bar Multi-Pane Layout
Carousel Quick Actions
Dashboard Workspaces
Simplified Look and Feel Unified Tablet/Phone Platform
System Bar and Action Bar Virtual Navigation Buttons
No Hardware Buttons
Navigation in Android 4.0
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
Multi-Pane Layout
Multi-Pane Layout
Multi-Pane Layout - Orientation Change
Preserve Functional Parity
Implementing Multi-Pane Layout
Fragments... The Building Blocks The Resource System... The Dynamic Assembler Backwards Compatibility Library... support 1.6+
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
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
Consistency Between Phone and Tablet
Action Bar - Antipatterns
Ignoring the "Where - See - Do" Best Practice Button controls at the bottom of the screen Inconsistent across different applications
Dedicated, persistent real estate
Displays application icon together with the activity title
Action Bar Multi-Pane Layout
Carousel Quick Actions
Dashboard Workspaces
Ice Cream Sandwich October 19 2010 Honeycomb UI - Unification No More Hardware Buttons
Android Market Share
Android Market Share
Android Versions -பைடு நூலகம்Reality
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
Android Version History
2010 Google IO Dashboard UI Pattern
Android Version History
2011 Google IO Tablet Patterns No More Dashboard
Android Version History
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
Source: developer.android.com As of November 3, 2011
UI Design Pattern Goals
UI Design Goals Related to Patterns
Stay Consistent Use Visual Hierarchy
Value Simplicity Pay Attention to Patterns
ActionBar Code Demo
Action Bar - Summary
Replaces traditional title bar
Makes frequently used actions prominent
Convenient means of handling menu and search
No Search or Menu
Android UI Patterns
Action Bar Multi-Pane Layout
Carousel Quick Actions
Dashboard Workspaces
Simplified Look and Feel Unified Tablet/Phone Platform
System Bar and Action Bar Virtual Navigation Buttons
No Hardware Buttons
Navigation in Android 4.0
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
Multi-Pane Layout
Multi-Pane Layout
Multi-Pane Layout - Orientation Change
Preserve Functional Parity
Implementing Multi-Pane Layout
Fragments... The Building Blocks The Resource System... The Dynamic Assembler Backwards Compatibility Library... support 1.6+
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
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
Consistency Between Phone and Tablet
Action Bar - Antipatterns
Ignoring the "Where - See - Do" Best Practice Button controls at the bottom of the screen Inconsistent across different applications
Dedicated, persistent real estate
Displays application icon together with the activity title
Action Bar Multi-Pane Layout
Carousel Quick Actions
Dashboard Workspaces
Ice Cream Sandwich October 19 2010 Honeycomb UI - Unification No More Hardware Buttons
Android Market Share
Android Market Share
Android Versions -பைடு நூலகம்Reality
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
Android Version History
2010 Google IO Dashboard UI Pattern
Android Version History
2011 Google IO Tablet Patterns No More Dashboard
Android Version History
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
Source: developer.android.com As of November 3, 2011
UI Design Pattern Goals
UI Design Goals Related to Patterns
Stay Consistent Use Visual Hierarchy
Value Simplicity Pay Attention to Patterns
ActionBar Code Demo
Action Bar - Summary
Replaces traditional title bar
Makes frequently used actions prominent
Convenient means of handling menu and search