Your SlideShare is downloading. ×
Design de Interação                  Design Thinking, Usabilidade, Estratégia, Pesquisa                  Karine Drumond e ...
Programa‣ O que é design de interação‣ Origens e influências                           Design centrado no                  ...
Principais técnicas   Planejamento               Design                 ValidaçãoCard sorting                     Prototip...
Técnicas planejamento    Estudar usuários        tarefas e        Projetar                                          Valida...
Card sorting         Design de Interação | Karine e Leandro
Card sorting                Como seus                usuários                enxergam seu                conteúdo?        ...
Por que usar card sorting?‣ Imagine que você deseje emitir a 2ª via de uma multa e  este é o menu do site...            ‣ ...
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 é suficient...
Resultado do card sorting                Design de Interação | Karine e Leandro
Exercício card sorting  Cada grupo deve eleger uma pessoa para ser o “moderador”, que irá  explicar e observar o agrupamen...
WorkshopPersonas + Task Flow + exploração de ideias
Quem deve participar?          •       A equipe              ‣     negócios              ‣     marketing              ‣   ...
Parte 1 Personas       Quem são os usuários?
Parte I - Personas‣ “Personas são personagens fictícios de produtos e serviços que representam as necessidades de um grupo ...
Quando usar?    Estudar usuários        tarefas e        Projetar                                          Validar        ...
Exemplo                               gourmet - Paulo, 38 anos, jornalista                               “Não perco um Fes...
ExercícioProjetar:Sistema web de viagem, onde os usuários possamencontrar dicas de lugares, registrar suas viagens,compart...
Trabalho completo    Estudar usuários        tarefas e        Projetar                                          Validar   ...
Exercício - Coleta de dados                                                      30’   Colete dados: Converse com o máximo...
Exercício - Coleta de dados                                                     30’   Colete dados: Entre em sites de viag...
Exercício - Personas 1. Liste os diferentes grupos de usuários que vocês encontraram. 2. Escolha os 3 grupos de usuários p...
Exemplo                                                                                30’                               p...
Por que usar personas?‣ Comunica os objetivos e necessidades dos usuários para toda a equipe‣ Auxilia na geração de requis...
Parte II Task Flow     Projetando a experiência de uso.
Parte II - Task Flow                                                          30’‣ Liste em cada cartão, as tarefas (o que...
Parte II - Task Flow                                                          30’‣ Ordene em uma sequência lógica de uso: ...
Por que usar task flow?                                             30’‣ Criar uma visão compartilhada da experiência de u...
Parte III Exploração de ideias  Como dar suporte aos objetivos dos usuários?
Encontrar                                   Encontrar Cadastrar no   restaurantes                    Ver review de       E...
Leituras recomendada‣ Design Research http://designresearch.wordpress.com‣ Card sorting http://www.boxesandarrows.com/view...
Outros livros                Design de Interação | Karine e Leandro
Trabalho individual                                              50 pts‣ Exercício individual: Coletar dados e gerar ideia...
Trabalho individual                                             50 pts‣ Estrutura do relatório:  ‣ Objetivos da pesquisa  ...
ESTRATÉGIA, PROJETO E ANÁLISE DE PRODUTOS E SERVIÇOS• Karine Drumond   ‣     www.karinedrumond.wordpress.com   ‣     karin...
Upcoming SlideShare
Loading in...5
×

Workshops de técnicas de usabilidade para produtos digitais

1,104

Published on

Slides da aula de Design de Interação da pós em Marketing Digital.

Professores: Karine Drumond e Leandro Alves

Published in: Design

Transcript of "Workshops de técnicas de usabilidade para produtos digitais"

  1. 1. Design de Interação Design Thinking, Usabilidade, Estratégia, Pesquisa Karine Drumond e Leandro AlvesDezembro / 2010
  2. 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. 3. Principais técnicas Planejamento Design ValidaçãoCard sorting Prototipação rápidaCenários Testes c/ usuário StoryboardsAnálise de tarefas Avaliação Heurística WireframesPesquisa em campo Design participativoPersonas Design de Interação | Karine e Leandro
  4. 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. 5. Card sorting Design de Interação | Karine e Leandro
  6. 6. Card sorting Como seus usuários enxergam seu conteúdo? • compreendendo modelos mentais Design de Interação | Karine e Leandro
  7. 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. 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
  9. 9. Resultado do card sorting Design de Interação | Karine e Leandro
  10. 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
  11. 11. WorkshopPersonas + Task Flow + exploração de ideias
  12. 12. Quem deve participar? • A equipe ‣ negócios ‣ marketing ‣ designers ‣ desenvolvedores ‣ cliente ‣ usuários
  13. 13. Parte 1 Personas Quem são os usuários?
  14. 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. 15. Quando usar? Estudar usuários tarefas e Projetar Validar contexto soluções Identificar requisitos inciais Design de Interação | Karine e Leandro
  16. 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. 17. ExercícioProjetar:Sistema web de viagem, onde os usuários possamencontrar dicas de lugares, registrar suas viagens,compartilhar fotos e roteiros com amigos etc.Parte 1 - coleta de dadosParte 2 - criação das personas Design de Interação | Karine e Leandro
  18. 18. Trabalho completo Estudar usuários tarefas e Projetar Validar contexto soluções Identificar requisitos inciais Design de Interação | Karine e Leandro
  19. 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. 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. 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. 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 principalObjetivos Implicações p/ o produto- O que esta pessoa busca ou - O que o produto/serviço precisa ter para atender osdeseja fazer no seu sistema? objetivos deste tipo de usuário? Design de Interação | Karine e Leandro
  23. 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
  24. 24. Parte II Task Flow Projetando a experiência de uso.
  25. 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. 26. Parte II - Task Flow 30’‣ Ordene em uma sequência lógica de uso: Encontrar EncontrarCadastrar 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. 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
  28. 28. Parte III Exploração de ideias Como dar suporte aos objetivos dos usuários?
  29. 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. 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. 31. Outros livros Design de Interação | Karine e Leandro
  32. 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. 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. 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

×