usabilidade na internet: testes, dicas e conversÃo!

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

renato@iskadigital.com.br