SlideShare ist ein Scribd-Unternehmen logo
1 von 16
DESIGN FOR VOICE
O V E R V I E W
H O W T O A P P R O A C H V O I C E I N T E R F A C E S
Laura Klein
Author, Design for Voice Interfaces
“Think of voice interfaces as a
conversation, and, as the designer,
you’re responsible for ensuring that both
sides of that conversation work well”
Machines recognise inputs likes sounds, words or
phrases in many languages.
Machines understand the meaning of the words and
respond appropriately.
TECH CHALLENGES
VOICE INPUT
Recognition
Understanding
© Amazon inc
Graphical User interface
VUIGUI
Voice user interface
© Amazon inc
Don't break linguistic rules. The best
voice interfaces make the user feel like
he’s having a perfectly normal dialog.
Conversational skills
How to improve
Linguistic Rules
Keep every conversation as short as
possible. Don't be too chatty, but short
and direct.
Duration
Is your voice assistant funny? sad?
optimistic? Choose what is the best
personality, different voices have
different effects on people.
Personality
Design for
voice interfaces
Discoverability
Predictability
Accessibility
Visibility of the system
Flexibility
Privacy
01.
02.
03.
04.
05.
06.
Visual interfaces can give the user explicit choices.
Voice interfaces need to be
proactive and let user to discover
features.
One critical aspect is the memory load, for visual
interfaces showing users things they can recognize
improves usability but for voice interfaces users need
to recall information.
DISCOVERABILITY
VOICE INTERFACE01.
© Netflix
Siri needs to understand the input and after choose
how to answer (by a message, by voice or launching
an app).
Designers need to work with
more scenarios because the
unpredictability of the input
and the uncertainty of the
output.
PREDICTABILITY
VOICE INTERFACE02.
© Apple
Consider hands-free scenarios, not only for disabilities
but for all the times that an user is not able to interact
or control a device. (e.g: driving, cooking).
The environment in which the
interaction happen can have a
huge impact on accessibility.
The system must be concise and the user should
control the pace of the interaction.
ACCESSIBILITY
VOICE INTERFACE03.
ARTIFICIAL POWER
Before to take action users need to understand to
status of the system especially for shared products
(e.g. home automation products, thermostats, Lights
bulbs, etc.).
The system should always keep
users informed about what is
going on.
VISIBILITY
VOICE INTERFACE04.
© Nest
A single action like:
"Alexa, add milk to shopping list"
is easy and quick, but several actions of the same type
are repetitive and time consuming.
Voice interfaces are useful if they
can simplify something that
would otherwise take six or eight
taps.
FLEXIBILITY
VOICE INTERFACE05.
ARTIFICIAL POWER
Well-designed voice interfaces should always have a
fall back input method for any sensitive information.
Consider private information and
predicting the context in which
that information will be used.
PRIVACY
VOICE INTERFACE06.
ARTIFICIAL POWERARTIFICIAL POWER
Pure voice commands can be used in
finite-state interaction, when the
system understand and immediately
execute the command.
Multimodal interface
Design for
Voice
Visual commands are useful for
interactions that require negotiations,
big amount of input or things that are
hard to explain but easy to understand
visually.
Visual
Combine Voice for input and Visual
for output or vice-versa.
It’s important to understand how to
combine different tasks in a effective
way.
Hybrid
K. Whitenton
Nielsen Norman Group
“No matter how different the
technology, the people who are using it
haven’t changed.”
Design for Voice Interfaces
http://www.oreilly.com/design/free/design-for-voice-interfaces.csp
SOURCES
Basic principles for designing voice user interfaces
https://www.oreilly.com/ideas/basic-principles-for-designing-voice-user-interfaces
Designing for voice differs from traditional UX
https://techcrunch.com/2016/08/21/designing-for-voice-differs-from-traditional-ux/
Voice Interaction UX: Brave New World...Same Old Story
https://www.nngroup.com/articles/voice-interaction-ux/
T H A N K Y O U
@lameraluca
lucalamera

Weitere ähnliche Inhalte

Andere mochten auch

Voice Driven User Interface Design
Voice Driven User Interface DesignVoice Driven User Interface Design
Voice Driven User Interface DesignEngine Neer
 
Use Cases for Voice User Interface
Use Cases for Voice User InterfaceUse Cases for Voice User Interface
Use Cases for Voice User InterfaceStefan Ostwald
 
Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
 Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI worldStephen Gay
 
21 Periscope Tips for Winning Broadcasts
21 Periscope Tips for Winning Broadcasts21 Periscope Tips for Winning Broadcasts
21 Periscope Tips for Winning BroadcastsDonna Moritz
 
Apple Search Ads - App Promotion Summit Berlin 2016
Apple Search Ads - App Promotion Summit Berlin 2016Apple Search Ads - App Promotion Summit Berlin 2016
Apple Search Ads - App Promotion Summit Berlin 2016ThomasBCN
 
[114]angularvs react 김훈민손찬욱
[114]angularvs react 김훈민손찬욱[114]angularvs react 김훈민손찬욱
[114]angularvs react 김훈민손찬욱NAVER D2
 
SCIENCE AND JAINISM RELATIONS
SCIENCE AND JAINISM RELATIONSSCIENCE AND JAINISM RELATIONS
SCIENCE AND JAINISM RELATIONSmehtavikas99
 
Projet ATOUTS Numériques II - MACRON Aubenas
Projet ATOUTS Numériques II - MACRON AubenasProjet ATOUTS Numériques II - MACRON Aubenas
Projet ATOUTS Numériques II - MACRON AubenasCYB@RDECHE
 

Andere mochten auch (12)

Voice Driven User Interface Design
Voice Driven User Interface DesignVoice Driven User Interface Design
Voice Driven User Interface Design
 
Use Cases for Voice User Interface
Use Cases for Voice User InterfaceUse Cases for Voice User Interface
Use Cases for Voice User Interface
 
Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
 Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
 
Culture
CultureCulture
Culture
 
21 Periscope Tips for Winning Broadcasts
21 Periscope Tips for Winning Broadcasts21 Periscope Tips for Winning Broadcasts
21 Periscope Tips for Winning Broadcasts
 
Cuencaenamora 2015 Presentación FITUR
Cuencaenamora 2015 Presentación FITUR Cuencaenamora 2015 Presentación FITUR
Cuencaenamora 2015 Presentación FITUR
 
Apple Search Ads - App Promotion Summit Berlin 2016
Apple Search Ads - App Promotion Summit Berlin 2016Apple Search Ads - App Promotion Summit Berlin 2016
Apple Search Ads - App Promotion Summit Berlin 2016
 
Monográfico Cómo Aplicar Tendencias
Monográfico Cómo Aplicar TendenciasMonográfico Cómo Aplicar Tendencias
Monográfico Cómo Aplicar Tendencias
 
PPT iSGLT2 EN OBESIDAD Y DM2
PPT iSGLT2 EN OBESIDAD Y DM2PPT iSGLT2 EN OBESIDAD Y DM2
PPT iSGLT2 EN OBESIDAD Y DM2
 
[114]angularvs react 김훈민손찬욱
[114]angularvs react 김훈민손찬욱[114]angularvs react 김훈민손찬욱
[114]angularvs react 김훈민손찬욱
 
SCIENCE AND JAINISM RELATIONS
SCIENCE AND JAINISM RELATIONSSCIENCE AND JAINISM RELATIONS
SCIENCE AND JAINISM RELATIONS
 
Projet ATOUTS Numériques II - MACRON Aubenas
Projet ATOUTS Numériques II - MACRON AubenasProjet ATOUTS Numériques II - MACRON Aubenas
Projet ATOUTS Numériques II - MACRON Aubenas
 

Mehr von Luca Lamera

Anticipatory Design
Anticipatory DesignAnticipatory Design
Anticipatory DesignLuca Lamera
 
Smart home evolution
Smart home evolutionSmart home evolution
Smart home evolutionLuca Lamera
 
Smart Home Evolution
Smart Home EvolutionSmart Home Evolution
Smart Home EvolutionLuca Lamera
 
Intangible design
Intangible designIntangible design
Intangible designLuca Lamera
 
Boost productivity
Boost productivityBoost productivity
Boost productivityLuca Lamera
 

Mehr von Luca Lamera (6)

Anticipatory Design
Anticipatory DesignAnticipatory Design
Anticipatory Design
 
Smart home evolution
Smart home evolutionSmart home evolution
Smart home evolution
 
Smart Home Evolution
Smart Home EvolutionSmart Home Evolution
Smart Home Evolution
 
Intangible design
Intangible designIntangible design
Intangible design
 
Boost productivity
Boost productivityBoost productivity
Boost productivity
 
Ux maturity
Ux maturityUx maturity
Ux maturity
 

Kürzlich hochgeladen

Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 

Kürzlich hochgeladen (20)

Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 

Design for voice

  • 1. DESIGN FOR VOICE O V E R V I E W H O W T O A P P R O A C H V O I C E I N T E R F A C E S
  • 2. Laura Klein Author, Design for Voice Interfaces “Think of voice interfaces as a conversation, and, as the designer, you’re responsible for ensuring that both sides of that conversation work well”
  • 3. Machines recognise inputs likes sounds, words or phrases in many languages. Machines understand the meaning of the words and respond appropriately. TECH CHALLENGES VOICE INPUT Recognition Understanding © Amazon inc
  • 4. Graphical User interface VUIGUI Voice user interface © Amazon inc
  • 5. Don't break linguistic rules. The best voice interfaces make the user feel like he’s having a perfectly normal dialog. Conversational skills How to improve Linguistic Rules Keep every conversation as short as possible. Don't be too chatty, but short and direct. Duration Is your voice assistant funny? sad? optimistic? Choose what is the best personality, different voices have different effects on people. Personality
  • 6. Design for voice interfaces Discoverability Predictability Accessibility Visibility of the system Flexibility Privacy 01. 02. 03. 04. 05. 06.
  • 7. Visual interfaces can give the user explicit choices. Voice interfaces need to be proactive and let user to discover features. One critical aspect is the memory load, for visual interfaces showing users things they can recognize improves usability but for voice interfaces users need to recall information. DISCOVERABILITY VOICE INTERFACE01. © Netflix
  • 8. Siri needs to understand the input and after choose how to answer (by a message, by voice or launching an app). Designers need to work with more scenarios because the unpredictability of the input and the uncertainty of the output. PREDICTABILITY VOICE INTERFACE02. © Apple
  • 9. Consider hands-free scenarios, not only for disabilities but for all the times that an user is not able to interact or control a device. (e.g: driving, cooking). The environment in which the interaction happen can have a huge impact on accessibility. The system must be concise and the user should control the pace of the interaction. ACCESSIBILITY VOICE INTERFACE03. ARTIFICIAL POWER
  • 10. Before to take action users need to understand to status of the system especially for shared products (e.g. home automation products, thermostats, Lights bulbs, etc.). The system should always keep users informed about what is going on. VISIBILITY VOICE INTERFACE04. © Nest
  • 11. A single action like: "Alexa, add milk to shopping list" is easy and quick, but several actions of the same type are repetitive and time consuming. Voice interfaces are useful if they can simplify something that would otherwise take six or eight taps. FLEXIBILITY VOICE INTERFACE05. ARTIFICIAL POWER
  • 12. Well-designed voice interfaces should always have a fall back input method for any sensitive information. Consider private information and predicting the context in which that information will be used. PRIVACY VOICE INTERFACE06. ARTIFICIAL POWERARTIFICIAL POWER
  • 13. Pure voice commands can be used in finite-state interaction, when the system understand and immediately execute the command. Multimodal interface Design for Voice Visual commands are useful for interactions that require negotiations, big amount of input or things that are hard to explain but easy to understand visually. Visual Combine Voice for input and Visual for output or vice-versa. It’s important to understand how to combine different tasks in a effective way. Hybrid
  • 14. K. Whitenton Nielsen Norman Group “No matter how different the technology, the people who are using it haven’t changed.”
  • 15. Design for Voice Interfaces http://www.oreilly.com/design/free/design-for-voice-interfaces.csp SOURCES Basic principles for designing voice user interfaces https://www.oreilly.com/ideas/basic-principles-for-designing-voice-user-interfaces Designing for voice differs from traditional UX https://techcrunch.com/2016/08/21/designing-for-voice-differs-from-traditional-ux/ Voice Interaction UX: Brave New World...Same Old Story https://www.nngroup.com/articles/voice-interaction-ux/
  • 16. T H A N K Y O U @lameraluca lucalamera