Este documento fornece um resumo do curso "Design de Interação: Design Thinking, Usabilidade, Estratégia, Pesquisa" ministrado por Karine Drumond e Leandro Alves. O curso aborda temas como origens e processos de design de interação, princípios de usabilidade, técnicas de pesquisa com usuários e validação de soluções de design.
Telefone Publico - Sob a ótica do Design de Interação
Workshops de técnicas de usabilidade para produtos digitais
1. Design de Interação
Design Thinking, Usabilidade, Estratégia, Pesquisa
Karine Drumond e Leandro Alves
Dezembro / 2010
2. Programa
‣ O que é design de interação
‣ Origens e influências Design centrado no
rio, pessoas
,
‣ Processo usuá
rios ,
pesqu isa com usuá ting,
‣ Princípios de design e usabilidade e, projeto, ca
rd sor
usabilidad ign
obse rvação, des
‣ Design research: entrevistas,
, teste de
thinking , heurísticas
‣ Técnicas de planejamento
prototipação
,...
usabilidade,
‣ Técnicas de prototipação/design
‣ Técnicas de avaliação
Design de Interação | Karine e Leandro
3. Principais técnicas
Planejamento Design Validação
Card sorting
Prototipação rápida
Cenários Testes c/ usuário
Storyboards
Análise de tarefas Avaliação Heurística
Wireframes
Pesquisa em campo
Design participativo
Personas
Design de Interação | Karine e Leandro
4. Técnicas planejamento
Estudar usuários
tarefas e Projetar
Validar
contexto soluções
Identificar
requisitos inciais
Design de Interação | Karine e Leandro
5. Card sorting
Design de Interação | Karine e Leandro
6. Card sorting
Como seus
usuários
enxergam seu
conteúdo?
• compreendendo modelos mentais
Design de Interação | Karine e Leandro
7. Por que usar card sorting?
‣ Imagine que você deseje emitir a 2ª via de uma multa e
este é o menu do site...
‣ Detran
‣ Habilitação
‣ Veículos
‣ Infrações
‣ Estatísticas
‣ Legislação
‣ Solicitação de serviços
Design de Interação | Karine e Leandro
8. Etapas do card sorting
1. Levantamento do conteúdo (se ainda não feito)
2. Seleção dos cartões (20 a 30 cartões é suficiente)
3. Aplicação (em grupo de usuários ou individual)
4. Análise dos resultados e criação do mapa estrutural.
Design de Interação | Karine e Leandro
10. Exercício card sorting
Cada grupo deve eleger uma pessoa para ser o “moderador”, que irá
explicar e observar o agrupamento feito. Deve sempre orientar ao
participante a agrupar da forma que faz mais sentido para ele.
1. Agrupar os cartões (observar o porquê do agrupamento)
2. Dar nome ao grupo de cartões
3. Apresentação dos resultados e do que foi observado
Participantes: na hora de agrupar, pensar sempre em “se eu estivesse
procurando este assunto no site, onde ele estaria, perto de qual outro assunto”
Design de Interação | Karine e Leandro
14. Parte I - Personas
‣ “Personas são personagens fictícios de produtos e serviços
que representam as necessidades de um grupo maior de
usuários. Devem ser criadas baseados em dados reais e
atuam, nos projetos de design de interação, como
representantes dos usuários reais ajudando a equipe a tomar
decisões sobre funcionalidades e design”.
(Cooper, 1980)
Design de Interação | Karine e Leandro
15. Quando usar?
Estudar usuários
tarefas e Projetar
Validar
contexto soluções
Identificar
requisitos inciais
Design de Interação | Karine e Leandro
16. Exemplo
gourmet - Paulo, 38 anos, jornalista
“Não perco um Festival Gastrônomico de Tiradentes.
Anoto tudo em um bloquinho”
- Uso frequente da ferramenta
- Uso diário da internet.
Objetivos Implicações p/ o produto
- Conhecer novos lugares - Busca e navegação por categorias: novos lugares, tipo de
comida, pais de origem, classificação, etc
- Classificar pratos e vinhos
- Classificação de pratos por critérios: sabor, apresentação,
- Escrever reviews ambientação, atendimento, etc.
- Reconhecimento dos amigos - Página de perfil público do usuário
- Ler reviews - Rankeamento de usuários e Integração com redes sociais
Design de Interação | Karine e Leandro
17. Exercício
Projetar:
Sistema web de viagem, onde os usuários possam
encontrar dicas de lugares, registrar suas viagens,
compartilhar fotos e roteiros com amigos etc.
Parte 1 - coleta de dados
Parte 2 - criação das personas
Design de Interação | Karine e Leandro
18. Trabalho completo
Estudar usuários
tarefas e Projetar
Validar
contexto soluções
Identificar
requisitos inciais
Design de Interação | Karine e Leandro
19. Exercício - Coleta de dados 30’
Colete dados: Converse com o máximo de pessoas possíveis e tente descobrir:
Destinos preferidos...
Frequência com que viaja...
Conte sobre a última viagem...
Como decide o destino?
Tente descobrir o que a pessoa faz antes, durante e depois da viagem (tarefas)
Como escolhe passagens? (consulta algum site? Qual?)
Como monta roteiro? (consulta internet? Qual site?)
Como registra a viagem? (usa alguma ferramenta específica?)
Como gosta de compartilhar as fotos da viagem?
Crie outras perguntas para refinar sua persona.
Design de Interação | Karine e Leandro
20. Exercício - Coleta de dados 30’
Colete dados: Entre em sites de viagens como mochileiros.com.br e redes
sociais (Orkut, Facebook, Twitter etc.) e tente descobrir:
Que tipo de informação as pessoas mais buscam nestes sites?
Quais as dúvidas principais?
O que estas pessoas conversam?
O que preferem compartilhar sobre viagens? E como compartilham? Com quem?
Quais os destinos mais buscados por estas pessoas?
Quais os tipos de usuários diferentes? (mochileiro, família, jovem etc.)
Enfim, descubram: padrões de comportamento, preferências e necessidades destas pessoas.
Design de Interação | Karine e Leandro
21. Exercício - Personas
1. Liste os diferentes grupos de usuários que vocês encontraram.
2. Escolha os 3 grupos de usuários principais.
3. Crie uma persona para representar cada um deste grupos.
Design de Interação | Karine e Leandro
22. Exemplo 30’
papel - Nome, faixa etária, profissão
“Frase que resume o comportamento da persona”
Foto da persona
- Característica principal
- Característica principal
Objetivos Implicações p/ o produto
- O que esta pessoa busca ou - O que o produto/serviço precisa ter para atender os
deseja fazer no seu sistema? objetivos deste tipo de usuário?
Design de Interação | Karine e Leandro
23. Por que usar personas?
‣ Comunica os objetivos e necessidades dos usuários para toda a equipe
‣ Auxilia na geração de requisitos e ideias para o produto/serviço
‣ Foca o desenvolvimento do produto. Desenvolver somente o necessário.
Evita “feature creep”.
‣ Auxilia na validação de ideias.
Design de Interação | Karine e Leandro
25. Parte II - Task Flow 30’
‣ Liste em cada cartão, as tarefas (o que os seus usuários poderão fazer?)
Buscar
Encontrar Cadastrar no Encontrar
restaurantes
restaurantes sistema endereço de um
novos restaurante
Encontrar
restaurantes
um
próximos de onde Ver review de um A valiar
nte
estou restaurante re staura
w de Cadastrar um
E screver revie novo restaurante
s
restaurante
Design de Interação | Karine e Leandro
26. Parte II - Task Flow 30’
‣ Ordene em uma sequência lógica de uso:
Encontrar
Encontrar
Cadastrar no restaurantes Ver review de Entrar em Avaliar um
endereço de um
sistema próximos de um restaurante contato restaurante
restaurante
onde estou
Buscar
ntes
restaura
Encontrar
restaurantes
novos
Design de Interação | Karine e Leandro
27. Por que usar task flow? 30’
‣ Criar uma visão compartilhada da experiência de uso
‣ Auxiliar na criação de soluções de interface
Design de Interação | Karine e Leandro
29. Encontrar
Encontrar
Cadastrar no restaurantes Ver review de Entrar em Avaliar um
endereço de um
sistema próximos de um restaurante contato restaurante
restaurante
onde estou
Buscar Ver ranking
ntes
restaura 30’
Encontrar
restaurantes
novos
Comentários dos
buscar por usuários em um
palavras-chave mapa Critérios de
com auto- avaliação
complete Link direto para
GPS + Goog Número de (cardápio,
Formulário: ros por le discar no
filt usuário s que atendimento,
nome e email tipo de maps celular (versão
região, “curtiram” preço etc.)
a, móvel)
culinári
país,etc Comentários dos Gostei/Não
restaurantes usuários na
formulário de gostei.
recem pá gina do
contato.
inaugurados restaurant e
na
cidade
Design de Interação | Karine e Leandro
30. Leituras recomendada
‣ Design Research
http://designresearch.wordpress.com
‣ Card sorting
http://www.boxesandarrows.com/view/card_sorting_a_definitive_guide
‣ Personas
http://www.boxesandarrows.com/view/personas-and-the
Design de Interação | Karine e Leandro
31. Outros livros
Design de Interação | Karine e Leandro
32. Trabalho individual 50 pts
‣ Exercício individual: Coletar dados e gerar ideias para o sistema de viagem.
‣ Pesquisa exploratória em campo (usar técnicas variadas como entrevistas,
observar usuário programando viagens, coleta em redes sociais,
questionários online). Converse com pessoas durante as férias ;-)
‣ Objetivo da pesquisa: Amadurecer a ideia: identificar possíveis usuários
para o produto de viagem que vocês começaram a criar, gerar ideias e
conceitos de produtos para atender as necessidades identificadas.
‣ Entrega:
Relatório contendo: resultados da pesquisa, personas refinadas e ideias e
conceitos para o produto de viagens.
Design de Interação | Karine e Leandro
33. Trabalho individual 50 pts
‣ Estrutura do relatório:
‣ Objetivos da pesquisa
‣ O processo (o que fizeram, descreva como foi a pesquisa, as técnicas
usadas – conceitue as técnicas)
‣ Resultados (o que descobriram, perfil dos usuários)
‣ Personas refinadas (no mínimo 3)
‣ Ideias e conceitos para o produto
‣ Visão crítica do trabalho (o que aprenderam, o que deu certo e o que não
deu etc.)
Design de Interação | Karine e Leandro
34. ESTRATÉGIA, PROJETO E ANÁLISE DE PRODUTOS E SERVIÇOS
• Karine Drumond
‣ www.karinedrumond.wordpress.com
‣ karine@latitude14.com.br
• Leandro Alves
‣ www.uxp.com.br
‣ lbalves@latitude14.com.br