O documento discute a importância da usabilidade no design de sites e aplicativos. Ele fornece definições de termos como usabilidade, eficácia, eficiência e segurança. Também apresenta princípios de usabilidade como feedback, páginas de erro e formulários, e discute testes de usabilidade em laboratório e no ambiente do usuário.

1. USABILIDADE
A importância
RENATO MELO - 2014

2. Conversão
1 – Ser encontrado
2 – Online 24h, não importa
quando e onde
3 – Design claro e objetivo
4 – CONTEÚDO
5 - CONTEÚDO
6 - CONTEÚDO

4. Conversão
Fazer seu usuário agir da forma
desejada e mensurável

6. USABILIDADE:
“ Usabilidade refere-se à capacidade de um
software ser compreendido, aprendido, utilizado
e ser atraente para o usuário, em condições
específicas de uso”

7. EFICÁCIA:
Novo Design e
Disposição:
Passou de 500
inscrições para
1200 por mês

8. EFICIÊNCIA:
35% da operação
do Call Center
existia apenas
para responder
uma demanda:
Onde encontrar a
2ª via do boleto.

9. SEGURANÇA:
Acesso rápido às
funcionalidades
por perfil através
de área restrita

10. UTILIDADE:
Contraste,
usabilidade e
navegabilidade
facilitada, acesso
rápido às
funcionalidades

11. MEMORIZAÇÃO:
Repetição das
cores linguagem
iconográfica ajuda
na setorização e
memorização das
tarefas de
administração do
conteúdo.

12. Testes de
Usabilidade

13. Jakob Nielsen
useit.com
10 PRINCÍPIOS
DE HEURÍSTICA

14. 1) FEEDBACK
até 0,1s: ideia de
continuidade
até 1s: delay
percebido, mas ok
depois de 10s: o
usuário muda de
tarefa.

15. 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.

16. Nome:
Endereço:
Telefone 1:
Celular:
Telefone da Mãe:
CPF:
RG:
Nome do Cachorro:
Estado Civil:
3) FORMULÁRIO

17. 3) 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

18. 4) CAIXA DE BUSCA

19. 4) CAIXA DE BUSCA
Vai!
Buscar

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

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

22. 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

23. 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

24. 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

25. SÉRIES AMERICANAS

26. NOVELAS BRASILEIRAS

27. MELHORANDO
A USABILIDADE

28. WHATSAPP:
1 – Adicione uma amiga que você não tem na agenda
2 – Criar um grupo de amigos para combinar um encontro
3 – Enviar uma foto para este grupo de amigos
4 – Alterar seu status

29. WHATSAPP:
1 – Adicione uma amiga que você não tem na agenda
1min20s
2 – Criar um grupo de amigos para combinar um encontro
1min14s
3 – Enviar uma foto para este grupo de amigos
42s
4 – Alterar seu status
37s

30. WHATSAPP:
1 – Adicione uma amiga que você não tem na agenda
Você não consegue adicionar pelo Whatsapp, tem que ir
até a agenda e adicionar a pessoa
2 – Criar um grupo de amigos para combinar um encontro
Apenas o admin pode incluir novas pessoas no grupo
3 – Enviar uma foto para este grupo de amigos
Botão de anexo é representado apenas por um ícone
4 – Alterar seu status
Alguns usuários não sabem que isso é possível

31. FACEBOOK.COM/
RENATOMELOMKT
renato@iskadigital.com.br