Android Design Pattern-CH Part iii

Android DesignPattern-III

Contents1.  Dealing With Data2.  Getting Input3.  Navigation4.  Notifications5.  Personalize6.  Screen Interactions7.  Social

Notifications

Notifications1.  Notify of an activity in app2.  Request a response from user

Notify of an Activity in App 1•  Toast message•  Progress bar dialog•  Progress wheel dialog•  Progress wheel

Options Menu 1 1. “ ” (Statusbar notification) (Dialog)

Options Menu 1 1.•  •  • •  + -

Options Menu 1 1.WordpressHTC Sense - Alarm

Wordpress 1 2 “ ”

Wordpress 3 “ ”

Progress Bar Dialog 2 1.

1 2 “ ” 3 ” “

Progress Bar Dialog 2 1.•  • •  “ ” + -

Progress Bar Dialog 2 1.SMS EraserRingdroid

Ringdroid 1 2

Ringdroid 3

Progress Wheel 1.3 Dialog

Progress Wheel 1.3 Dialog•  • •  •  + - • 

Progress Wheel 1.3 DialogSMS EraserRingdroid

Twitter 1 2 “ ”

Twitter 3

Progress Wheel 4 1.

Progress Wheel 4 1.•  • •  + -

Progress Wheel 4 1.FacebookFoursquareAndroid Market

Facebook 1 2

Facebook 3

Request a Response from Users 2 •  Toast message •  - Status bar – Event-driven notification •  - Status bar – Ongoing notifications

Alert Dialog 2.1 “ Twitter”

1 “ ” 32 “ ” 5 4 ”“ ” “ 6

Alert Dialog 1 2.•  •  + -

Alert Dialog 1 2.EvernoteTwidroydGoogle Goggles

Evernote 1 2 “ ”

Evernote 3 4 “ ”

Evernote 5

-Status Bar – Event-driven 2. 2 Notification

6 “ ”4 5 “ ”

- Status Bar – Event-driven 2. 2 Notification•  • •  • •  + -

- Status Bar – Event-driven 2. 2 NotificationHTC SenseSamsung Galaxy S

HTC Sense 1 2

HTC Sense 3 “ 4 ”

Status Bar – - Ongoing Notification 3 2.

1USB 2 3

54 “ ”

Status Bar – - Ongoing Notification 3 2.•  “ ” • •  + -

Status Bar – - Ongoing Notification 3 2.Stock Android - USBHTC Sense - Update anappHTC Sense - Player Pro

HTC Sense - Update anapp 1 2 Android Market

HTC Sense - Update anapp 3 4

HTC Sense - Update anapp 5

Personalize

Personalize1.  Manage Their Accounts2.  Set Favorite Items

Manage Their Accounts 1•  Login•  Create Account•  Dedicated Button Options Menu• 

Manage Their Accounts 1 1. PC

31 4 62 5 Enter

Manage Their Accounts 1 1.•  •  + -

Manage Their Accounts 1 1.Last.fmGmailTwidroyd

Last.fm 1 Last.fm 2 Done

Last.fm 3 2

Manage Their Accounts 2 1.PC

1 2 Enter ‘ ’1 3 “ ” “ ”

24 5 ” “

Manage Their Accounts 2 1.•  •  + -

Manage Their Accounts 2 1.SportypalLayarInstaFetch

Sportypal 1 Sportypal 2 “ ”

Sportypal 3 4

Sportypal 5 6 email sportypal.co m

Manage Their Accounts 3 1.

1 ” “ 2

Manage Their Accounts 1. 3•  •  Brian Cooley•  + -

Manage Their Accounts 3 1.WordpressSeesmicGmail

Wordpress 1 2 Wordpress UPL “Save”

Wordpress 3 4

Manage Their Accounts 4 1.

12 “ ” 3 “ ”

Manage Their Accounts 4 1.•  •  •  “ ” + -

Manage Their Accounts 4 1.SeesmicWordpress

Seesmic 1 Seesmic 2 Twitter explaines

Seesmic 3 4 Twitter GoogleBuzz

Seesmic 5 2

Set Favorite Items 2•  Favorites•  Options Menu

Set Favorite Items 1 2.

Set Favorite Items 1 2.•  •  + -

Set Favorite Items 1 2.HTC Browser HistoryGmail

HTC Browser History 1HTC 2

HTC Browser History 3

Set Favorite Items 2 2.“ ”

31 “ ” 4 2 ” “

Set Favorite Items 2 2.•  •  + -

Set Favorite Items 2 2.HTC Browser HistoryNS ReisplannerNU

HTC Browser History 1HTC Sense’s 2 “ ” “ ”

HTC Browser History 3 4 “Done”

Screen Interactions Ginger Yu

Screen Interactions1.  Move content around the screen2.  Scroll through content3.  Zoom in on content

Slide to scroll 1 2.“ ”

31 4 2

Slide to scroll 1 2.•  •  + -

Slide to scroll 1 2.Twitter

Twitter 1 Twitter tweets

Fling to scroll 2 2.“ ”

1 3 5 2 4

Fling to scroll 2 2.•  •  + -

Fling to scroll 2 2.Twitter

Twitter 1 Twitter tweets

Double tap to zoom 1 3.

4 … 5

Double tap to zoom 1 3.•  •  - -•  + -•  -

Double tap to zoom 1 3.Internet BrowserHTC Sense GalleryGoogle maps

Internet Browser 1 2 …

Internet Browser 3

Pinch & Spread 2 3.

3 HTC1 2

Pinch & Spread 3. 2•  • •  - •  HTC + - •  Ideos

Pinch & Spread 2 3.Google mapsAngry birds

Google maps 1 2

Social Ginger Yu

Social1.  Respond to content

Comments 1 1.

5 3 ...1 4 ... 2

Comments 1 1.•  •  + -

Comments 1 1.FacebookBright

Facebook 1 Facebook 2

Facebook 3 4

Rating – Stars 2 1.5

3 ... 21 5 ...

Rating – Stars 2 1.•  • •  + -

Rating – Stars 2 1.YouTube

YouTube 1 youtube 2 …

YouTube 3 4 YouTube

YouTube 5

http://www.gingertuts.com	96
url_unknown	4
http://cache.baidu.com	1
http://www.verious.com	1

Android Design Pattern-CH Part iii

by Ginger Yu

Accessibility

Categories

Upload Details

Usage Rights

4 Embeds 102

Statistics

Android Design Pattern-CH Part iii Presentation Transcript