SlideShare uma empresa Scribd logo
1 de 58
Baixar para ler offline
[are] You talking to me?
Augusto Rückert
augusto.ruckert@opservices.com.br
ou Como podemos prototipar interfaces conversacionais?
Era noite de sexta-feira,
E eu só queria pedir uma pizza...
Era noite de sexta-feira,
E eu só queria pedir uma pizza...
Sem falar com ninguém
Sem entrar em nenhum site
ou mesmo ligar meu computador
Não… sem aplicativo
Podia ser por Whatsapp, Messenger, Telegram… Slack!
Era noite de sexta-feira,
E eu só queria pedir uma pizza...
Sem falar com ninguém
Sem entrar em nenhum site
ou mesmo ligar meu computador
Não… sem aplicativo
Podia ser por Whatsapp, Messenger, Telegram… Slack!
Não rolou.
Era noite de sexta-feira,
E eu só queria pedir uma pizza...
Sem falar com ninguém
Sem entrar em nenhum site
ou mesmo ligar meu computador
Não… sem aplicativo
Podia ser por Whatsapp, Messenger, Telegram… Slack!
Não rolou.
Interfaces Conversacionais
Fonte: www.slideshare.net/seanjohnson/chatbots-conversational-interfaces-and-the-rise-of-messaging-platforms
bots
chatbots
conversational interfaces
virtual assistants
invisible apps
conversational agents
PONCHO, Is it raining?
Warren comprando na baixa
Um chatbot é um serviço, alimentado
por regras e algumas vezes por
inteligência artificial, que você
interage via uma interface de chat.
- Matt Schlicht, Chatbots Magazine
Um chatbot é um serviço, alimentado
por regras e algumas vezes por
inteligência artificial, que você
interage via uma interface de chat.
- Matt Schlicht, Chatbots Magazine
● Parecem mais pessoais quando comparados a aplicativos
● Mais apropriados para muitas interações
● Disponíveis onde o usuário desejar
So cool...
Fonte: www.slideshare.net/seanjohnson/chatbots-conversational-interfaces-and-the-rise-of-messaging-platforms
Fonte: https://medium.com/@AnaRosenstein/the-botscape-ce7581ae69a2#.sx5wx0q2c
http://www.forbes.com/sites/parmyolson/2016/02/10/kik-bots-messaging-facebook-wechat/#6663819b2571
Before it was cool...
VOCÊ ESTÁ AQUI
Até o Zukita entrou nessa em abril desse ano
Fonte: http://venturebeat.com/2016/04/12/facebook-opens-its-messenger-platform-to-chatbots/
Fonte: https://medium.com/@AnaRosenstein/the-botscape-ce7581ae69a2#.sx5wx0q2c
Text-based
Text-based
TUI = Text-based User Interface
Bú!
Só depois da meia noite ou no final de semana
● Baseados em atividades
● Baseados em objetos
● Baseados em metáforas
Modelo Conceituais
PREECE, ROGERS & SHARP
● Baseados em atividades
○ Instrução
○ Conversação
○ Manipulação e Navegação
○ Exploração e Pesquisa
Modelo Conceituais
PREECE, ROGERS & SHARP
● Baseados em atividades
○ Instrução
○ Conversação
○ Manipulação e Navegação
○ Exploração e Pesquisa
Modelo Conceituais
PREECE, ROGERS & SHARP
Instrução: o usuário instrui o sistema o que deve ser feito
Conversação: o usuário e o sistema conversam
Seria o Slack um IRC hipster?
Slackbot: ele poderia cuidar do seu canal no servidor de IRC no Via-RS...
Mas algumas coisas mudam...
Hibridismo: TUI + GUI
Multiplicidade de plataformas e meios de interação
Invertendo McLuhan
“A mensagem é o meio”
Fonte: https://chatbotsmagazine.com/the-bot-lifecycle-1ff357430db7#.6snj4edo2
Fonte: https://chatbotsmagazine.com/the-bot-lifecycle-1ff357430db7#.6snj4edo2
● Foco: diálogos
● Objetivo: escrever as principais interações e o tom do robô
● Ferramenta: editor de Texto ou IDE à sua escolha
Protótipo #1
Diálogo como protótipo: Caminho Feliz, Recompra, Resgaste
Diálogo como protótipo: Script com possíveis respostas
Aventuras Fantásticas!!! Eu ataco o goblin!!!
Narrativas Não-lineares
● Não seguem ordem cronológica simples
● Múltiplos finais
● Convergente & Paralela: não linear, mas segue uma linhagem única,
com múltiplas linhas que convergem
● Divergente & Ramificada: decisões que levam a outros caminhos,
maior número de finais dependendo das decisões
Narrativa não-linear: Branching
Narrativa não-linear: Parallel Paths
Narrativa não-linear: Threaded
Narrativa não-linear: Dynamic Object-Oriented
Protótipo #2
● Foco: fluxos
● Objetivo: construção dos fluxos de interação e modularização
dos blocos de diálogo
● Ferramenta: Twine 2
Twine 2: Possibilidade de estilização, pequenos javascripts, rápida prototipagem dos fluxos
Twine 2: Possibilidade de estilização, pequenos javascripts, rápida prototipagem dos fluxos
Your bot has to ask for feedback.
Dennis Yang, co-founder of Dashbot
● Menor espaço de tela no mobile
● Perda da identidade visual da empresa
● Ruins para comportamento de busca
● Não tem caráter imersivo
Problemas e peculiaridades
● Para concatenar informações e ações
● Realizar ações específicas: preciso de um estúdio para ensaiar amanhã
às 16h
● Quando conversas são mais interessantes que interfaces
Quando usar chatbots
● Quando googlar a pergunta é mais fácil
● Quando as ações são muito complexas e exigem visibilidade contínua
● Para comportamento de busca e exploração
Quando NÃO usar chatbots
A plataforma restringe/formata a
experiência do usuário
Protótipo #3
● Foco: simulação da experiência na plataforma
● Objetivo: executar o protótipo do bot na aplicação de chat
● Ferramenta: Auxiliar de criação de robôs, como o Wit.ai, Chatfuel
ou Motion.ai
Chatfuel: Gratuito até 10.000 conversações/mês; um tanto limitado ainda
Motion.ai: Gratuito até 1.000 conversações/mês; menos limitado, mas ainda sim longe do ideal
talk with me: @ruckert
Obrigado!

Mais conteúdo relacionado

Destaque

はじめてのiOSアプリデザイン
はじめてのiOSアプリデザインはじめてのiOSアプリデザイン
はじめてのiOSアプリデザインschoowebcampus
 
LEMoRe - A Lifelog Engine for Moments Retrieval at NTCIR-12
LEMoRe - A Lifelog Engine for Moments Retrieval at NTCIR-12LEMoRe - A Lifelog Engine for Moments Retrieval at NTCIR-12
LEMoRe - A Lifelog Engine for Moments Retrieval at NTCIR-12Universitat de Barcelona
 
Gemare Falzarano Resume, Graphic Design, Art Director, Illustrator, Concept, ...
Gemare Falzarano Resume, Graphic Design, Art Director, Illustrator, Concept, ...Gemare Falzarano Resume, Graphic Design, Art Director, Illustrator, Concept, ...
Gemare Falzarano Resume, Graphic Design, Art Director, Illustrator, Concept, ...gfalzarano
 
Uievs studio preview
Uievs studio previewUievs studio preview
Uievs studio previewAdam Connor
 
Camila herramientas para crear carteles
Camila herramientas para crear cartelesCamila herramientas para crear carteles
Camila herramientas para crear cartelesAlexander Guzman
 
도시와 디자인 그리고 칼라-쌍용
도시와 디자인 그리고 칼라-쌍용도시와 디자인 그리고 칼라-쌍용
도시와 디자인 그리고 칼라-쌍용Shinhwa Yi
 
Auditing Multimedia Campaigns -ASI 2008 European Conference - Furlanetto
Auditing Multimedia Campaigns -ASI 2008 European Conference - FurlanettoAuditing Multimedia Campaigns -ASI 2008 European Conference - Furlanetto
Auditing Multimedia Campaigns -ASI 2008 European Conference - FurlanettoPaola Furlanetto
 
резюме_Юрий Федоров
резюме_Юрий Федороврезюме_Юрий Федоров
резюме_Юрий ФедоровRS7987198
 
Автономания
АвтономанияАвтономания
АвтономанияDibar_agency
 
Call for papers ICCBIF 2016
Call for papers ICCBIF 2016Call for papers ICCBIF 2016
Call for papers ICCBIF 2016Jana Kotlebova
 
The miracle of the immune system. english
The miracle of the immune system. englishThe miracle of the immune system. english
The miracle of the immune system. englishHarunyahyaEnglish
 

Destaque (12)

はじめてのiOSアプリデザイン
はじめてのiOSアプリデザインはじめてのiOSアプリデザイン
はじめてのiOSアプリデザイン
 
LEMoRe - A Lifelog Engine for Moments Retrieval at NTCIR-12
LEMoRe - A Lifelog Engine for Moments Retrieval at NTCIR-12LEMoRe - A Lifelog Engine for Moments Retrieval at NTCIR-12
LEMoRe - A Lifelog Engine for Moments Retrieval at NTCIR-12
 
Gemare Falzarano Resume, Graphic Design, Art Director, Illustrator, Concept, ...
Gemare Falzarano Resume, Graphic Design, Art Director, Illustrator, Concept, ...Gemare Falzarano Resume, Graphic Design, Art Director, Illustrator, Concept, ...
Gemare Falzarano Resume, Graphic Design, Art Director, Illustrator, Concept, ...
 
Uievs studio preview
Uievs studio previewUievs studio preview
Uievs studio preview
 
Focused social-media
Focused social-mediaFocused social-media
Focused social-media
 
Camila herramientas para crear carteles
Camila herramientas para crear cartelesCamila herramientas para crear carteles
Camila herramientas para crear carteles
 
도시와 디자인 그리고 칼라-쌍용
도시와 디자인 그리고 칼라-쌍용도시와 디자인 그리고 칼라-쌍용
도시와 디자인 그리고 칼라-쌍용
 
Auditing Multimedia Campaigns -ASI 2008 European Conference - Furlanetto
Auditing Multimedia Campaigns -ASI 2008 European Conference - FurlanettoAuditing Multimedia Campaigns -ASI 2008 European Conference - Furlanetto
Auditing Multimedia Campaigns -ASI 2008 European Conference - Furlanetto
 
резюме_Юрий Федоров
резюме_Юрий Федороврезюме_Юрий Федоров
резюме_Юрий Федоров
 
Автономания
АвтономанияАвтономания
Автономания
 
Call for papers ICCBIF 2016
Call for papers ICCBIF 2016Call for papers ICCBIF 2016
Call for papers ICCBIF 2016
 
The miracle of the immune system. english
The miracle of the immune system. englishThe miracle of the immune system. english
The miracle of the immune system. english
 

Semelhante a Are you talking to me

Projetando Mobile
Projetando MobileProjetando Mobile
Projetando MobiledevMob
 
Principles and best practices of Product Design
Principles and best practices of Product DesignPrinciples and best practices of Product Design
Principles and best practices of Product DesignProduct School
 
Testes de usabilidade em protótipo - quando fazer e o que você descobre em ca...
Testes de usabilidade em protótipo - quando fazer e o que você descobre em ca...Testes de usabilidade em protótipo - quando fazer e o que você descobre em ca...
Testes de usabilidade em protótipo - quando fazer e o que você descobre em ca...Elisa Volpato
 
Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Horácio Soares
 
Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Bruno Fernandes "PorKaria"
 
Oficina De Web 2.0 Versao 2
Oficina De Web 2.0 Versao 2Oficina De Web 2.0 Versao 2
Oficina De Web 2.0 Versao 2Raul Oliveira
 
Scraping for fun and glory
Scraping for fun and gloryScraping for fun and glory
Scraping for fun and gloryitalomaia
 
Protótipos mobile na prática
Protótipos mobile na práticaProtótipos mobile na prática
Protótipos mobile na práticaRichard Jesus
 
Meetup: Cultura de UX – Ladies That UX Florianópolis
Meetup: Cultura de UX – Ladies That UX FlorianópolisMeetup: Cultura de UX – Ladies That UX Florianópolis
Meetup: Cultura de UX – Ladies That UX FlorianópolisLadies That UX Florianópolis
 
1, 2, 3 e já estamos com um chatbot funcionando: Rápido assim
1, 2, 3 e já estamos com um chatbot funcionando: Rápido assim1, 2, 3 e já estamos com um chatbot funcionando: Rápido assim
1, 2, 3 e já estamos com um chatbot funcionando: Rápido assimArrayOf.io
 
Oficina Python: Hackeando a Web com Python 3
Oficina Python: Hackeando a Web com Python 3Oficina Python: Hackeando a Web com Python 3
Oficina Python: Hackeando a Web com Python 3Marcel Caraciolo
 
Lidando com Equipes de Desenvolvimento
Lidando com Equipes de DesenvolvimentoLidando com Equipes de Desenvolvimento
Lidando com Equipes de Desenvolvimento4Soft
 
Scraping for fun and glory annotated
Scraping for fun and glory annotatedScraping for fun and glory annotated
Scraping for fun and glory annotateditalomaia
 
Protótipos Mobile na Prática
Protótipos Mobile na PráticaProtótipos Mobile na Prática
Protótipos Mobile na PráticaMergo
 
Desenvolvendo Aplicativos Sociais
Desenvolvendo Aplicativos SociaisDesenvolvendo Aplicativos Sociais
Desenvolvendo Aplicativos SociaisJorge Moisés Assis
 
Launchpad Build-BH - Migrando para um mundo material
Launchpad Build-BH - Migrando para um mundo materialLaunchpad Build-BH - Migrando para um mundo material
Launchpad Build-BH - Migrando para um mundo materialAna Paula Batista
 
Desenvolvimento de Bots com Inteligência Artificial
Desenvolvimento de Bots com Inteligência ArtificialDesenvolvimento de Bots com Inteligência Artificial
Desenvolvimento de Bots com Inteligência ArtificialGustavo Castro
 
Artefatos para a escrita de conteúdos conversacionais
Artefatos para a escrita de conteúdos conversacionaisArtefatos para a escrita de conteúdos conversacionais
Artefatos para a escrita de conteúdos conversacionaisMergo
 

Semelhante a Are you talking to me (20)

Desenvolvendo chatbots mesmo sem saber codar!
Desenvolvendo chatbots mesmo sem saber codar! Desenvolvendo chatbots mesmo sem saber codar!
Desenvolvendo chatbots mesmo sem saber codar!
 
Projetando Mobile
Projetando MobileProjetando Mobile
Projetando Mobile
 
Principles and best practices of Product Design
Principles and best practices of Product DesignPrinciples and best practices of Product Design
Principles and best practices of Product Design
 
Testes de usabilidade em protótipo - quando fazer e o que você descobre em ca...
Testes de usabilidade em protótipo - quando fazer e o que você descobre em ca...Testes de usabilidade em protótipo - quando fazer e o que você descobre em ca...
Testes de usabilidade em protótipo - quando fazer e o que você descobre em ca...
 
Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012
 
Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011
 
Oficina De Web 2.0 Versao 2
Oficina De Web 2.0 Versao 2Oficina De Web 2.0 Versao 2
Oficina De Web 2.0 Versao 2
 
Scraping for fun and glory
Scraping for fun and gloryScraping for fun and glory
Scraping for fun and glory
 
Protótipos mobile na prática
Protótipos mobile na práticaProtótipos mobile na prática
Protótipos mobile na prática
 
Meetup: Cultura de UX – Ladies That UX Florianópolis
Meetup: Cultura de UX – Ladies That UX FlorianópolisMeetup: Cultura de UX – Ladies That UX Florianópolis
Meetup: Cultura de UX – Ladies That UX Florianópolis
 
1, 2, 3 e já estamos com um chatbot funcionando: Rápido assim
1, 2, 3 e já estamos com um chatbot funcionando: Rápido assim1, 2, 3 e já estamos com um chatbot funcionando: Rápido assim
1, 2, 3 e já estamos com um chatbot funcionando: Rápido assim
 
Oficina Python: Hackeando a Web com Python 3
Oficina Python: Hackeando a Web com Python 3Oficina Python: Hackeando a Web com Python 3
Oficina Python: Hackeando a Web com Python 3
 
Lidando com Equipes de Desenvolvimento
Lidando com Equipes de DesenvolvimentoLidando com Equipes de Desenvolvimento
Lidando com Equipes de Desenvolvimento
 
Scraping for fun and glory annotated
Scraping for fun and glory annotatedScraping for fun and glory annotated
Scraping for fun and glory annotated
 
Protótipos Mobile na Prática
Protótipos Mobile na PráticaProtótipos Mobile na Prática
Protótipos Mobile na Prática
 
Desenvolvendo Aplicativos Sociais
Desenvolvendo Aplicativos SociaisDesenvolvendo Aplicativos Sociais
Desenvolvendo Aplicativos Sociais
 
Launchpad Build-BH - Migrando para um mundo material
Launchpad Build-BH - Migrando para um mundo materialLaunchpad Build-BH - Migrando para um mundo material
Launchpad Build-BH - Migrando para um mundo material
 
Desenvolvimento de Bots com Inteligência Artificial
Desenvolvimento de Bots com Inteligência ArtificialDesenvolvimento de Bots com Inteligência Artificial
Desenvolvimento de Bots com Inteligência Artificial
 
Artefatos para a escrita de conteúdos conversacionais
Artefatos para a escrita de conteúdos conversacionaisArtefatos para a escrita de conteúdos conversacionais
Artefatos para a escrita de conteúdos conversacionais
 
Messenger chatbots with Node.js
Messenger chatbots with Node.jsMessenger chatbots with Node.js
Messenger chatbots with Node.js
 

Mais de Augusto Rückert

Definindo métricas para seu produto
Definindo métricas para seu produtoDefinindo métricas para seu produto
Definindo métricas para seu produtoAugusto Rückert
 
Faz sentido isso que estamos fazendo?
Faz sentido isso que estamos fazendo?Faz sentido isso que estamos fazendo?
Faz sentido isso que estamos fazendo?Augusto Rückert
 
Valide no papel: Prototipagem e testes de interfaces mobile - versão 2
Valide no papel: Prototipagem e testes de interfaces mobile - versão 2Valide no papel: Prototipagem e testes de interfaces mobile - versão 2
Valide no papel: Prototipagem e testes de interfaces mobile - versão 2Augusto Rückert
 
Histórias de usuários - Declaração de valor
Histórias de usuários - Declaração de valorHistórias de usuários - Declaração de valor
Histórias de usuários - Declaração de valorAugusto Rückert
 
Mudanças no scrum guide (julho/2016)
Mudanças no scrum guide (julho/2016)Mudanças no scrum guide (julho/2016)
Mudanças no scrum guide (julho/2016)Augusto Rückert
 
Valide no Papel: Prototipagem e testes de interfaces mobile
Valide no Papel: Prototipagem e testes de interfaces mobileValide no Papel: Prototipagem e testes de interfaces mobile
Valide no Papel: Prototipagem e testes de interfaces mobileAugusto Rückert
 
Introdução à experiência do usuário
Introdução à experiência do usuárioIntrodução à experiência do usuário
Introdução à experiência do usuárioAugusto Rückert
 
Protótipos em svg+javascript
Protótipos em svg+javascriptProtótipos em svg+javascript
Protótipos em svg+javascriptAugusto Rückert
 
Hack In Poa - Globo.com - 2015
Hack In Poa - Globo.com - 2015Hack In Poa - Globo.com - 2015
Hack In Poa - Globo.com - 2015Augusto Rückert
 

Mais de Augusto Rückert (11)

Definindo métricas para seu produto
Definindo métricas para seu produtoDefinindo métricas para seu produto
Definindo métricas para seu produto
 
Faz sentido isso que estamos fazendo?
Faz sentido isso que estamos fazendo?Faz sentido isso que estamos fazendo?
Faz sentido isso que estamos fazendo?
 
Backlog não é bagunça
Backlog não é bagunçaBacklog não é bagunça
Backlog não é bagunça
 
Valide no papel: Prototipagem e testes de interfaces mobile - versão 2
Valide no papel: Prototipagem e testes de interfaces mobile - versão 2Valide no papel: Prototipagem e testes de interfaces mobile - versão 2
Valide no papel: Prototipagem e testes de interfaces mobile - versão 2
 
Ágil para quem quiser
Ágil para quem quiserÁgil para quem quiser
Ágil para quem quiser
 
Histórias de usuários - Declaração de valor
Histórias de usuários - Declaração de valorHistórias de usuários - Declaração de valor
Histórias de usuários - Declaração de valor
 
Mudanças no scrum guide (julho/2016)
Mudanças no scrum guide (julho/2016)Mudanças no scrum guide (julho/2016)
Mudanças no scrum guide (julho/2016)
 
Valide no Papel: Prototipagem e testes de interfaces mobile
Valide no Papel: Prototipagem e testes de interfaces mobileValide no Papel: Prototipagem e testes de interfaces mobile
Valide no Papel: Prototipagem e testes de interfaces mobile
 
Introdução à experiência do usuário
Introdução à experiência do usuárioIntrodução à experiência do usuário
Introdução à experiência do usuário
 
Protótipos em svg+javascript
Protótipos em svg+javascriptProtótipos em svg+javascript
Protótipos em svg+javascript
 
Hack In Poa - Globo.com - 2015
Hack In Poa - Globo.com - 2015Hack In Poa - Globo.com - 2015
Hack In Poa - Globo.com - 2015
 

Are you talking to me