8/11/2019 Android Wear Patterns 20140722

1/1

632

632

632

632

632

632

632

632

632

632

632

Assigning driver... Ben2 mins away

Ben is at600 Valencia Street

The ObscuristsSleepwalker

Speak an artist orsong name

Naomi Pilgrim

I made a reservationat 7:30 pm

Speak yourmessage

I made a reservationat 7:30 pm

632

Alice Yang

What time is ourdinner reservation? Reply

Speak yourmessage

632

Alice Yang

Can you stop byfor a small chat? Reply

Sending...

Request car

600 Valencia Street

Requesting...

Checked In

Ok Google

632

Speak now

Car requested

$10 charged

Tap to rate

Start Floppy Bird

Ok Google

632

Speak now

Start timer

Ok Google

632

Speak now

2 minutes

Simple Timer

3 minutes

4 minutes

1 minute

0:59

BANG!

The ObscuristsReally Out There

Central Bar

Check-in here?

Central Bar

Check-in here?

Als BBQ Joint

Central Bar

Your friend Jefflikes their mojitos.

Central Bar

Your friend Jefflikes their mojitos.

Southern grill,soul food, andcraft beers.

East Ocean Seafood

Cantonese styleChinese cuisine

Brick House PizzaGourmet pizza,pasta, cocktailsand beers.

In 10 mins

In 15 mins

Ill be right there

In 5 mins

The ObscuristsTrying Too Hard

The ObscuristsSleepwalker

Anthony CalleaMy All

BlackchordsTrack 2

The ObscuristsReally Out There

Driver rated

Four stars

632

632

632

632

632

Pick-up location

Message Sent

Naomi PilgrimMoney

Message

Adam BrandTrack 1

Adam BrandTrack 1

BlackchordsTrack 1

BlackchordsTrack 1

BlackchordsTrack 2

Catherine BrittTrack 1

Catherine BrittTrack 1

Catherine BrittTrack 1

Adam BrandTrack 1

Create new station

Change music

Check in here

Change location

Checked In

Change tracks

Checked In

A location service could show someuseful suggestions when the userenters a venue.

We can add an action button to allowthe user to tap to take action, in thiscase to check in at the venue. Aftertapping, we show a confirmationanimation to indicate success.

If the action is primary to theinformation, we can place the actionbutton right on the card.

We can add the ability to choose adifferent location by launching a Pickerwidget when the user taps on an actionbutton. The Picker temporarily takesover the screen and allows the user tochoose from a rich set of results.

In this example a voice action i s usedto send a request to call a taxi. Sincethey request may take several minutesto fully process, the user is not heldindefinitely on a countdown screen.

Instead, status of the request isposted as a card in the stream, withthe card reposting itself with updatedstatus when relevant.

Performing an action or making achoice can also affect the originalcard. In this case, no explicitconfirmation animation is needed.

Where free text input is moreappropriate than choosing from alist, a speech input UI can beintroduced. Transcribed text ispassed to your app to act upon, forexample by playing a given artist.

If the voice input is not immediatelyreflected in an updated card, a briefcountdown screen should be shownthat includes a structured breakdownof how the query was interpreted.

A list of common options may alsobe presented along with speechinput. The user can swipe throughthe list, tapping on the centered itemto select it. Since the tap is anexplicit act, no countdown screenis needed.

ANDROID WEARNOTIFICATION AND APPLICATION PATTERNS

Notification Driven

User Demand Driven

Full screen apps can be launched bytouch or voice. In cases where a ful lscreen app can not reasonablyauto-quit on task completion, youshould show an option to quit atlogical breakpoints in the interactionflow, for example at the end of a levelin a game.

All apps must reserve long-pressanywhere on the screen fordisplaying an option to quit.

At any time, covering the screenwith a palm will quit any open app,return to the home state, and enterambient mode.

Full screen apps that don't requireswipe gestures for their interactions

should also allow themselves to bequit by swiping them away.

Lists can also be invokedindependently where choosingfrom a set of options is needed.

Lists can also be invokedindependently where choosingfrom a set of options is needed.

Exit

Play again?

All of these UIs can beachieved just by postingnotifications. Easy, right?

Congratulations, you'vegraduated to building fullscreen apps! Although it looksand feels like part of thestream, the Picker is actuallyan app that gets overlaid ontop of the main stream.

Google's servers do the heavylifting of converting userspeech into text, and then thattext gets sent to your app toprocess: you can use it to posta status update, search for amovie, send a message....In some cases, you mightwant to give the user anopportunity to confirm the

transcription. We will look atthat in the next example.

Countdowns allow the user tointerrupt any mis-transcriptionsbefore they are processed. Usecountdown screens for actionsthat are potentially costly ifmistaken!

A

B

C

D

E

F

G

H

I

J

K

L

M

1

1 2

1 2

3

1 2 4

1 2 4

1 2 43 5 6

1 2 43

6

8

5

3

4

1 2 43 5 6 7 8 9

1 2 43 5 6 7

9 10 11

12 13

14 15

8

1 2 43

5

6

1 2

4

3 5

3

3

1 2 6

The Picker can optionally include asecond dimension, allowing users toswipe both vertically and horizontally.This allows for a matrix of options,such as songs for a set of albums.

3

4 5

The Picker

1 2 43 5 6 7

SwipeTapLong Press

Palm

Speech

Notification card.Background photo,card with content.Optional: app icon,action button.

Action button.Text string andwhite icon mustbe provided.

Confirmationanimation.Optional caption.

1D and 2D Picker. Fullscreen overlay. Choosefrom a list of optionswith rich presentation.

Speech entry.Customize the hinttext based on whatyou want the user

would like to say.

Watch face. Manytasks begin and endon this screen.

Custom full screenactivity. You areresponsible for layoutand function of the

screen.