ConversãoUX e Usabilidade

RENATO MELO - 2015

O BÁSICO: O QUE FAZER E O

QUE NÃO FAZER

1 – DEIXAR CLARO DOQUE 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 E

NAVEGAÇÃO FACILITADA

7 – LINKS COM COR E QUE TROQUEM DE COR DEPOIS

QUE SÃO VISITADOS

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

5) ETAPAS DO SEU SITE

1. Escolhas dos produtos

2. Cadastro ou login

3. Entrega e embalagem

4. Pagamento

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

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.

ConversãoFazer seu usuário agir da forma

desejada e mensurável

1º Teste: Opções claras = + cadastros?

+55% de conversão!Por que o dropdown

ganhou?

- Visão clara da ação- Fazer várias combinações de

apartamentos

TESTANDOA 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

DIRETRIZES PARA O TRABALHO

Entrega dia 14.04 até às 18h30 via e-mail:•Site pronto e programado, compactado via zip;•Alterar o título e colocar as suas imagens ;•Relatório (1 a 2 páginas) descrevendo a pré-produção;•Vídeo de até 1 minuto com making off da produção;

•Arquivo fonte:renatomelo.com.br/esamc/webdesign/sustentabilidade.zip

FACEBOOK.COM/RENATOMELOMKT

renato@iskadigital.com.br