Workshops de técnicas de usabilidade para produtos digitais

  • 1,016 views
Uploaded on

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

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

Professores: Karine Drumond e Leandro Alves

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,016
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
0
Comments
0
Likes
8

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Design de Interação Design Thinking, Usabilidade, Estratégia, Pesquisa Karine Drumond e Leandro AlvesDezembro / 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çã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. 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
  • 9. Resultado do card sorting 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
  • 11. WorkshopPersonas + Task Flow + exploração de ideias
  • 12. Quem deve participar? • A equipe ‣ negócios ‣ marketing ‣ designers ‣ desenvolvedores ‣ cliente ‣ usuários
  • 13. Parte 1 Personas Quem são os usuários?
  • 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í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. 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 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. 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. Parte II Task Flow Projetando a experiência de uso.
  • 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 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. 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. Parte III Exploração de ideias Como dar suporte aos objetivos dos usuários?
  • 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