USABILIDADE
A importância
RENATO MELO - 2014
Conversão
1 – Ser encontrado
2 – Online 24h, não importa
quando e onde
3 – Design claro e objetivo
4 – CONTEÚDO
5 - CONTEÚ...
Conversão
Fazer seu usuário agir da forma
desejada e mensurável
USABILIDADE:
“ Usabilidade refere-se à capacidade de um
software ser compreendido, aprendido, utilizado
e ser atraente par...
EFICÁCIA:
Novo Design e
Disposição:
Passou de 500
inscrições para
1200 por mês
EFICIÊNCIA:
35% da operação
do Call Center
existia apenas
para responder
uma demanda:
Onde encontrar a
2ª via do boleto.
SEGURANÇA:
Acesso rápido às
funcionalidades
por perfil através
de área restrita
UTILIDADE:
Contraste,
usabilidade e
navegabilidade
facilitada, acesso
rápido às
funcionalidades
MEMORIZAÇÃO:
Repetição das
cores linguagem
iconográfica ajuda
na setorização e
memorização das
tarefas de
administração do...
Testes de
Usabilidade
Jakob Nielsen
useit.com
10 PRINCÍPIOS
DE HEURÍSTICA
1) FEEDBACK
até 0,1s: ideia de
continuidade
até 1s: delay
percebido, mas ok
depois de 10s: o
usuário muda de
tarefa.
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ã...
Nome:
Endereço:
Telefone 1:
Celular:
Telefone da Mãe:
CPF:
RG:
Nome do Cachorro:
Estado Civil:
3) FORMULÁRIO
3) FORMULÁRIO
Nome:
Endereço:
CEP:
CPF:
Telefone:
Renato Melo
Rua dos Bobos, número zero
01234-000
12345678900
48 6666-666...
4) CAIXA DE BUSCA
4) CAIXA DE BUSCA
Vai!
Buscar
5) ETAPAS DO SEU SITE
1. Escolhas dos produtos
2. Cadastro ou login
3. Entrega e embalagem
4. Pagamento
TESTE COM USUÁRIOS!
Nunca mencione a palavra teste, ela assusta as pessoas.
Maior controle de dados e
variáveis;
Mais fácil de envolver o
cliente;
Maior custo
Usuário pode se sentir
desconfortável
C...
Mais barato;
Usuário se sente mais a
vontade;
Mais próximo de seu uso
real;
Menor controle dos dados
e variáveis
Dificulda...
Laboratório
Medir performance
(tempo, número de
erros)
Produção acadêmica
(maior “aceitação”
científica para teses,
artigo...
SÉRIES AMERICANAS
NOVELAS BRASILEIRAS
MELHORANDO
A USABILIDADE
WHATSAPP:
1 – Adicione uma amiga que você não tem na agenda
2 – Criar um grupo de amigos para combinar um encontro
3 – Env...
WHATSAPP:
1 – Adicione uma amiga que você não tem na agenda
1min20s
2 – Criar um grupo de amigos para combinar um encontro...
WHATSAPP:
1 – Adicione uma amiga que você não tem na agenda
Você não consegue adicionar pelo Whatsapp, tem que ir
até a ag...
FACEBOOK.COM/
RENATOMELOMKT
renato@iskadigital.com.br
USABILIDADE - A IMPORTÂNCIA
USABILIDADE - A IMPORTÂNCIA
Upcoming SlideShare
Loading in …5
×

USABILIDADE - A IMPORTÂNCIA

399 views
280 views

Published on

Usabilidade em sites e aplicativos se torna indispensável para o sucesso. Conheça um pouco mais sobre testes e como tudo pode fazer a diferença.

Published in: Marketing
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
399
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
29
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

USABILIDADE - A IMPORTÂNCIA

  1. 1. USABILIDADE A importância RENATO MELO - 2014
  2. 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
  3. 3. Conversão Fazer seu usuário agir da forma desejada e mensurável
  4. 4. 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”
  5. 5. EFICÁCIA: Novo Design e Disposição: Passou de 500 inscrições para 1200 por mês
  6. 6. EFICIÊNCIA: 35% da operação do Call Center existia apenas para responder uma demanda: Onde encontrar a 2ª via do boleto.
  7. 7. SEGURANÇA: Acesso rápido às funcionalidades por perfil através de área restrita
  8. 8. UTILIDADE: Contraste, usabilidade e navegabilidade facilitada, acesso rápido às funcionalidades
  9. 9. MEMORIZAÇÃO: Repetição das cores linguagem iconográfica ajuda na setorização e memorização das tarefas de administração do conteúdo.
  10. 10. Testes de Usabilidade
  11. 11. Jakob Nielsen useit.com 10 PRINCÍPIOS DE HEURÍSTICA
  12. 12. 1) FEEDBACK até 0,1s: ideia de continuidade até 1s: delay percebido, mas ok depois de 10s: o usuário muda de tarefa.
  13. 13. 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.
  14. 14. Nome: Endereço: Telefone 1: Celular: Telefone da Mãe: CPF: RG: Nome do Cachorro: Estado Civil: 3) FORMULÁRIO
  15. 15. 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
  16. 16. 4) CAIXA DE BUSCA
  17. 17. 4) CAIXA DE BUSCA Vai! Buscar
  18. 18. 5) ETAPAS DO SEU SITE 1. Escolhas dos produtos 2. Cadastro ou login 3. Entrega e embalagem 4. Pagamento
  19. 19. TESTE COM USUÁRIOS! Nunca mencione a palavra teste, ela assusta as pessoas.
  20. 20. 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
  21. 21. 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
  22. 22. 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
  23. 23. SÉRIES AMERICANAS
  24. 24. NOVELAS BRASILEIRAS
  25. 25. MELHORANDO A USABILIDADE
  26. 26. 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
  27. 27. 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
  28. 28. 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
  29. 29. FACEBOOK.COM/ RENATOMELOMKT renato@iskadigital.com.br

×