Download - Android Wear Patterns 20140722
-
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.