Designing for the
Spoken Web
The spoken web is a way of storing and retrieving
information over the Internet using voice.
What is the Spoken Web?
BAIDU
2004 2006 2007 2009 2012 2013 2015 2016 2017 2020
1 in 10 queries through
speech.
SIRI
1 billion requests
per week through
speech.
ANDROID
1 in 5 searches on mobile in
the US are voice.
AMAZON ECHO
Fastest selling
speaker in 2015.
MARY MEEKER
In 3 years, 50% of all
searches will be through
VOICE or images.
Mary Meeker Internet Trends 2016 and derrickfountain.com
YEOWSA
Invented an automatic
audio publishing
platform.
DERRICKFOUNTAIN.COM
“The birth of the spoken
web” article published.
GHANA VOICES
1K listeners in the
first week, 428
reports sent.
KENYA VOICES
6K total listeners,
602 voice reports.
LISTENING APP
Tablet app that
listens and extracts
topics from TV audio.
NEWS QUIZ
TRT World R&D
conversation action
for Google Home.
SIMPLE READER
Simple news app wth
voice narrated
commuter mode.
Spoken Web Growth
& Early Adoption
VIVO
The Coming
Age of Talking
Computers.
NEWS BRIEF
TRT World voice
narrated daily news
summaries.
IHT
AudioNews
personalized
Podcast service
launched.
SYNDOUT
Rebranded, added
auto publish to
podcast and IVR.
Written language is a technology invented over
10,000 years ago to solve an information
storage and retrieval problem.
Writing is a deprecated technology.
Typing 1.0
QWERTY
Keyboard 1872.
Typing 2.0
Commercial use mobile
computing 1996.
Voice 3.0
Voice on ambient
devices 2014.
Typing 3.0
Touch based mobile
computing 2007.
Voice 2.0
Voice on mobile
2011.
Writing typing is being replaced by voice.
Voice 1.0
IVR and VXML go
mainstream 2000.
IVR SIRI
ALEXA
Then and now, from Trees to Actions
Voice 3.0
Conversation Interface
“Ok Google, start the TRT World Quiz”
Voice 1.0
IVR Tree Interface
“Please listen carefully, as our menu
options have changed.”
Voice assistants are used annually by 65% of
people in the US.
The spoken future has arrived.
The 2017 Voice Report, VoiceLabs
Recent improvements in the speed and
quality of speech recognition makes voice
input faster and more convenient than text.
Ease of use is changing behavior.
Mary Meeker Internet Trends 2016
% of Voice Assistant usage annually in the US
from 2013-2015
0%
18%
35%
53%
70%
2013 2014 2015
30%
56%
65%
Humans can speak almost 4x as fast as they can type
Mary Meeker Internet Trends 2016
In Jan 2017, 1,000 Amazon Alexa skills were
added in 17 days.
0
2.250
4.500
6.750
9.000
May June July Aug Sept Oct Nov Dec Jan 3 Jan 20
voicebot.ai
Alexa skills added from 2015-2017
The 2017 Voice Report, VoiceLabs
The 2017 total addressable market will be
33 million voice-first devices in circulation.
24.5 million voice-first devices will be shipped in 2017.
0
5
10
15
20
25
30
35
MILLIONSOFDEVICES
2014 2015 2016 2017
Voice-centered design emerges as a way of
designing features, functions, intents and
actions triggered by words and phrases.
Conversation is the new UI.
There will be a Turk in every product or
service, intelligently inferring, deciding
and acting as an agent on your behalf.
The Turks shall inhabit the earth.
People don’t buy from websites, people buy
from people.
Design is human.
Keep calm, visual design is not done.
Adaptive is the new responsive.
Written language is a symbolic representation
of spoken language.
Break the silence.
Contextualize
Onboarding
• Build onboarding into
the messaging before
the action starts.
• Use the natural
language of the target
audience.
• Direct the user with a
clear call-to-action in
the intro message.
Simplify
Interactions
• Design for the least
amount of effort and
voice input.
• Each additional
prompt for the user
translates into
decreased retention
and engagement.
Design for
single-purpose
• Design purpose-driven
and focused intents and
actions.
• Progressively enhance
the experience over time
based on data.
Be a Good
Companion
• Design an experience
that adds value to a
process or activity that
people already do.
• Build intents and
actions that play
nicely other parts of
your ecosystem.
Leverage Game
Mechanics
• Build a retention core
loop through “return”
messaging at the
beginning and ending
of your experience.
• Anticipate future
opportunities for
activating and engaging
users across devices.
Introducing the TRT World
News Quiz game for Google Home
Conversation Interface UX Strategy
Questions?
www.derrickfountain.com
Check out early Viewpoints about the Spoken Web at

More Related Content

PDF
Im Mobile Who's Coming With Me
PPTX
Mobile Apps
PPTX
Mobile Pitch
PDF
BSmith Presentation Samples 0713
PPTX
The LinkedIn Consumer Story: Why it Matters to You
PPTX
Windows 8 app development
PDF
Key Insights: State of the Developer Nation Q3 2014
PPT
ATTB Mobile
Im Mobile Who's Coming With Me
Mobile Apps
Mobile Pitch
BSmith Presentation Samples 0713
The LinkedIn Consumer Story: Why it Matters to You
Windows 8 app development
Key Insights: State of the Developer Nation Q3 2014
ATTB Mobile

What's hot (20)

PPTX
Future Of Mobile
PDF
Mobile Trends | October 2013
PPT
Appsie - Ronan Higgins
PDF
I os7 infographic_gw
PPTX
Smart phone
ODP
Introduction to Xamobi Design & Development
PPT
PDF
Top Rumors About Apple March 21 Big Event
PPT
Careers in Mobile gaming
PDF
SlideShare moves to HTML5
KEY
MIPTV 2011 - Two Screen World - Michael Schneider
PPTX
Mobile @ LinkedIn
PDF
Priori data - App Growth Trends: What to pay attention to, and what to ignore
PDF
AppAnnie - NOAH13 London
KEY
Lessons from tap4 fun
PDF
Speak to me! Siri, Alexa, Chatbots. Is this new breed the future of user inte...
PPTX
Why going Mobile Is Essential
PDF
Mobile Application Development
PPTX
Microsoft
PDF
Future Of Mobile
Mobile Trends | October 2013
Appsie - Ronan Higgins
I os7 infographic_gw
Smart phone
Introduction to Xamobi Design & Development
Top Rumors About Apple March 21 Big Event
Careers in Mobile gaming
SlideShare moves to HTML5
MIPTV 2011 - Two Screen World - Michael Schneider
Mobile @ LinkedIn
Priori data - App Growth Trends: What to pay attention to, and what to ignore
AppAnnie - NOAH13 London
Lessons from tap4 fun
Speak to me! Siri, Alexa, Chatbots. Is this new breed the future of user inte...
Why going Mobile Is Essential
Mobile Application Development
Microsoft
Ad

Viewers also liked (11)

PDF
EI-driven VUI design MENDELSON PTP SpeechTek2016
PDF
Adopting VUI in a GUI world - Enterprise UX Meetup
PPTX
Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
PDF
NXT - Digital Driving Culture
PDF
Open the pod bay doors, designer - UX london may 2016
PDF
Manual of Typographic Rules
PPTX
Siri vs Alexa, Which is Better?
PDF
Use Cases for Voice User Interface
PPTX
Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
PPTX
Don't do anything on your website you wouldn't do on a first date
PDF
Speak Up! Build an Alexa Skill for a Cause
EI-driven VUI design MENDELSON PTP SpeechTek2016
Adopting VUI in a GUI world - Enterprise UX Meetup
Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
NXT - Digital Driving Culture
Open the pod bay doors, designer - UX london may 2016
Manual of Typographic Rules
Siri vs Alexa, Which is Better?
Use Cases for Voice User Interface
Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
Don't do anything on your website you wouldn't do on a first date
Speak Up! Build an Alexa Skill for a Cause
Ad

Similar to Designing for the Spoken Web (20)

PDF
Chatty Devices
PDF
Dagan "'Alexa, get me the articles': user experience and voice interfaces in ...
PDF
Digital Assistants: Creating Consumer Connections through Voice Search
PDF
Speakeasy 04 2017
PDF
Speak easy global edition
PPTX
phoNet.pptx
PPTX
Speech Recognition
PDF
Voice Powered Search, The Future of Marketing - DMF 2018
PDF
Introduction to Speech Interfaces for Web Applications
PDF
Let's talk about voice
PDF
Are you talking to me?
PDF
OpenVoice #01 - Maarten Lens-FitzGerald - Are you talking to me
PDF
Voice Is Everything
PPTX
Towards A Spoken Version of Google
PDF
AI Assistant Enabled Voice Experiences
PDF
Voice search getting louder
PPTX
OBC Jun'18
PDF
Getting ready for voice
PDF
Speak To Me: Voice Development Practices
PPTX
A comprehensive guide to conversational interface (CI)
Chatty Devices
Dagan "'Alexa, get me the articles': user experience and voice interfaces in ...
Digital Assistants: Creating Consumer Connections through Voice Search
Speakeasy 04 2017
Speak easy global edition
phoNet.pptx
Speech Recognition
Voice Powered Search, The Future of Marketing - DMF 2018
Introduction to Speech Interfaces for Web Applications
Let's talk about voice
Are you talking to me?
OpenVoice #01 - Maarten Lens-FitzGerald - Are you talking to me
Voice Is Everything
Towards A Spoken Version of Google
AI Assistant Enabled Voice Experiences
Voice search getting louder
OBC Jun'18
Getting ready for voice
Speak To Me: Voice Development Practices
A comprehensive guide to conversational interface (CI)

More from Derrick Fountain (9)

PDF
Hacking Design Sprints
PDF
Multi channel Experiences
PDF
The Invisible Future of Design
PDF
Engineering the Perfect Dress Shirt
PPTX
Al Jazeera at Nokia Press Conference
PPTX
Prioritizing Product Ideas
PPT
The App Explosion in Journalism
PDF
Al Jazeera Global Mobile App Strategy
PPT
Big Ideas for the Small Screen
Hacking Design Sprints
Multi channel Experiences
The Invisible Future of Design
Engineering the Perfect Dress Shirt
Al Jazeera at Nokia Press Conference
Prioritizing Product Ideas
The App Explosion in Journalism
Al Jazeera Global Mobile App Strategy
Big Ideas for the Small Screen

Recently uploaded (20)

PDF
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
PPTX
Custom Battery Pack Design Considerations for Performance and Safety
PDF
Taming the Chaos: How to Turn Unstructured Data into Decisions
PDF
CloudStack 4.21: First Look Webinar slides
PDF
Convolutional neural network based encoder-decoder for efficient real-time ob...
PDF
Enhancing emotion recognition model for a student engagement use case through...
PDF
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
PPT
Galois Field Theory of Risk: A Perspective, Protocol, and Mathematical Backgr...
PDF
Credit Without Borders: AI and Financial Inclusion in Bangladesh
PPTX
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
PPTX
Modernising the Digital Integration Hub
PDF
A contest of sentiment analysis: k-nearest neighbor versus neural network
PDF
Architecture types and enterprise applications.pdf
PDF
Abstractive summarization using multilingual text-to-text transfer transforme...
PPTX
2018-HIPAA-Renewal-Training for executives
PDF
Developing a website for English-speaking practice to English as a foreign la...
PDF
UiPath Agentic Automation session 1: RPA to Agents
PDF
Consumable AI The What, Why & How for Small Teams.pdf
PPT
Geologic Time for studying geology for geologist
PDF
A Late Bloomer's Guide to GenAI: Ethics, Bias, and Effective Prompting - Boha...
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
Custom Battery Pack Design Considerations for Performance and Safety
Taming the Chaos: How to Turn Unstructured Data into Decisions
CloudStack 4.21: First Look Webinar slides
Convolutional neural network based encoder-decoder for efficient real-time ob...
Enhancing emotion recognition model for a student engagement use case through...
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
Galois Field Theory of Risk: A Perspective, Protocol, and Mathematical Backgr...
Credit Without Borders: AI and Financial Inclusion in Bangladesh
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
Modernising the Digital Integration Hub
A contest of sentiment analysis: k-nearest neighbor versus neural network
Architecture types and enterprise applications.pdf
Abstractive summarization using multilingual text-to-text transfer transforme...
2018-HIPAA-Renewal-Training for executives
Developing a website for English-speaking practice to English as a foreign la...
UiPath Agentic Automation session 1: RPA to Agents
Consumable AI The What, Why & How for Small Teams.pdf
Geologic Time for studying geology for geologist
A Late Bloomer's Guide to GenAI: Ethics, Bias, and Effective Prompting - Boha...

Designing for the Spoken Web

  • 2. The spoken web is a way of storing and retrieving information over the Internet using voice. What is the Spoken Web?
  • 3. BAIDU 2004 2006 2007 2009 2012 2013 2015 2016 2017 2020 1 in 10 queries through speech. SIRI 1 billion requests per week through speech. ANDROID 1 in 5 searches on mobile in the US are voice. AMAZON ECHO Fastest selling speaker in 2015. MARY MEEKER In 3 years, 50% of all searches will be through VOICE or images. Mary Meeker Internet Trends 2016 and derrickfountain.com YEOWSA Invented an automatic audio publishing platform. DERRICKFOUNTAIN.COM “The birth of the spoken web” article published. GHANA VOICES 1K listeners in the first week, 428 reports sent. KENYA VOICES 6K total listeners, 602 voice reports. LISTENING APP Tablet app that listens and extracts topics from TV audio. NEWS QUIZ TRT World R&D conversation action for Google Home. SIMPLE READER Simple news app wth voice narrated commuter mode. Spoken Web Growth & Early Adoption VIVO The Coming Age of Talking Computers. NEWS BRIEF TRT World voice narrated daily news summaries. IHT AudioNews personalized Podcast service launched. SYNDOUT Rebranded, added auto publish to podcast and IVR.
  • 4. Written language is a technology invented over 10,000 years ago to solve an information storage and retrieval problem. Writing is a deprecated technology.
  • 5. Typing 1.0 QWERTY Keyboard 1872. Typing 2.0 Commercial use mobile computing 1996. Voice 3.0 Voice on ambient devices 2014. Typing 3.0 Touch based mobile computing 2007. Voice 2.0 Voice on mobile 2011. Writing typing is being replaced by voice. Voice 1.0 IVR and VXML go mainstream 2000. IVR SIRI ALEXA
  • 6. Then and now, from Trees to Actions Voice 3.0 Conversation Interface “Ok Google, start the TRT World Quiz” Voice 1.0 IVR Tree Interface “Please listen carefully, as our menu options have changed.”
  • 7. Voice assistants are used annually by 65% of people in the US. The spoken future has arrived. The 2017 Voice Report, VoiceLabs
  • 8. Recent improvements in the speed and quality of speech recognition makes voice input faster and more convenient than text. Ease of use is changing behavior. Mary Meeker Internet Trends 2016
  • 9. % of Voice Assistant usage annually in the US from 2013-2015 0% 18% 35% 53% 70% 2013 2014 2015 30% 56% 65% Humans can speak almost 4x as fast as they can type Mary Meeker Internet Trends 2016
  • 10. In Jan 2017, 1,000 Amazon Alexa skills were added in 17 days. 0 2.250 4.500 6.750 9.000 May June July Aug Sept Oct Nov Dec Jan 3 Jan 20 voicebot.ai Alexa skills added from 2015-2017
  • 11. The 2017 Voice Report, VoiceLabs The 2017 total addressable market will be 33 million voice-first devices in circulation. 24.5 million voice-first devices will be shipped in 2017. 0 5 10 15 20 25 30 35 MILLIONSOFDEVICES 2014 2015 2016 2017
  • 12. Voice-centered design emerges as a way of designing features, functions, intents and actions triggered by words and phrases. Conversation is the new UI.
  • 13. There will be a Turk in every product or service, intelligently inferring, deciding and acting as an agent on your behalf. The Turks shall inhabit the earth.
  • 14. People don’t buy from websites, people buy from people. Design is human.
  • 15. Keep calm, visual design is not done. Adaptive is the new responsive.
  • 16. Written language is a symbolic representation of spoken language. Break the silence.
  • 17. Contextualize Onboarding • Build onboarding into the messaging before the action starts. • Use the natural language of the target audience. • Direct the user with a clear call-to-action in the intro message. Simplify Interactions • Design for the least amount of effort and voice input. • Each additional prompt for the user translates into decreased retention and engagement. Design for single-purpose • Design purpose-driven and focused intents and actions. • Progressively enhance the experience over time based on data. Be a Good Companion • Design an experience that adds value to a process or activity that people already do. • Build intents and actions that play nicely other parts of your ecosystem. Leverage Game Mechanics • Build a retention core loop through “return” messaging at the beginning and ending of your experience. • Anticipate future opportunities for activating and engaging users across devices. Introducing the TRT World News Quiz game for Google Home Conversation Interface UX Strategy
  • 18. Questions? www.derrickfountain.com Check out early Viewpoints about the Spoken Web at