~/talk

Voice and Visual: How to Build Actions for Smart Displays and More

Talkat Google I/O 2019 · 2019-05-07..05-09· [web-platform, ux-and-product-design]
links:none on file
links:none on file
slides:none on file

Built a multimodal Virtual Pet game (hamster with badges, energy bar, levels) that runs on speakers, smart displays and mobile by using Dialogflow, Firebase (Cloud Functions, Firestore, Storage) and Actions on Google; it leverages SSML and the free Sound Library for layered audio, Rich Responses (carousel min 2 max 10) for discovery, and Interactive Canvas (HTML/CSS/JS) for touchable animations. The design adds branching dialogs, progressive disclosure and a daily interaction cap to avoid infinite loops, scales across ~1 billion Assistant devices and works end to end.

AI-written summary · about

  1. 0:00Introduction to action design
  2. 1:35Game development tools
  3. 3:26The virtual pet concept
  4. 7:22Five pillars of action design
  5. 10:55Refining voice interactions
  6. 14:24Voice-first design principles
  7. 21:53Visual and rich responses
  8. 29:20Interactive canvas
  9. 33:29Scaling to mobile devices
  10. 36:34Testing and resources
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.