Neste workshop os participantes aprenderam os conceitos básicos de Design Centrado no Usuário (UCD), além de treinar o pensamento de construção de produto centrado nas necessidades das pessoas.
[ISA'17] Diário de Uso Digital - Mapeando as impressões e avaliações dos usuá...
[TDC'16] UX para Profissionais de Negócios
1. UX + BIZ
User Experience para
Profissionais de Negócios
Noções de pesquisa centrada no usuário
para o desenvolvimento de produtos digitais.
Outubro/2016
2. SUMÁRIO Design Centrado no Usuário
Pesquisando sobre as necessidades das pessoas
Conceitos de UX
Um pouco de teoria sobre o assunto
Processos de UX
Aplicações de métodos e técnicas no produto
UX + BIZ
3. O que significa Experiência
do Usuário (UX) para mim,
através de 3 a 5 palavras-
chave.
7 minutos
DINÂMICA
6. “
Experiências são compradas?
Esqueça o carro novo ou aquele celular
bacana. Novas pesquisas comprovam:
investir nos bons momentos da vida traz
mais felicidade.
• Revista Época, Jan/2015.
8. Experiências sem consumidores?
“Muito nos surpreendeu a ausência da
indicação de instituição que represente os
consumidores beneficiários de planos de
saúde, justamente a parte mais fraca e
interessada no tema.
9. A história começa mais ou menos assim...
CLIENTE:
Nós queremos levar nosso produto para um novo patamar. Queremos
encantar nossos clientes, através da criação de experiências incríveis!
Eles devem gostar tanto que vão passar a amar nossos produtos/serviços!
10. UX EXPERT:
Ok, que tal começarmos com seus usuários… quem são eles?
O que eles querem resolver/usufruir quando procuram seus produtos?
Quais barreiras que eles encontram, quando utilizam o seu produto?
Que tal chamarmos alguns usuários, entrevistá-los e depois…
CLIENTE:
Seria bem legal fazer isso, mas pesquisas demoram muito!
Que tal fazermos algo rápido agora e depois vemos esses detalhes?
17. Definição Formal
Experiência do usuário inclui todas as emoções, crenças,
preferências, percepções, respostas físicas e psicológicas,
comportamentos e realizações do usuário que ocorrem
antes, durante e após o uso.
– ISO 9241-210.
“
”
18. Definição Prática
A maioria das pessoas acredita que User Experience é
somente encontrar a melhor solução para os seus usuários
– mas não é. UX trata sobre definir o problema que precisa
ser resolvido (o porquê), definir para quem esse problema
precisa ser resolvido (o quem), e definir o caminho que
deve ser percorrido para resolvê-lo (o como).
– Whitney Heys, 2010.
“
”
19. UX + BIZ
O papel do
Design Centrado
no Usuário
• Wiki4desmicroc
20. O paradigma do paciente e o médico
PACIENTE:
Doutor, estou com muitas dores de cabeça, na barriga e falta de apetite.
Poderia, por favor, me receitar alguma medicação para isso?
MÉDICO:
Ok, tenha calma meu senhor. Vou lhe receitar um analgésico, pois isso é
apenas uma virose!
21. O paradigma do paciente e o médico
PACIENTE:
Doutor, estou com muitas dores de cabeça, na barriga e falta de apetite.
Poderia, por favor, me receitar alguma medicação para isso?
MÉDICO:
Ok, tenha calma meu senhor. Vou lhe receitar um analgésico, porém isso
é apenas um paliativo. Precisamos fazer alguns exames para ter certeza
da causa dos seus problemas...
22. Design Centrado no Usuário (UCD)
Foco no Usuário, Avaliação Empírica e Design Iterativo
PESQ
U
ISA DESI
GN
DESENVO
LVIMENTO
VALID
AÇÃO
Processo Original
HIPÓTESE
PROTÓTIPO
FEE
DBACK
Processo Lean
24. As camadas de um produto digital
• Garret, J. 2010
A estratégia é composta das necessidades dos usuários
e dos objetivos do produto/serviço que será projetado.
O escopo é o conjunto de características, funcionalidades
e requisitos do produto/serviços que será projetado.
A estrutura define a hierarquia da informação, dos elementos
e da navegação, além das categorias dos elementos.
O esqueleto é projetado para otimizar o arranjo, o acesso e as
interações com os elementos gráficos, para a máxima eficiência.
Composição dos elementos gráficos, em conjunto com escopo
e a identidade visual do produto ou marca pré-estabelecida.
25. Monte a sua percepção das
camadas do produto/serviço
que está ou esteve envolvido
recentemente.
12 minutos
DINÂMICA
26. As camadas de um produto digital
(composição visual e narrativa)
+ Design Visual
(interações e feedbacks)
+ Design de Interação
(conteúdo, hierarquias e navegação)
+ Arquitetura de Informação
(requisitos e funcionalidades)
+ Arquitetura de Informação
(investigar necessidades)
+ Pesquisas de Inovação
29. Descreva uma ação sua
em um projeto/produto
que lhe ajudou a ter
maior entendimento
do core do produto.
10min. dinâmica
DINÂMICA
30. Acessibilidade
Arquitetura de informação
Inventário de conteúdo
Fluxo de Tarefas
Guia de Estilos
Interações & Transições
Layouts diversos
Tratamento de erros
Criação Avaliação
Análise de dados
• heatmap
• métricas
Feedback de usuários
Definição de KPIs
Testes A/B
Teste de Usabilidade
Pesquisa
e Análise
Análise competitiva
Análise de dados
• eyetracking
Análise de Tarefa
Avaliação Heurística
Card sorting
Cenários & Personas
Diagrama de afinidades
Investigação contextual
Questionários
Exploração
Avaliação cooperativa
Diário de Uso
Entrevistas estruturadas
Jornada do Usuário
Prototipagem
Observação sistemática
Service Blueprint
Sketching & Storyboarding
32. Métodos e Técnicas
de Pesquisa
Atitudinal Comportamental
Qualitativo
Quantitativo
• diary study
• card sorting
• user surveys
• data mining
analysis
• usability test
guerrilha
• A/B test
• focus group
• user interviews
• CRM analysis
• heatmap
• contextual
inquiry
• usability test
online
• Adaptado Rohrer, C. 2008. Yaar, Z. 2010.
• benchmarking
• análise competitiva
33. Atitudinal Comportamental
Qualitativo
Quantitativo
• diary study
• card sorting
• user surveys
• data mining
analysis
• usability test
”guerrilha”
• A/B test
• focus group
• user interviews
• CRM analysis
• heatmap
• contextual
inquiry
• usability test
online
• Adaptado Rohrer, C. 2008. Yaar, Z. 2010.
Mapeamento
prévio da CS
• análise competitiva
• benchmarking
34. Questionário online
Gostaria de obter mais informações sobre como as
pessoas vêem o meu tipo de serviço. Frustrações,
dificuldades, oportunidades de melhoria, exemplos
de sucesso.
SITUAÇÃO
você pode fazer um…
35. Análise de heat map
Gostaria de saber onde as pessoas mais interagem
na página inicial do meu site, com o intuito de
melhorar o engajamento e a conversão.
você pode fazer um…
SITUAÇÃO
36. Público: 5k (visitantes únicos)
Tempo: variável
Tipo de dado: quantitativo
Resultado:
Prévia dos recursos mais
utilizados e comentários
dos usuários.
Busca – Portal Estácio (interações)
Exemplo de aplicação
Microsurvey + Heatmap
38. Card sorting
Preciso saber se meus usuários entendem os termos
que usamos em nosso segmento de mercado.
Gostaria de entender como os usuários organizariam
as seções do meu site, para poder montar a estrutura
de navegação.
você pode fazer um…
SITUAÇÃO I
SITUAÇÃO II
39. expertise
Público: 3 grupos (4 pessoas)
Tempo: 3 tardesTipo de
dado: qualitativo
Resultado:
Entendimento sobre como as
pessoas percebem o seguro
como produto e serviço.
Empresa de Seguros
Exemplo de aplicação
Card sorting
40.
41. Homepage – Portal Estácio (menu e navegação)
Exemplo de aplicação
Público: 25 internos 5 alunos
Tempo: 5D execução 2D de
análise de resultados.
Tipo de dado: quanti e quali
Resultado:
Melhorar a lógica de
navegação das categorias
do website.
Card sorting online
42. Teste de usabilidade
Preciso saber se minha ideia faz sentido para as
pessoas que tem o problema que estou querendo
resolver.
Desenvolvi minha ideia e gostaria de saber, junto ao
meu público-alvo, se ela é fácil de usar.
você pode fazer um…
SITUAÇÃO I
SITUAÇÃO II
43. Teste de Usabilidade
Público: 20 pessoas
Tempo: 10 dias
Tipo de dado: qualitativo
Resultado:
Feedbacks de usuários
dentro do perfil trouxeram
insights e demanda de
melhorias para a POC*.
Conceito de App PF
Exemplo de aplicação
*Proof of Concept
45. Mapa da jornada do usuário
Gostaria de analisar melhor os pontos de contato,
emoções e contextos que os usuários experimentam
enquanto usam meu serviço/produto, a partir de
informações previamente coletadas.
você pode fazer um…
SITUAÇÃO
46. Diagrama de afinidade
Preciso analisar conceitos (problemas, ideias,
sugestões etc), que recebi dos meus usuários, para
através disso propor soluções mais assertivas.
você pode fazer um…
SITUAÇÃO
47. Reunam-se em grupos e
criem categorias para as
palavras-chave escritas
no começo da sessão.
12min. dinâmica
DINÂMICA
48. Design como mindset;
O que gostaríamos que vocês
lembrassem disso tudo?
Definir melhor o problema;
Para quem e como vamos resolver.
49. Referências bibliográficas
COOPER, Alan et al. About Face: The essentials of interaction design. 4º ed. Indiana: Wiley Publishing, 2014.
DUHIGG, Charles. O Poder do Hábito: por que fazemos o que fazemos na vida e nos negócios. 1º ed. Rio de Janeiro: Objetiva, 2012.
GARRETT, James J. The Elements of User Experience: User-Centered Design for the Web and Beyond. 2º ed. New York: New Riders, 2011.
MARTIN, B. HANINGTON, B. Universal Methods of Design: 100 Ways to Research Complex problems. California: Rockport publishers, 2012.
MORVILLE, Peter. ROSENFELD, Louis. Information Architecture for the World Wide Web. 4º ed. California: O’Reilly Media, 2015.
McCARTHY, John. P. Technology as Experience. Massachusetts: The MIT Press, 2004.
NIR, Eyal. Hooked – How to build habit-forming products. 1º ed. New York: Penguin, 2014.
NORMAN, Don. The Design of Everyday things – revised and expanded edition. New York: Basic Books, 2013.
PREECE J. et al. Design de Interação –Além da interação homem-computador. Porto Alegre: Bookman, 2005.
LIVROS
What is UX?
https://www.youtube.com/watch?v=-L4gEk7cOfk
https://www.youtube.com/watch?v=zE9usWBBz6Q
https://www.youtube.com/watch?v=N-BKjW4uL6Q
VÍDEOS
51. www.concretesolutions.com.br
Rio de Janeiro – Rua São José, 90 – cj. 2121
Centro – (21) 2240-2030
São Paulo - Rua Sansão Alves dos Santos, 433
4º andar - Brooklin - (11) 4119-0449
Ajudamos empresas a criar
produtos digitais de sucesso
Notas do Editor
Escrevam o que acha que envolve ou significa UX, de preferência uma palavra por post-it...
Os aparelhos Androids tinham chegado a 69% do mercado no final do primeira semestre de 2012. Por volta de 2011-12, os acionistas da Apple decidiram que expandir a família de iPhones seria mais lucrativo do que lançar novos produtos…
Não sabemos o quanto de lucro deixar o checkbox lá na página gerou, mas certamente causou um transtorno para muita gente, além de abalar um pouco a imagem da empresa.
A diferença entre ter e viver retorna algumas vezes na mídia, inclusive como argumento de venda, como diferencial de produto etc
Será que só agora eles entenderam que precisam ouvir as pessoas?E continuam fazendo errado, porque não consegui encontrar o questionário no site da Adetaxi, no twitter, nem no facebook.
Será que é possível fazer planos de saúde sem consultar os interessados?
Eu queria começar contando essa pequena história… Apesar de termos diferentes tipos de clientes, esse em especial até sabe algumas coisas.Qual seria sua abordagem de você para esse cliente?
O que queremos ilustrar com essa história é que a abordagem de olhar para o usuário é uma característica inerente no profissional que trabalha com User Experience.
O que queremos ilustrar com essa história é que a abordagem de olhar para o usuário é uma característica inerente no profissional que trabalha com User Experience.
Errado porque não criamos experiências de ninguém e nem tão pouco é possível em um curto espaço de tempo, mapear todos os usuários.
Temos vários tipos de gráficos, de diferentes empresas ou épocas tentando explicar o conceito de UX.
Escolhemos o vídeo do desenho da disney que resume bem o conceito rapidamente, apesar de ter foco em apenas um aspecto da experiência.
Projetamos em prol da melhor experiência e não a experiência, criando os gatilhos e evitando o termo intuitivo.
O antes aborda toda sua expectativa e experiência de produtos/serviços anteriores.O durante a usabilidade entra em ação, com eficácia, eficiência e satisfação, você entra em um ‘fluxo de tarefa’.
Por fim, o depois são suas experiências consolidadas.
A definição que adotamos aqui na Concrete, através de consenso.
Essa ilustração remete a mais ou menos o processo hoje em empresas comuns…O PO até aceita as técnicas, mas tenta convertê-las em dinheiro e o PM acha mesmo que estamos perdendo dinheiro.
O que buscamos ilustrar aqui é que o foco na consequência, não trás as resoluções dos problemas. É o mesmo que tentar pensar em soluções, sem saber qual de fato é o problema.
Vocês já devem ter visto esse gráfico com outros termos, mas basicamente o processo original eram 4 etapas, bem delimitadas e agora o processo Lean é uma mescla mais rápida do processo.
O que ocorre atualmente é todo processo de pesquisa ser resumido em 2 dias ou talvez 2 semanas, no máximo.Apesar de pequeno o processo ágil é onde se constrói o produto, portanto muito importante e de longe o processo mais caro.O problema principal em pular etapas de pesquisa é construir um produto que talvez seja difícil pivotear mais a frente…
Um designer pode ter mais de uma função nas camadas
E por falar em papéis do UX Design, essa tríade é que utilizamos para construir nossos produtos e na união desses núcleos existe um pensamento…
Para termos um produto que atenda o mínimo de requisitos, acreditamos que o produto/serviço construído tenha pelo menos essas 3 características.
Essas são as principais técnicas utilizadas no mercado brasileiro atual, recolhidas através do Censo do
O cenário atual na CS transita geralmente nesse cenário.
Atitudinal: referente ao que se aprende ou o que elas dizem
Comportamental: o que ou como as pessoas fazem as coisas.
O cenário atual na CS transita geralmente nesse cenário.
Atitudinal: referente ao que se aprende ou o que elas dizem
Comportamental: o que ou como as pessoas fazem as coisas.
Pequenos ajustes em determinados pontos do website de busca, através de ferramentas online para recolher interações e feedbacks dos usuários.
A taxa de rejeição (bounce) só acontece quando uma pessoa acessa apenas uma página do site. A taxa de saída é uma métrica para mostrar quantas pessoas estão abandonando o site a partir de determinada página
exemplo: juridiquês, financês, segurês
Youse é uma de seguros que foca no público universitário e precisava organizar seus produtos em uma lógica que faça sentido para as necessidades usuários
O card sorting foi utilizado para simular cenários e delimitar seções dos produtos digitais
Pequenas vitórias: convencer o cliente de que não faz sentido ’espelhar’ a hierarquia da empresa no menu e sim seguir uma lógica de agrupamento e navegação.
Safra aplicativo conceito para os correntistas
exemplo: pacotes de viagem
Mindset: pensamento e processos de construção de produtoDefinir o problema: pensar em mais formas de resolverPara quem: o usuário precisa estar no fluxo para o produto fazer sentido
Por favor respondam a pesquisa online!Agradeço a todos!