design antecipatório para projetos zero interface - campus party 2017
TRANSCRIPT
![Page 1: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/1.jpg)
zero interface
Design antecipatório para projetos
![Page 2: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/2.jpg)
Priscilla AlbuquerqueDesigner de Produto (IFSC), especialista em Gestão Estratégica do Design (UNIVALI) e Design Centrado no Usuário (UP), mestranda em Design (UDESC). Diretora de negócios e consultora de UX design na Catarinas.
![Page 3: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/3.jpg)
Júlia GhisiDesigner gráfico (UFSC), especialista em Design Centrado no Usuário (UP), cursando Design de Serviços (UP). Diretora de planejamento de projetos e consultora de UX na Catarinas Design de Interação.
![Page 4: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/4.jpg)
Criamos soluções inteligentes para os
clientes e experiências memoráveis para os usuários!
![Page 5: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/5.jpg)
Serviços
Sites Produtos Interativos
Apps Sistemas
![Page 6: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/6.jpg)
E mais….
Pesquisas com usuários Consultoria Design de
Serviços
![Page 7: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/7.jpg)
COMO PROPICIAR
boas experiências?
![Page 8: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/8.jpg)
Para
Quem?Qual a
Dor?
1.2.
3.Resolver
Como?
![Page 9: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/9.jpg)
1. SABER QUEM SÃO MEUS CLIENTES E USUÁRIOS
![Page 10: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/10.jpg)
Público alvoQuem são ? O usuário e cliente são a mesma persona?Quais as características e limitações?
![Page 11: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/11.jpg)
2. ENTENDER AS DORES DOS CLIENTES E USUÁRIOS
![Page 12: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/12.jpg)
ProblemaQual problema do usuário / cliente meu produto resolve?
![Page 13: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/13.jpg)
3. COMO ATENDER AS NECESSIDADES
![Page 14: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/14.jpg)
SoluçãoSerá que sempre preciso de uma tela ?
Ou não preciso de nenhuma interface para melhorar a solução?
![Page 15: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/15.jpg)
customer journey ≠
user journey
![Page 16: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/16.jpg)
User Journey
É utilizado para a visão específica do usuário navegando dentro do produto.
Qual é a sequência de passos executados pelo seu usuário para atingir determinado objetivo do produto?
![Page 17: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/17.jpg)
Customer Journey
Analisa não somente ao uso de um produto em si, mas aos diversos pontos em que o cliente interage com a empresa.
![Page 18: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/18.jpg)
antes durante depois
Encontra materiais
ricos / posts
Acessa site do produto
Primeiro acesso ao produto
Uso contínuo
Vira um usuário fiel
Recomenda e divulga
user journey
customer journey
![Page 19: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/19.jpg)
![Page 20: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/20.jpg)
![Page 21: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/21.jpg)
![Page 22: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/22.jpg)
![Page 23: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/23.jpg)
![Page 24: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/24.jpg)
![Page 25: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/25.jpg)
![Page 26: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/26.jpg)
![Page 27: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/27.jpg)
![Page 28: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/28.jpg)
“fadiga decisória”
![Page 29: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/29.jpg)
paradoxo da escolha
![Page 30: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/30.jpg)
"Quero libertar minha vida de questões menores para que eu precise tomar o mínimo possível de decisões
sobre qualquer coisa que não seja a melhor maneira de servir essa
comunidade"
Sobre o Mark usar camisa cinza iguais todos os dias...
![Page 31: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/31.jpg)
"Mesmo decisões pequenas do tipo, o que vestir, o que comer no café da manhã,
elas nos cansam e consomem nossa energia."
![Page 32: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/32.jpg)
“Economia da atenção não é apenas conveniência, também melhora a qualidade da tomada de decisões ao eliminar as “micro-decisões”, deixando espaço no cérebro para focar nas escolhas importantes”
![Page 33: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/33.jpg)
Quando você está cansado, você tem mais chances de cometer erros….
![Page 34: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/34.jpg)
![Page 35: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/35.jpg)
| carga cognitivaquantidade de esforço mental utilizado em determinado momentoou tarefa
![Page 36: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/36.jpg)
Maximizar a usabilidade é
minimizar a carga cognitiva
![Page 37: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/37.jpg)
Maximizar a usabilidade é
minimizar a carga cognitiva
e esse é um dos pontos chave do design
antecipatório
![Page 38: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/38.jpg)
design antecipatório
![Page 39: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/39.jpg)
"As melhores decisões serão feitas sem que você tenha que tomá-las, de acordo com suas preferências e objetivos"Aaron Shapiro - CEO Huge
![Page 40: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/40.jpg)
escolhas baseadas no comportamento passado e (prováveis) escolhas futuras
![Page 41: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/41.jpg)
data e hora
conexões sociais
reuniões próximas
previsãotempo
trânsito
serviços inteligentes
Sistemas com habilidade de “conectar os pontos”
![Page 42: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/42.jpg)
atrito
flow
escolha
conveniência
flexibilidade
eficiência
![Page 43: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/43.jpg)
Ao invés de ajudar o usuário / cliente a tomar uma decisão, fazer com que o sistema tome uma decisão por ele.
![Page 44: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/44.jpg)
nesse cenário o papel do designer passa a ser a criação de
ambientes que eliminem as interações passo a passo o
quanto possível para simplificar os processos para as
coisas acontecerem quase que automaticamente
![Page 45: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/45.jpg)
![Page 46: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/46.jpg)
![Page 47: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/47.jpg)
![Page 48: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/48.jpg)
![Page 49: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/49.jpg)
feedback antes (inputs de preferência)
feedback depois (ajustes e refinamentos)
![Page 50: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/50.jpg)
interface
“zero”
![Page 51: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/51.jpg)
The best interface is no interface.Golden krishna
![Page 52: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/52.jpg)
command line
interface
graphicaluser
interface
natural user
interface
![Page 53: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/53.jpg)
“quando as interfaces tornam-se tão naturais a seu
interlocutor e ao ambiente essa interface passa a ser uma extensão da tarefa,
tornando-se de certa forma invisível à percepção”
![Page 55: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/55.jpg)
ubiquidade
![Page 56: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/56.jpg)
como é a interface de pagamento/checkout do Uber?
![Page 57: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/57.jpg)
![Page 58: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/58.jpg)
IoT e a interface zero
![Page 59: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/59.jpg)
![Page 60: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/60.jpg)
informação relevante sobre quase tudo
![Page 61: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/61.jpg)
a grande questão é: como nós (devs, designers e afins) podemos usar essa informação a favor do usuário?
![Page 62: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/62.jpg)
Uma forma:
Pensando nos pontos de contato que temos hoje e como podemos melhorá-los :)
![Page 63: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/63.jpg)
Ouviu falar do app por um amigo
Entrou no googleplay e
baixouFez cadastro
Acessou pela primeira vez
Atendeu o1º cliente
Recebeu o pagamento
Ganhar mais dinheiro
Ter acesso a mais clientes
xxxx Experimentar a eficiência do
produto
Receber com segurançaxxxxx
Fazer ads, blog,
materiais ricos
xxxx Melhorar o onboarding
Destacar os usuários ativos
xxxxGatway de pagamento
seguro
Taxista, 55 anos 99taxi
![Page 64: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/64.jpg)
● Compra passagem ● Recebe email de confirmação● Faz reserva de hospedagem● Recebe email de confirmação● Antes de ir para o aeroporto: localizar
email, imprimir email, faz check in...● Ir para o aeroporto sem se atrasar
Jornada de quem vai viajar...
![Page 65: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/65.jpg)
onde o design antecipatório já está rolando?
![Page 66: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/66.jpg)
Facebook | “Pessoas que talvez você conheça...”
![Page 67: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/67.jpg)
Google Now | “Seu assistente pessoal...”
![Page 68: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/68.jpg)
Waze | “Recalculando rotas...”
![Page 69: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/69.jpg)
Nest | “Na temperatura certa...”
![Page 70: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/70.jpg)
Amazon | “Recomendado para você…”
![Page 71: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/71.jpg)
Spotify | “Descobertas da semana…”
![Page 72: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/72.jpg)
pontos fortes do design antecipatório
![Page 73: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/73.jpg)
redução do custo das escolhas
![Page 74: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/74.jpg)
simplificação das interfaces
![Page 75: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/75.jpg)
melhoria da qualidade na tomada
de decisões
![Page 76: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/76.jpg)
pontos fracos do design antecipatório
![Page 77: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/77.jpg)
pode ser muito restritivo
![Page 78: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/78.jpg)
privacidade dos dados
![Page 79: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/79.jpg)
existem custos psicológicos
![Page 80: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/80.jpg)
designers de umfuturo próximo
![Page 82: Design antecipatório para projetos zero interface - Campus Party 2017](https://reader030.vdocuments.pub/reader030/viewer/2022020213/58ea4f201a28abc4698b641f/html5/thumbnails/82.jpg)
catarinasdesign.com.br/ blogcatarinasdesign.com.br/conteudos
GOSTOU? ACESSE: