usabilidade na internet: testes, dicas e conversÃo!
DESCRIPTION
Tudo o que você precisa saber sobre Usabilidade na internetTRANSCRIPT
USABILIDADEDicas, testes e conversão!
RENATO MELO - 2014
Conversão1 – Ser encontrado
2 – Online 24h, não importa
quando e onde
3 – Design claro e objetivo
4 – CONTEÚDO
5 - CONTEÚDO
6 - CONVERSÃO
ConversãoFazer seu usuário agir da forma
desejada e mensurável
TESTES
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ão foi dele.
O usuário deve conseguir voltar para o site.
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-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
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
CASES
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 enavegabilidade facilitada,
acessorápido às
funcionalidades
MEMORIZAÇÃO:
Repetição das cores
linguagemiconográfica
ajuda na setorização ememorização das tarefas deadministração do conteúdo.
Testes de Usabilidade
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
Comportamento distante do seu universo real
LABORATÓRIO
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
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
SÉRIES AMERICANAS
NOVELAS BRASILEIRAS
MELHORANDOA
USABILIDADE
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
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
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
7 - DICAS MATADORAS
1 – SABER DO QUE SE TRATA O SITE
2 – FONTE BACANA, MAS
LEGÍVEL
3 – NÃO USE POP-UP
4 – NÃO USE URLS DISCONEXAS OU DESPROTEGIDAS
5 – NÃO TOQUE
MÚSICA
6 – BOTÃO VOLTAR SEMPRE
FUNCIONANDO!
7 – LINKS COM COR E QUE TROQUEM DE COR
NA PRÁTICA:TENTEM COMPRAR UM
TENIS DA ADIDAS ACESSANDO OS SITES
A SEGUIR
FACEBOOK.COM/RENATOMELOMKT