SlideShare une entreprise Scribd logo
1  sur  20
USABILIDADE
Como aplicar no seus projetos
RENATO MELO - 2019
USABILIDADE
E sua importância
O QUE É USABILIDADE?
O QUE É USABILIDADE?
WHATSAPP:
Usuário Novo
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
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, isso
não fica claro para o usuário
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
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
NÃO É POR QUE DEU CERTO QUE ESTÁ
TUDO CERTO!
SNAPCHAT:
Usuário Novo
1 - Manter a imagem pressionada até o tempo de
visualização acabar;
2 - Algumas imagens, se o usuário soltasse antes da hora
havia contratempo. Até que ele conseguisse voltar e
apertar novamente o tempo acabava e ele ficava sem ler
a mensagem;
3 – Problemas com a limitação de caracteres;
4 – Onde adiciono meus amigos do Facebook?
5 – Cadê minha timeline?
SIMPLES E FUNCIONAL. DÁ PARA
MELHORAR?
WAZE: ROTAS SEGURAS
Muitas vezes o aplicativo induz o condutor a trafegar por
ruas perigosas, expondo-os a riscos potenciais de assaltos,
violência e outros infortúnios.
WAZE: ROTAS SEGURAS
API integrado com notícias ou cadastro de ocorrências ou
a comunidade Waze poderia marcar alterações de
segurança e ganhar pontos.
RADARES
O motorista não recebe alertas chamativos, tem que
prestar atenção no caminho e na tela do aplicativo a todo
momento.
MUDANÇAS + SINAL SONORO
FORMULÁRIOS
Medida é MP/H ao invés de KM/H o que pode confundir o
usuário.
PRÉVIA
Para 30/3 até às 18h30
renatomelo85@gmail.com ou renato.melo@esamc.br
Escolha uma empresa de Santos, analise
seu site e mostre maneiras de melhorar a
experiência do usuário.
EXERCÍCIO
Em grupos:
Digite no Google “Polo Lacoste”, acesse 3 sites e
escreva:
•Cite os 3 sites que você pesquisou;
•Qual site mais fácil para comprar e por que?
•Qual site mais difícil para comprar e por que?
•O que você mudaria neste site “mais difícil”?
FACEBOOK.COM/
RENATOMELOMKT
renato@iskadigital.com.br

Contenu connexe

Similaire à Melhorando a Usabilidade - Webdesign - Aula 09

Usabilidade em Aplicativos
Usabilidade em AplicativosUsabilidade em Aplicativos
Usabilidade em AplicativosRenato Melo
 
Melhorando a Usabilidade
Melhorando a UsabilidadeMelhorando a Usabilidade
Melhorando a UsabilidadeRenato Melo
 
Usabilidade - Como melhorar em sites e aplicativos
Usabilidade - Como melhorar em sites e aplicativosUsabilidade - Como melhorar em sites e aplicativos
Usabilidade - Como melhorar em sites e aplicativosRenato Melo
 
Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02
Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02
Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02Renato Melo
 
USABILIDADE NA INTERNET: TESTES, DICAS E CONVERSÃO!
USABILIDADE NA INTERNET: TESTES, DICAS E CONVERSÃO!USABILIDADE NA INTERNET: TESTES, DICAS E CONVERSÃO!
USABILIDADE NA INTERNET: TESTES, DICAS E CONVERSÃO!Renato Melo
 
Teste de usabilidade - WhatsApp
Teste de usabilidade - WhatsAppTeste de usabilidade - WhatsApp
Teste de usabilidade - WhatsAppLuiz Agner
 

Similaire à Melhorando a Usabilidade - Webdesign - Aula 09 (6)

Usabilidade em Aplicativos
Usabilidade em AplicativosUsabilidade em Aplicativos
Usabilidade em Aplicativos
 
Melhorando a Usabilidade
Melhorando a UsabilidadeMelhorando a Usabilidade
Melhorando a Usabilidade
 
Usabilidade - Como melhorar em sites e aplicativos
Usabilidade - Como melhorar em sites e aplicativosUsabilidade - Como melhorar em sites e aplicativos
Usabilidade - Como melhorar em sites e aplicativos
 
Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02
Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02
Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02
 
USABILIDADE NA INTERNET: TESTES, DICAS E CONVERSÃO!
USABILIDADE NA INTERNET: TESTES, DICAS E CONVERSÃO!USABILIDADE NA INTERNET: TESTES, DICAS E CONVERSÃO!
USABILIDADE NA INTERNET: TESTES, DICAS E CONVERSÃO!
 
Teste de usabilidade - WhatsApp
Teste de usabilidade - WhatsAppTeste de usabilidade - WhatsApp
Teste de usabilidade - WhatsApp
 

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
 

Melhorando a Usabilidade - Webdesign - Aula 09

  • 1. USABILIDADE Como aplicar no seus projetos RENATO MELO - 2019
  • 3. O QUE É USABILIDADE?
  • 4. O QUE É USABILIDADE?
  • 5.
  • 6. WHATSAPP: Usuário Novo 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
  • 7. 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, isso não fica claro para o usuário 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
  • 8. 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
  • 9. NÃO É POR QUE DEU CERTO QUE ESTÁ TUDO CERTO!
  • 10. SNAPCHAT: Usuário Novo 1 - Manter a imagem pressionada até o tempo de visualização acabar; 2 - Algumas imagens, se o usuário soltasse antes da hora havia contratempo. Até que ele conseguisse voltar e apertar novamente o tempo acabava e ele ficava sem ler a mensagem; 3 – Problemas com a limitação de caracteres; 4 – Onde adiciono meus amigos do Facebook? 5 – Cadê minha timeline?
  • 11. SIMPLES E FUNCIONAL. DÁ PARA MELHORAR?
  • 12. WAZE: ROTAS SEGURAS Muitas vezes o aplicativo induz o condutor a trafegar por ruas perigosas, expondo-os a riscos potenciais de assaltos, violência e outros infortúnios.
  • 13. WAZE: ROTAS SEGURAS API integrado com notícias ou cadastro de ocorrências ou a comunidade Waze poderia marcar alterações de segurança e ganhar pontos.
  • 14.
  • 15. RADARES O motorista não recebe alertas chamativos, tem que prestar atenção no caminho e na tela do aplicativo a todo momento.
  • 17. FORMULÁRIOS Medida é MP/H ao invés de KM/H o que pode confundir o usuário.
  • 18. PRÉVIA Para 30/3 até às 18h30 renatomelo85@gmail.com ou renato.melo@esamc.br Escolha uma empresa de Santos, analise seu site e mostre maneiras de melhorar a experiência do usuário.
  • 19. EXERCÍCIO Em grupos: Digite no Google “Polo Lacoste”, acesse 3 sites e escreva: •Cite os 3 sites que você pesquisou; •Qual site mais fácil para comprar e por que? •Qual site mais difícil para comprar e por que? •O que você mudaria neste site “mais difícil”?