Interaction14South America
El evento de Diseño de Interacción y Experiencia de Usuario más
importante de Latinoamérica.
B ...
Sobre mim, rapidinho
antes
consultorias, agência, portal, área
de inovação de grande banco
Sobre mim, rapidinho
Usabilidade, consultorias, área de
inovação de grande banco
Sobre mim, rapidinho
hoje
freelancer consultor empresa
Desafio como consultor:
envolver o cliente no processo
consultor
cliente
Briefing comum
consultorcliente
Preciso de um
site novo. 

Você faz
wireframes?
Briefing comum
consultorcliente
Opa, faço de tudo
um pouco.
Vamos por partes…
PROJETO HOSPITAL
ALBERT EINSTEIN
Hospital de referência no Brasil
com área de ensino e pesquisa
BRIEFING:
Organizar os programas de ensino
de forma mais relevante com o
objetivo de aumentar a conversão
do site
INVESTIGAÇÃO INICIAL
Levantamento
de conteúdo
Análise dos
comentários
no site
Entrevistas +
teste de
usabilidade
Análise d...
ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience
ENTREVISTA + ...
ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience 14
182 coment...
OK, queremos que o Einstein
saiba que fizemos isso tudo.
Como condensar todas as
descobertas?
PRINCÍPIOS
DE DESIGN
Levantamento
de conteúdo
Análise dos
comentários
no site
Entrevistas com
usuários
Análise do
site atu...
( )PRINCÍPIOS DE DESIGN
DIETER RAMS
1. Good design is innovative
2. Good design makes a product useful
3. Good design is aesthetic
4. Good design ...
Focus on the user and
all else will follow.
Decide for me but let
me have the final say.
LUKE WROBLEWSKI
Princípios como "deixe fácil de
usar" ou "rapidez" ou “coloque o
usuário em primeiro lugar‟ são
geralmente...
GERAL
ESPECÍFICO
Bom design é inovador
Concentre-se no usuário
e o resto virá junto
Decida por mim, mas deixe-
me ter a pa...
PRINCÍPIOS DE DESIGN
PARA O EINSTEIN
1. Permitir a busca por tipo de curso, mas também por especialidade
2. Temos muitos cursos; a vitrine deve ser como um bom...
ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience
4.
O QUE É, P...
Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User ExperienceÍNDICE
(print do site...
ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience
0
10
20
30
40...
ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience
O QUE É, PARA...
ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience
RECOMENDAÇÃO
...
ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience
4.
O QUE É, P...
Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User ExperienceÍNDICE
(print do site...
ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience 32
148 dúvida...
ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience
O QUE É, PARA...
ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience
RECOMENDAÇÃO
...
USE AS ARMAS QUE VOCÊ TEM.
USE AS ARMAS QUE VOCÊ TEM
‣ Informações da concorrência
‣ Informações do cliente: métricas, objetivos
‣ Informações do usu...
POR FIM…
Princípios de design
podem ser uma forma simples
de condensar o conhecimento
sobre um assunto e alinhar o
pensamento entre...
Você pode combinar com 

os clientes:
vamos entrar em acordo sobre os
princípios e depois partimos para o
design.
Obrigado,
equipe do Einstein. :)
E se alguém precisar de
consultoria (rápido jabá):
uxdialog.com.br
No deje de completar su evaluación online
isa.ixda.org/encuesta
¡Muchas gracias!
Interaction14South America
B U E N O S A ...
Elisa Volpato: Apresentando resultados antes de wireframes - com princípios de design
Próximos SlideShares
Carregando em…5
×

Elisa Volpato: Apresentando resultados antes de wireframes - com princípios de design

470 visualizações

Publicada em

Publicada em: Design
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
470
No SlideShare
0
A partir de incorporações
0
Número de incorporações
121
Ações
Compartilhamentos
0
Downloads
10
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Elisa Volpato: Apresentando resultados antes de wireframes - com princípios de design

  1. 1. Interaction14South America El evento de Diseño de Interacción y Experiencia de Usuario más importante de Latinoamérica. B U E N O S A I R E S Apresentando resultados 
 antes de wireframes - com princípios de design Elisa Volpato @elisavolpato
  2. 2. Sobre mim, rapidinho antes consultorias, agência, portal, área de inovação de grande banco
  3. 3. Sobre mim, rapidinho Usabilidade, consultorias, área de inovação de grande banco
  4. 4. Sobre mim, rapidinho hoje freelancer consultor empresa
  5. 5. Desafio como consultor: envolver o cliente no processo consultor cliente
  6. 6. Briefing comum consultorcliente Preciso de um site novo. 
 Você faz wireframes?
  7. 7. Briefing comum consultorcliente Opa, faço de tudo um pouco. Vamos por partes…
  8. 8. PROJETO HOSPITAL ALBERT EINSTEIN
  9. 9. Hospital de referência no Brasil com área de ensino e pesquisa
  10. 10. BRIEFING: Organizar os programas de ensino de forma mais relevante com o objetivo de aumentar a conversão do site
  11. 11. INVESTIGAÇÃO INICIAL Levantamento de conteúdo Análise dos comentários no site Entrevistas + teste de usabilidade Análise do site atual Benchmark Entrevistas com stakeholders Visita à central de atendimento (1 mês de trabalho antes de abrir o Axure)
  12. 12. ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience ENTREVISTA + TESTE DO SITE ATUAL 13
  13. 13. ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience 14 182 comentários em páginas de cursos de diversos tipos, categorizados por assunto COMENTÁRIOS NO SITE Selecionamos aleatoriamente páginas de diversas categorias de cursos - com ou sem inscrições abertas.
  14. 14. OK, queremos que o Einstein saiba que fizemos isso tudo. Como condensar todas as descobertas?
  15. 15. PRINCÍPIOS DE DESIGN Levantamento de conteúdo Análise dos comentários no site Entrevistas com usuários Análise do site atual Benchmark Entrevistas com stakeholders Visita à central de atendimento
  16. 16. ( )PRINCÍPIOS DE DESIGN
  17. 17. DIETER RAMS 1. Good design is innovative 2. Good design makes a product useful 3. Good design is aesthetic 4. Good design helps us to understand a product 5. Good design is unobtrusive 6. Good design is honest 7. Good design is durable 8. Good design is consequent to the last detail 9. Good design is concerned with the environment 10.Good design is as little design as possible
  18. 18. Focus on the user and all else will follow.
  19. 19. Decide for me but let me have the final say.
  20. 20. LUKE WROBLEWSKI Princípios como "deixe fácil de usar" ou "rapidez" ou “coloque o usuário em primeiro lugar‟ são geralmente algumas das primeiras ideias que vêm à cabeça. Mas é muito mais efetivo ter princípios de design que abrangem as necessidades específicas de um produto e seus objetivos de negócio.
  21. 21. GERAL ESPECÍFICO Bom design é inovador Concentre-se no usuário e o resto virá junto Decida por mim, mas deixe- me ter a palavra final PRINCÍPIOS PARA EINSTEIN
  22. 22. PRINCÍPIOS DE DESIGN PARA O EINSTEIN
  23. 23. 1. Permitir a busca por tipo de curso, mas também por especialidade 2. Temos muitos cursos; a vitrine deve ser como um bom e-commerce 3. Evitar um beco sem saída: oferecer navegação entre relacionados 4. O que é, para quem, quanto e quando? Destacar informações que influenciam a decisão 5. Fluxo de inscrição deve ser rápido, em até 4 etapas 6. Padrões e consistência facilitam a navegação 7. Site deve ser fácil de usar também no celular PRINCÍPIOS PARA EINSTEIN
  24. 24. ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience 4. O QUE É, PARA QUEM, QUANTO E QUANDO? DESTACAR INFORMAÇÕES IMPORTANTES QUE AFETAM A DECISÃO 25
  25. 25. Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User ExperienceÍNDICE (print do site, escondido de propósito) NO SITE ATUAL NÃO ENCONTRAM INFORMAÇÕES BÁSICAS, COMO VALOR 26 “Uma coisa que eu não vi aqui foi o valor. Pode ser que esteja no meu rosto e eu não tô vendo…” Enfermeira, 30 anos, aluna Einstein “Boa tarde. Gostaria de saber o valor do simpósio. Obrigada." Comentário em página de simpósio. “Qual o valor?” 
 é pergunta a mais frequente em páginas de evento.
  26. 26. ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience 0 10 20 30 40 27 148 dúvidas várias poderiam ser resolvidos por uma página de curso mais clara DÚVIDAS SOBRE CURSOS Selecionamos aleatoriamente páginas de diversas categorias de cursos - com ou sem inscrições abertas. sobre 
 pré-requisitos, público-alvo ‘existe esse curso online?' próximas turmas …cauda longa “Alguns veem o público no site, mas querem confirmar. Outros nem viram, mesmo."
  27. 27. ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience O QUE É, PARA QUEM, QUANTO CUSTA, QUANDO VAI SER? 28 Nas páginas de cursos ou eventos, importante ter uma área que resume os pontos mais importantes e a questões práticas - e que se mantém consistente em todo o site. • Site do Senac Rio tem uma apresentação bonita para cada curso, com um resumo no topo que se repete em todas as páginas de curso. 1 1 1 www.rj.senac.br/cursos/detalhe/145/designer-de-games
  28. 28. ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience RECOMENDAÇÃO Agrupando as informações objetivas sobre os cursos e eventos em um resumo, repetido em todas as páginas. 29 EFEITO ESPERADO Alunos mais auto-suficientes para fazer a inscrição completa pelo site e aumento na conversão. Queda na quantidade de dúvidas em comentários e na central.
  29. 29. ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience 4. O QUE É, PARA QUEM, QUANTO E QUANDO? DESTACAR INFORMAÇÕES IMPORTANTES QUE AFETAM A DECISÃO 30
  30. 30. Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User ExperienceÍNDICE (print do site, escondido de propósito) 31 “Uma coisa que eu não vi aqui foi o valor. Pode ser que esteja no meu rosto e eu não tô vendo…” Enfermeira, 30 anos, aluna Einstein “Boa tarde. Gostaria de saber o valor do simpósio. Obrigada." Comentário em página de simpósio. “Qual o valor?” 
 é pergunta a mais frequente em páginas de evento. TESTE DE USABILIDADE, ANÁLISE HEURÍSTICA ANÁLISE DE COMENTÁRIOS
  31. 31. ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience 32 148 dúvidas várias poderiam ser resolvidos por uma página de curso mais clara 0 10 20 30 40 Selecionamos aleatoriamente páginas de diversas categorias de cursos - com ou sem inscrições abertas. sobre 
 pré-requisitos, público-alvo ‘existe esse curso online?' próximas turmas …cauda longa “Alguns veem o público no site, mas querem confirmar. Outros nem viram, mesmo." ANÁLISE DE COMENTÁRIOS VISITA À CENTRAL
  32. 32. ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience O QUE É, PARA QUEM, QUANTO CUSTA, QUANDO VAI SER? 33 Nas páginas de cursos ou eventos, importante ter uma área que resume os pontos mais importantes e a questões práticas - e que se mantém consistente em todo o site. • Site do Senac Rio tem uma apresentação bonita para cada curso, com um resumo no topo que se repete em todas as páginas de curso. 1 1 1 www.rj.senac.br/cursos/detalhe/145/designer-de-games ANÁLISE DE CONCORRENTES E REFERÊNCIAS DA CATEGORIA
  33. 33. ÍNDICE Consultoria em experiência do usuário para Hospital Albert Einstein - Ensino - Dialog User Experience RECOMENDAÇÃO Agrupando as informações objetivas sobre os cursos e eventos em um resumo, repetido em todas as páginas. 34 EFEITO ESPERADO: Alunos mais auto-suficientes para fazer a inscrição completa pelo site e aumento na conversão. Queda na quantidade de dúvidas em comentários e na central.
  34. 34. USE AS ARMAS QUE VOCÊ TEM.
  35. 35. USE AS ARMAS QUE VOCÊ TEM ‣ Informações da concorrência ‣ Informações do cliente: métricas, objetivos ‣ Informações do usuário que já estão disponíveis sem ter que recrutar: central de atendimento, comentários no site, redes sociais ‣ Resultados da pesquisa que você fez ‣ Resultados de pesquisas que outras pessoas fizeram, mas são relevantes também
  36. 36. POR FIM…
  37. 37. Princípios de design podem ser uma forma simples de condensar o conhecimento sobre um assunto e alinhar o pensamento entre clientes e designers.
  38. 38. Você pode combinar com 
 os clientes: vamos entrar em acordo sobre os princípios e depois partimos para o design.
  39. 39. Obrigado, equipe do Einstein. :)
  40. 40. E se alguém precisar de consultoria (rápido jabá): uxdialog.com.br
  41. 41. No deje de completar su evaluación online isa.ixda.org/encuesta ¡Muchas gracias! Interaction14South America B U E N O S A I R E S Apresentando resultados antes de wireframes Elisa Volpato

×