O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Teste de Usabilidade - Webdesign - Aula 10 2019-02

Testes de Usabilidade

  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Teste de Usabilidade - Webdesign - Aula 10 2019-02

  1. 1. TÉCNICAS DE USABILIDAD E RENATO MELO - 2019
  2. 2. USABILIDADE Testes
  3. 3. 1) FEEDBACK
  4. 4. até 0,1s: ideia de continuidade até 1s: delay percebido, mas ok depois de 10s: o usuário muda de tarefa. O USUÁRIO NÃO QUER ESPERAR!
  5. 5. A CADA 100 MILISSEGUNDOS DE TEMPO DE CARREGAMENTO DE PÁGINA REDUZ 1% DE VENDAS NA AMAZON. AMAZON
  6. 6. AO AUMENTAR O CARREGAMENTO DO SITE DE 0.4 PARA 0.9 SEGUNDOS, PERDEU 20% DA RECEITA EM PUBLICIDADE, GOOGLE
  7. 7. 2) PÁGINAS DE ERRO O usuário deve saber o que está acontecendo em uma linguagem fácil. O usuário deve saber que a culpa não foi dele. O usuário deve conseguir voltar para o site.
  8. 8. 3) ERROS DE FORMULÁRIO Nome: Endereço: CEP: CPF: Telefone: Renato Melo Rua dos Bobos, número zero 01234-000 12345678900 48 6666-6666 Houve um erro no preenchimento do formulário. Onde? Não use espaços ou hifens no telefone. Utilize somente números. 13 6666-6666
  9. 9. 3) DADOS DO FORMULÁRIO Remover um único campo do formulário (telefone) foi capaz de aumentar as conversões em 167%. A taxa média de conversão da página foi de 20,18% para 53,90%. Pense que para cada R$ 100 investidos em mídia anteriormente, agora conseguiríamos o mesmo resultado investindo apenas R$37,45, ou então teríamos quase três vezes esse resultado se investíssemos o mesmo valor.
  10. 10. 4) CAIXA DE BUSCA
  11. 11. 5) ETAPAS DO SEU SITE 1. Escolhas dos produtos 2. Cadastro ou login 3. Entrega e embalagem 4. Pagamento
  12. 12. Testes de Usabilidade
  13. 13. TESTE COM USUÁRIOS! Nunca mencione a palavra teste, ela assusta as pessoas.
  14. 14. Maior controle de dados e variáveis; Mais fácil de envolver o cliente; Maior custo Usuário pode se sentir desconfortável Comportamento distante do seu universo real LABORATÓRIO
  15. 15. Mais barato; Usuário se sente mais a vontade; Mais próximo de seu uso real; Menor controle dos dados e variáveis Dificuldade de envolver o cliente (quem contrata) AMBIENTE DO USUÁRIO
  16. 16. Laboratório Medir performance (tempo, número de erros) Produção acadêmica (maior “aceitação” científica para teses, artigos e dissertações) Estudos permanentes com equipe dedicada (Globo, Nokia) Ambiente do Usuário Obter feedback rápido Projetos com recursos reduzidos Testar conceitos e interfaces em fases iniciais de design
  17. 17. USABILIDADE Pesquisas com Usuários
  18. 18. Perguntas abertas são aquelas que permitem ao participante responder da forma que quiser, no formato que quiser, e com a profundidade e duração que quiser. Perguntas abertas vs. Perguntas fechadas
  19. 19. Perguntas fechadas são aquelas que podem ser respondidas com um “Sim? ou “Não”, ou outra opção sugerida. Perguntas abertas vs. Perguntas fechadas
  20. 20. Perguntas fechadas funcionam melhor para questionários quantitativos (porcentagem de sim ou não). Já para usabilidade, o melhor é utilizar questões abertas. Perguntas abertas vs. Perguntas fechadas
  21. 21. USABILIDADE Soluções Nielsen
  22. 22. MUDANÇAS: De: A interface agiu como esperado? Para: O que você esperava que acontecesse quando você ____?
  23. 23. MUDANÇAS: De: Você encontrou o que procurava? Para: Onde você encontrou o item?
  24. 24. MUDANÇAS: De: Você acha que usaria esse produto? Para: Como você acha que esse produto se encaixaria no seu trabalho?
  25. 25. MUDANÇAS: De: Você achou fácil de usar? Para: Qual a parte mais confusa da experiência?
  26. 26. #TRABALHO 26/27.11
  27. 27. 1) GRUPOS DE ATÉ 4 PESSOAS
  28. 28. 2) ESCOLHA UMA EMPRESA DA BAIXADA QUE TENHA UM SITE RUIM (precisa ter um site no ar)
  29. 29. 3) NOVO SITE: - Projeto com checklist:  TAMANHO DA TELA  CONECTIVIDADE  OBJETIVOS DO USUÁRIO  AMBIENTES DO USUÁRIO  CAPACIDADE DO USUÁRIO  CONVERSÃO
  30. 30. 4) REDES SOCIAIS: - Criar imagens da fanpage: Imagem de capa Imagem de perfil - 5 artes para anúncio, respeitando os 20%
  31. 31. 5) PARTE ESCRITA (VIA E-MAIL): 5.1 PROPOSTA TÉCNICA: - PESQUISA; - DESCRIÇÃO; - APRESENTAÇÃO DAS PEÇAS; 5.2 PROPOSTA FINANCEIRA -CÁLCULO FINANCEIRO;
  32. 32. 6) APRESENTAÇÃO: - COMO SE FOSSE UMA AGÊNCIA (CRIAR NOME E LOGO); - APRESENTAÇÃO DA CAMPANHA;
  33. 33. #EXERCÍCIO
  34. 34. EM GRUPOS, ACESSE O SITE DA KANUI E REPRODUZA OS TESTES: - FORMULÁRIO - FERRAMENTA DE BUSCA - TEMPO DE CARREGAMENTO - QUANTAS E QUAIS AS ETAPAS DE COMPRA DO SITE
  35. 35. FACEBOOK.COM/ RENATOMELOMKT renato@iskadigital.com.br

×