O documento fornece diretrizes sobre técnicas de usabilidade para testes com usuários e desenvolvimento de sites, destacando a importância de: (1) fornecer feedback rápido aos usuários; (2) explicar claramente erros em páginas e formulários; (3) simplificar formulários para aumentar taxas de conversão.

1. TÉCNICAS
DE
USABILIDAD
E
RENATO MELO - 2019

2. USABILIDADE
Testes

3. 1) FEEDBACK

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. A CADA 100 MILISSEGUNDOS DE TEMPO
DE CARREGAMENTO DE PÁGINA REDUZ
1% DE VENDAS NA AMAZON.
AMAZON

6. AO AUMENTAR O CARREGAMENTO DO
SITE DE 0.4 PARA 0.9 SEGUNDOS, PERDEU
20% DA RECEITA EM PUBLICIDADE,
GOOGLE

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. 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. 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. 4) CAIXA DE BUSCA

11. 5) ETAPAS DO SEU
SITE
1. Escolhas dos produtos
2. Cadastro ou login
3. Entrega e embalagem
4. Pagamento

12. Testes de
Usabilidade

13. TESTE COM USUÁRIOS!
Nunca mencione a palavra teste, ela assusta as pessoas.

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. 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. 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. USABILIDADE
Pesquisas com Usuários

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. 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. 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. USABILIDADE
Soluções Nielsen

22. MUDANÇAS:
De: A interface agiu como esperado?
Para: O que você esperava que
acontecesse quando você ____?

23. MUDANÇAS:
De: Você encontrou o que procurava?
Para: Onde você encontrou o item?

24. MUDANÇAS:
De: Você acha que usaria esse produto?
Para: Como você acha que esse produto se
encaixaria no seu trabalho?

25. MUDANÇAS:
De: Você achou fácil de usar?
Para: Qual a parte mais confusa da
experiência?

26. #TRABALHO
26/27.11

27. 1) GRUPOS DE ATÉ 4 PESSOAS

28. 2) ESCOLHA UMA EMPRESA DA
BAIXADA QUE TENHA UM SITE
RUIM
(precisa ter um site no ar)

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. 4) REDES SOCIAIS:
- Criar imagens da fanpage:
Imagem de capa
Imagem de perfil
- 5 artes para anúncio, respeitando os
20%

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. 6) APRESENTAÇÃO:
- COMO SE FOSSE UMA AGÊNCIA
(CRIAR NOME E LOGO);
- APRESENTAÇÃO DA CAMPANHA;

33. #EXERCÍCIO

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. FACEBOOK.COM/
RENATOMELOMKT
renato@iskadigital.com.br