SlideShare une entreprise Scribd logo
1  sur  41
Télécharger pour lire hors ligne
USABILIDADE 
Dicas, testes e conversão! 
RENATO MELO - 2014
USABILIDADE NA INTERNET: TESTES, DICAS E CONVERSÃO!
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 - CONVERSÃO
Conversão 
Fazer 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 
Houve um erro no preenchimento do formulário. 
Nome: 
Endereço: 
CEP: 
CPF: 
Telefone: 
Renato Melo 
Rua dos Bobos, número zero 
01234-000 
12345678900 
48 6666-6666 
Não use espaços ou hifens no 
telefone. Utilize somente números. 
Onde? 
13
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 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 
conteúdo.
Testes de 
Usabilidade
TESTE COM USUÁRIOS! 
Nunca mencione a palavra teste, ela assusta as pessoas.
LABORATÓRIO 
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
AMBIENTE DO USUÁ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)
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
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 – 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
USABILIDADE NA INTERNET: TESTES, DICAS E CONVERSÃO!
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
USABILIDADE NA INTERNET: TESTES, DICAS E CONVERSÃO!
FACEBOOK.COM/ 
RENATOMELOMKT 
renato@iskadigital.com.br

Contenu connexe

Similaire à USABILIDADE NA INTERNET: TESTES, DICAS E CONVERSÃO!

O UX e usabilidade no Webdesign
O UX e usabilidade no WebdesignO UX e usabilidade no Webdesign
O UX e usabilidade no WebdesignRenato Melo
 
Testes de usabilidade - Webdesign 2021-02
Testes de usabilidade - Webdesign 2021-02Testes de usabilidade - Webdesign 2021-02
Testes de usabilidade - Webdesign 2021-02Renato Melo
 
Técnicas de Usabilidade - Webdesign - 2021-01
Técnicas de Usabilidade - Webdesign - 2021-01Técnicas de Usabilidade - Webdesign - 2021-01
Técnicas de Usabilidade - Webdesign - 2021-01Renato Melo
 
Teste de Usabilidade - Webdesign - Aula 10
Teste de Usabilidade - Webdesign - Aula 10Teste de Usabilidade - Webdesign - Aula 10
Teste de Usabilidade - Webdesign - Aula 10Renato Melo
 
Teste de Usabilidade - Webdesign - Aula 4 2020-02
Teste de Usabilidade - Webdesign - Aula 4 2020-02Teste de Usabilidade - Webdesign - Aula 4 2020-02
Teste de Usabilidade - Webdesign - Aula 4 2020-02Renato Melo
 
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01Renato Melo
 
Melhorando a Usabilidade - Webdesign - Aula 09 - 2019
Melhorando a Usabilidade - Webdesign - Aula 09 - 2019Melhorando a Usabilidade - Webdesign - Aula 09 - 2019
Melhorando a Usabilidade - Webdesign - Aula 09 - 2019Renato Melo
 
Usabilidade em Aplicativos
Usabilidade em AplicativosUsabilidade em Aplicativos
Usabilidade em AplicativosRenato Melo
 
MAPA - MODELAGEM DE SOFTWARE - 51/2024..
MAPA - MODELAGEM DE SOFTWARE - 51/2024..MAPA - MODELAGEM DE SOFTWARE - 51/2024..
MAPA - MODELAGEM DE SOFTWARE - 51/2024..mapasunicesumar20220
 
Melhorando a Usabilidade - Webdesign - Aula 09
Melhorando a Usabilidade - Webdesign - Aula 09Melhorando a Usabilidade - Webdesign - Aula 09
Melhorando a Usabilidade - Webdesign - Aula 09Renato Melo
 
UX e usabilidade
UX e usabilidadeUX e usabilidade
UX e usabilidadeRenato Melo
 
Teste de usabilidade - WhatsApp
Teste de usabilidade - WhatsAppTeste de usabilidade - WhatsApp
Teste de usabilidade - WhatsAppLuiz Agner
 
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7Elo7
 
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7Fernanda Bernardo
 
Projeto WEB - Resumo P1
Projeto WEB - Resumo P1Projeto WEB - Resumo P1
Projeto WEB - Resumo P1Renato Melo
 
Workshop: Ouvindo usuários e stakeholders
Workshop: Ouvindo usuários e stakeholdersWorkshop: Ouvindo usuários e stakeholders
Workshop: Ouvindo usuários e stakeholdersNeue Labs
 
Metodologia para Avaliação de Sites
Metodologia para Avaliação de SitesMetodologia para Avaliação de Sites
Metodologia para Avaliação de SitesSimone Cervantes
 
Usabilidade em Aplicativos - Webdesign - 2021-02
Usabilidade em Aplicativos - Webdesign - 2021-02Usabilidade em Aplicativos - Webdesign - 2021-02
Usabilidade em Aplicativos - Webdesign - 2021-02Renato Melo
 
[GUTS-RS] Testar Interfaces com UX
[GUTS-RS] Testar Interfaces com UX[GUTS-RS] Testar Interfaces com UX
[GUTS-RS] Testar Interfaces com UXGUTS-RS
 

Similaire à USABILIDADE NA INTERNET: TESTES, DICAS E CONVERSÃO! (20)

O UX e usabilidade no Webdesign
O UX e usabilidade no WebdesignO UX e usabilidade no Webdesign
O UX e usabilidade no Webdesign
 
Testes de usabilidade - Webdesign 2021-02
Testes de usabilidade - Webdesign 2021-02Testes de usabilidade - Webdesign 2021-02
Testes de usabilidade - Webdesign 2021-02
 
Técnicas de Usabilidade - Webdesign - 2021-01
Técnicas de Usabilidade - Webdesign - 2021-01Técnicas de Usabilidade - Webdesign - 2021-01
Técnicas de Usabilidade - Webdesign - 2021-01
 
Teste de Usabilidade - Webdesign - Aula 10
Teste de Usabilidade - Webdesign - Aula 10Teste de Usabilidade - Webdesign - Aula 10
Teste de Usabilidade - Webdesign - Aula 10
 
Teste de Usabilidade - Webdesign - Aula 4 2020-02
Teste de Usabilidade - Webdesign - Aula 4 2020-02Teste de Usabilidade - Webdesign - Aula 4 2020-02
Teste de Usabilidade - Webdesign - Aula 4 2020-02
 
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
 
Melhorando a Usabilidade - Webdesign - Aula 09 - 2019
Melhorando a Usabilidade - Webdesign - Aula 09 - 2019Melhorando a Usabilidade - Webdesign - Aula 09 - 2019
Melhorando a Usabilidade - Webdesign - Aula 09 - 2019
 
Usabilidade em Aplicativos
Usabilidade em AplicativosUsabilidade em Aplicativos
Usabilidade em Aplicativos
 
MAPA - MODELAGEM DE SOFTWARE - 51/2024..
MAPA - MODELAGEM DE SOFTWARE - 51/2024..MAPA - MODELAGEM DE SOFTWARE - 51/2024..
MAPA - MODELAGEM DE SOFTWARE - 51/2024..
 
Melhorando a Usabilidade - Webdesign - Aula 09
Melhorando a Usabilidade - Webdesign - Aula 09Melhorando a Usabilidade - Webdesign - Aula 09
Melhorando a Usabilidade - Webdesign - Aula 09
 
UX e usabilidade
UX e usabilidadeUX e usabilidade
UX e usabilidade
 
Teste de usabilidade - WhatsApp
Teste de usabilidade - WhatsAppTeste de usabilidade - WhatsApp
Teste de usabilidade - WhatsApp
 
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
 
A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7A influência dos usuários no desenvolvimento do Talk7
A influência dos usuários no desenvolvimento do Talk7
 
Projeto WEB - Resumo P1
Projeto WEB - Resumo P1Projeto WEB - Resumo P1
Projeto WEB - Resumo P1
 
Workshop: Ouvindo usuários e stakeholders
Workshop: Ouvindo usuários e stakeholdersWorkshop: Ouvindo usuários e stakeholders
Workshop: Ouvindo usuários e stakeholders
 
Metodologia para Avaliação de Sites
Metodologia para Avaliação de SitesMetodologia para Avaliação de Sites
Metodologia para Avaliação de Sites
 
Usabilidade em Aplicativos - Webdesign - 2021-02
Usabilidade em Aplicativos - Webdesign - 2021-02Usabilidade em Aplicativos - Webdesign - 2021-02
Usabilidade em Aplicativos - Webdesign - 2021-02
 
Projeto 5 Doc
Projeto 5 DocProjeto 5 Doc
Projeto 5 Doc
 
[GUTS-RS] Testar Interfaces com UX
[GUTS-RS] Testar Interfaces com UX[GUTS-RS] Testar Interfaces com UX
[GUTS-RS] Testar Interfaces com UX
 

Plus de Renato Melo

Expressa Esamc - Oficina de Reels e TikTOk
Expressa Esamc - Oficina de Reels e TikTOkExpressa Esamc - Oficina de Reels e TikTOk
Expressa Esamc - Oficina de Reels e TikTOkRenato Melo
 
Redação para Gestão de Crise 1 - Técnicas de Redação em RP
Redação para Gestão de Crise 1 - Técnicas de Redação em RPRedação para Gestão de Crise 1 - Técnicas de Redação em RP
Redação para Gestão de Crise 1 - Técnicas de Redação em RPRenato Melo
 
HTML 1 e 2 - Webdesign - 2022
HTML 1 e 2 - Webdesign - 2022HTML 1 e 2 - Webdesign - 2022
HTML 1 e 2 - Webdesign - 2022Renato Melo
 
Redação para E-mail - Jornalismo Multimídia
Redação para E-mail - Jornalismo MultimídiaRedação para E-mail - Jornalismo Multimídia
Redação para E-mail - Jornalismo MultimídiaRenato Melo
 
Html e E-mail Marketing - Webdesign 2022
Html e E-mail Marketing - Webdesign 2022Html e E-mail Marketing - Webdesign 2022
Html e E-mail Marketing - Webdesign 2022Renato Melo
 
Anúncio para AT Revista - Computação Gráfica 2022
Anúncio para AT Revista - Computação Gráfica 2022Anúncio para AT Revista - Computação Gráfica 2022
Anúncio para AT Revista - Computação Gráfica 2022Renato Melo
 
Marketing por Conteúdo - Projeto Web 2022
Marketing por Conteúdo - Projeto Web 2022Marketing por Conteúdo - Projeto Web 2022
Marketing por Conteúdo - Projeto Web 2022Renato Melo
 
FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022
FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022
FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022Renato Melo
 
Storytelling no Jornalismo - Jornalismo Multimídia 2022
Storytelling no Jornalismo - Jornalismo Multimídia 2022Storytelling no Jornalismo - Jornalismo Multimídia 2022
Storytelling no Jornalismo - Jornalismo Multimídia 2022Renato Melo
 
HTML - Webdesign - 2022
HTML - Webdesign - 2022HTML - Webdesign - 2022
HTML - Webdesign - 2022Renato Melo
 
Imagens para Redes Sociais - Computação Gráfica 2022
Imagens para Redes Sociais - Computação Gráfica 2022Imagens para Redes Sociais - Computação Gráfica 2022
Imagens para Redes Sociais - Computação Gráfica 2022Renato Melo
 
Social Ads - Projeto Web - 2022
Social Ads - Projeto Web - 2022Social Ads - Projeto Web - 2022
Social Ads - Projeto Web - 2022Renato Melo
 
Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022
Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022
Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022Renato Melo
 
Storytelling - Técnicas de Redação em RP 2022
Storytelling - Técnicas de Redação em RP 2022Storytelling - Técnicas de Redação em RP 2022
Storytelling - Técnicas de Redação em RP 2022Renato Melo
 
Jornalismo em Vídeo - Jornalismo Multimídia 2022
Jornalismo em Vídeo - Jornalismo Multimídia 2022Jornalismo em Vídeo - Jornalismo Multimídia 2022
Jornalismo em Vídeo - Jornalismo Multimídia 2022Renato Melo
 
Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022
Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022
Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022Renato Melo
 
Jornalismo nas Plataformas Digitais - Jornalismo Online 2022
Jornalismo nas Plataformas Digitais - Jornalismo Online 2022Jornalismo nas Plataformas Digitais - Jornalismo Online 2022
Jornalismo nas Plataformas Digitais - Jornalismo Online 2022Renato Melo
 
Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022
Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022
Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022Renato Melo
 
Escrevendo para o SEO - Técnicas de Redação em RP - 2022
Escrevendo para o SEO - Técnicas de Redação em RP - 2022Escrevendo para o SEO - Técnicas de Redação em RP - 2022
Escrevendo para o SEO - Técnicas de Redação em RP - 2022Renato Melo
 
COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022
COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022
COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022Renato Melo
 

Plus de Renato Melo (20)

Expressa Esamc - Oficina de Reels e TikTOk
Expressa Esamc - Oficina de Reels e TikTOkExpressa Esamc - Oficina de Reels e TikTOk
Expressa Esamc - Oficina de Reels e TikTOk
 
Redação para Gestão de Crise 1 - Técnicas de Redação em RP
Redação para Gestão de Crise 1 - Técnicas de Redação em RPRedação para Gestão de Crise 1 - Técnicas de Redação em RP
Redação para Gestão de Crise 1 - Técnicas de Redação em RP
 
HTML 1 e 2 - Webdesign - 2022
HTML 1 e 2 - Webdesign - 2022HTML 1 e 2 - Webdesign - 2022
HTML 1 e 2 - Webdesign - 2022
 
Redação para E-mail - Jornalismo Multimídia
Redação para E-mail - Jornalismo MultimídiaRedação para E-mail - Jornalismo Multimídia
Redação para E-mail - Jornalismo Multimídia
 
Html e E-mail Marketing - Webdesign 2022
Html e E-mail Marketing - Webdesign 2022Html e E-mail Marketing - Webdesign 2022
Html e E-mail Marketing - Webdesign 2022
 
Anúncio para AT Revista - Computação Gráfica 2022
Anúncio para AT Revista - Computação Gráfica 2022Anúncio para AT Revista - Computação Gráfica 2022
Anúncio para AT Revista - Computação Gráfica 2022
 
Marketing por Conteúdo - Projeto Web 2022
Marketing por Conteúdo - Projeto Web 2022Marketing por Conteúdo - Projeto Web 2022
Marketing por Conteúdo - Projeto Web 2022
 
FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022
FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022
FERRAMENTAS DE STORYTELLING - Técnicas de Redação em RP 2022
 
Storytelling no Jornalismo - Jornalismo Multimídia 2022
Storytelling no Jornalismo - Jornalismo Multimídia 2022Storytelling no Jornalismo - Jornalismo Multimídia 2022
Storytelling no Jornalismo - Jornalismo Multimídia 2022
 
HTML - Webdesign - 2022
HTML - Webdesign - 2022HTML - Webdesign - 2022
HTML - Webdesign - 2022
 
Imagens para Redes Sociais - Computação Gráfica 2022
Imagens para Redes Sociais - Computação Gráfica 2022Imagens para Redes Sociais - Computação Gráfica 2022
Imagens para Redes Sociais - Computação Gráfica 2022
 
Social Ads - Projeto Web - 2022
Social Ads - Projeto Web - 2022Social Ads - Projeto Web - 2022
Social Ads - Projeto Web - 2022
 
Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022
Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022
Vídeo Marketing - Comportamento Digital e Redes Sociais MBA 2022
 
Storytelling - Técnicas de Redação em RP 2022
Storytelling - Técnicas de Redação em RP 2022Storytelling - Técnicas de Redação em RP 2022
Storytelling - Técnicas de Redação em RP 2022
 
Jornalismo em Vídeo - Jornalismo Multimídia 2022
Jornalismo em Vídeo - Jornalismo Multimídia 2022Jornalismo em Vídeo - Jornalismo Multimídia 2022
Jornalismo em Vídeo - Jornalismo Multimídia 2022
 
Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022
Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022
Redes e Plataformas Digitais - Comportamento Digital e Redes Sociais 2022
 
Jornalismo nas Plataformas Digitais - Jornalismo Online 2022
Jornalismo nas Plataformas Digitais - Jornalismo Online 2022Jornalismo nas Plataformas Digitais - Jornalismo Online 2022
Jornalismo nas Plataformas Digitais - Jornalismo Online 2022
 
Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022
Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022
Ambiente Digital - MBA Comportamento Digital e Redes Sociais- 2022
 
Escrevendo para o SEO - Técnicas de Redação em RP - 2022
Escrevendo para o SEO - Técnicas de Redação em RP - 2022Escrevendo para o SEO - Técnicas de Redação em RP - 2022
Escrevendo para o SEO - Técnicas de Redação em RP - 2022
 
COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022
COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022
COPYWRITING PARA JORNALISTAS - JORNALISMO MULTIMIDIA 2022
 

USABILIDADE NA INTERNET: TESTES, DICAS E CONVERSÃO!

  • 1. USABILIDADE Dicas, testes e conversão! RENATO MELO - 2014
  • 3. 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 - CONVERSÃO
  • 4. Conversão Fazer seu usuário agir da forma desejada e mensurável
  • 6. 1) FEEDBACK até 0,1s: ideia de continuidade até 1s: delay percebido, mas ok depois de 10s: o usuário muda de tarefa.
  • 7. 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.
  • 8. Nome: Endereço: Telefone 1: Celular: Telefone da Mãe: CPF: RG: Nome do Cachorro: Estado Civil: 3) FORMULÁRIO
  • 9. 3) FORMULÁRIO Houve um erro no preenchimento do formulário. Nome: Endereço: CEP: CPF: Telefone: Renato Melo Rua dos Bobos, número zero 01234-000 12345678900 48 6666-6666 Não use espaços ou hifens no telefone. Utilize somente números. Onde? 13
  • 10. 4) CAIXA DE BUSCA
  • 11. 4) CAIXA DE BUSCA Vai! Buscar
  • 12. 5) ETAPAS DO SEU SITE 1. Escolhas dos produtos 2. Cadastro ou login 3. Entrega e embalagem 4. Pagamento
  • 13. CASES
  • 14. EFICÁCIA: Novo Design e Disposição: Passou de 500 inscrições para 1200 por mês
  • 15. EFICIÊNCIA: 35% da operação do Call Center existia apenas para responder uma demanda: Onde encontrar a 2ª via do boleto.
  • 16. SEGURANÇA: Acesso rápido às funcionalidades por perfil através de área restrita
  • 17. UTILIDADE: Contraste, usabilidade e navegabilidade facilitada, acesso rápido às funcionalidades
  • 18. MEMORIZAÇÃO: Repetição das cores linguagem iconográfica ajuda na setorização e memorização das tarefas de administração do conteúdo.
  • 20. TESTE COM USUÁRIOS! Nunca mencione a palavra teste, ela assusta as pessoas.
  • 21. LABORATÓRIO 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
  • 22. AMBIENTE DO USUÁ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)
  • 23. 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
  • 27. 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
  • 28. 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
  • 29. 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
  • 30. 7 - DICAS MATADORAS
  • 31. 1 – SABER DO QUE SE TRATA O SITE
  • 32. 2 – FONTE BACANA, MAS LEGÍVEL
  • 33. 3 – NÃO USE POP-UP
  • 34. 4 – NÃO USE URLS DISCONEXAS OU DESPROTEGIDAS
  • 36. 5 – NÃO TOQUE MÚSICA
  • 37. 6 – BOTÃO VOLTAR SEMPRE FUNCIONANDO!
  • 38. 7 – LINKS COM COR E QUE TROQUEM DE COR
  • 39. NA PRÁTICA: TENTEM COMPRAR UM TENIS DA ADIDAS ACESSANDO OS SITES A SEGUIR