SlideShare uma empresa Scribd logo
TÉCNICAS
DE
USABILIDAD
E
RENATO MELO - 2022
USABILIDADE
Tempo
1) FEEDBACK
Mais de 2 segundos para abrir
um site e ele já é penalizado
no ranking de buscas (SEO)
O QUE O
GOOGLE DIZ?
47% dos consumidores esperam
que a página carregue em 2
segundos ou menos.
CONSUMIDORES
40% dos consumidores não irão
esperar mais do que 3 segundos
pelo carregamento de uma página.
Depois disso eles irão abandonar o
site.
CONSUMIDORES
52% dos consumidores afirmam
que a velocidade está diretamente
associada com a fidelidade a um
determinado site.
CONSUMIDORES
A CADA 100 MILISSEGUNDOS DE TEMPO
DE CARREGAMENTO DE PÁGINA REDUZ
1% DE VENDAS NA AMAZON.
AMAZON
AO AUMENTAR O CARREGAMENTO DO
SITE DE 0.4 PARA 0.9 SEGUNDOS, PERDEU
20% DA RECEITA EM PUBLICIDADE,
GOOGLE
USABILIDADE
CHECKLIST
Verificar se o site abre
bem em todas as telas
TAMANHO
DE TELA
Cuidado com imagens e
arquivos pesados. O
site deve abrir rápido
no 4G.
CONEXÃO
O que o usuário pretende ao entrar
no site/app?
Compras, Orçamento, Preço, Imagens, Contato
OBJETIVO
Em qual ambiente seu usuário costuma
acessar? Ele está com pouco ou muito tempo?
AMBIENTE
De acordo com a classe social / idade do
usuário, qual a capacidade de uso do seu
público alvo?
CAPACIDADE
Qual seu objetivo? Orçamento? Venda?
Contato? Como é feita sua conversão?
CONVERSÃO
CHECKLIST
GERAL
 TAMANHO DA TELA
 CONECTIVIDADE
 OBJETIVOS DO USUÁRIO
 AMBIENTES DO USUÁRIO
 CAPACIDADE DO USUÁRIO
CONVERSÃO
USABILIDADE
EXERCÍCIO
EM DUPLAS OU TRIOS
 Escolham um app que vocês tenham e
achem difícil de usar.
 Criem soluções para problemas de
usabilidade;
 Façam um wireframe da solução de pelo
menos 1 página.
TÉCNICAS
DE
USABILIDAD
E
RENATO MELO - 2022

Mais conteúdo relacionado

Mais procurados

Vetorização - Computação Gráfica 2022
Vetorização - Computação Gráfica 2022Vetorização - Computação Gráfica 2022
Vetorização - Computação Gráfica 2022Renato Melo
 
Cartão de Visita com Verniz Localizado - Computação Gráfica - 2022
Cartão de Visita com Verniz Localizado - Computação Gráfica - 2022Cartão de Visita com Verniz Localizado - Computação Gráfica - 2022
Cartão de Visita com Verniz Localizado - Computação Gráfica - 2022Renato Melo
 
Redes Sociais - Computação Gráfica - 2022
Redes Sociais - Computação Gráfica - 2022Redes Sociais - Computação Gráfica - 2022
Redes Sociais - Computação Gráfica - 2022Renato Melo
 
Design para Impressos - Comp Grafica 1
Design para Impressos - Comp Grafica 1Design para Impressos - Comp Grafica 1
Design para Impressos - Comp Grafica 1Renato Melo
 
Como criar um Cartão de Visita - Computação Gráfica 2022
Como criar um Cartão de Visita - Computação Gráfica 2022Como criar um Cartão de Visita - Computação Gráfica 2022
Como criar um Cartão de Visita - Computação Gráfica 2022Renato Melo
 
Tipografia no Design Impresso - Computação Gráfica 2022
Tipografia no Design Impresso - Computação Gráfica 2022Tipografia no Design Impresso - Computação Gráfica 2022
Tipografia no Design Impresso - Computação Gráfica 2022Renato Melo
 
Aula 2 formato de imagens
Aula 2 formato de imagensAula 2 formato de imagens
Aula 2 formato de imagensRafael Serra
 
Cartão de Visita com Verniz Localizado - Computação Gráfica - 2022
Cartão de Visita com Verniz Localizado - Computação Gráfica - 2022Cartão de Visita com Verniz Localizado - Computação Gráfica - 2022
Cartão de Visita com Verniz Localizado - Computação Gráfica - 2022Renato Melo
 
PHOTOSHOP BASICS
PHOTOSHOP BASICSPHOTOSHOP BASICS
PHOTOSHOP BASICSshhajira
 
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
 
Cores no Design Gráfico - Computação Gráfica 2022
Cores no Design Gráfico - Computação Gráfica 2022Cores no Design Gráfico - Computação Gráfica 2022
Cores no Design Gráfico - Computação Gráfica 2022Renato Melo
 
Logo - Computação Gráfica - 2022
Logo - Computação Gráfica - 2022Logo - Computação Gráfica - 2022
Logo - Computação Gráfica - 2022Renato Melo
 
All Type - Combinação de Cores e Fontes - Computação Gráfica 2022
All Type - Combinação de Cores e Fontes - Computação Gráfica 2022All Type - Combinação de Cores e Fontes - Computação Gráfica 2022
All Type - Combinação de Cores e Fontes - Computação Gráfica 2022Renato Melo
 
RECORTE E CENÁRIOS NO PHOTOSHOP
RECORTE E CENÁRIOS NO PHOTOSHOPRECORTE E CENÁRIOS NO PHOTOSHOP
RECORTE E CENÁRIOS NO PHOTOSHOPRenato Melo
 
Cartão de Visita - Computação Gráfica 2022-01
Cartão de Visita - Computação Gráfica 2022-01Cartão de Visita - Computação Gráfica 2022-01
Cartão de Visita - Computação Gráfica 2022-01Renato Melo
 

Mais procurados (20)

Vetorização - Computação Gráfica 2022
Vetorização - Computação Gráfica 2022Vetorização - Computação Gráfica 2022
Vetorização - Computação Gráfica 2022
 
Cartão de Visita com Verniz Localizado - Computação Gráfica - 2022
Cartão de Visita com Verniz Localizado - Computação Gráfica - 2022Cartão de Visita com Verniz Localizado - Computação Gráfica - 2022
Cartão de Visita com Verniz Localizado - Computação Gráfica - 2022
 
Redes Sociais - Computação Gráfica - 2022
Redes Sociais - Computação Gráfica - 2022Redes Sociais - Computação Gráfica - 2022
Redes Sociais - Computação Gráfica - 2022
 
Design para Impressos - Comp Grafica 1
Design para Impressos - Comp Grafica 1Design para Impressos - Comp Grafica 1
Design para Impressos - Comp Grafica 1
 
Como criar um Cartão de Visita - Computação Gráfica 2022
Como criar um Cartão de Visita - Computação Gráfica 2022Como criar um Cartão de Visita - Computação Gráfica 2022
Como criar um Cartão de Visita - Computação Gráfica 2022
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Tipografia no Design Impresso - Computação Gráfica 2022
Tipografia no Design Impresso - Computação Gráfica 2022Tipografia no Design Impresso - Computação Gráfica 2022
Tipografia no Design Impresso - Computação Gráfica 2022
 
Aula 2 formato de imagens
Aula 2 formato de imagensAula 2 formato de imagens
Aula 2 formato de imagens
 
Cartão de Visita com Verniz Localizado - Computação Gráfica - 2022
Cartão de Visita com Verniz Localizado - Computação Gráfica - 2022Cartão de Visita com Verniz Localizado - Computação Gráfica - 2022
Cartão de Visita com Verniz Localizado - Computação Gráfica - 2022
 
PHOTOSHOP BASICS
PHOTOSHOP BASICSPHOTOSHOP BASICS
PHOTOSHOP BASICS
 
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
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Cores no Design Gráfico - Computação Gráfica 2022
Cores no Design Gráfico - Computação Gráfica 2022Cores no Design Gráfico - Computação Gráfica 2022
Cores no Design Gráfico - Computação Gráfica 2022
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Noções de planejamento visual
Noções de planejamento visualNoções de planejamento visual
Noções de planejamento visual
 
Logo - Computação Gráfica - 2022
Logo - Computação Gráfica - 2022Logo - Computação Gráfica - 2022
Logo - Computação Gráfica - 2022
 
Photoshop Básico: Aula 1
Photoshop Básico: Aula 1Photoshop Básico: Aula 1
Photoshop Básico: Aula 1
 
All Type - Combinação de Cores e Fontes - Computação Gráfica 2022
All Type - Combinação de Cores e Fontes - Computação Gráfica 2022All Type - Combinação de Cores e Fontes - Computação Gráfica 2022
All Type - Combinação de Cores e Fontes - Computação Gráfica 2022
 
RECORTE E CENÁRIOS NO PHOTOSHOP
RECORTE E CENÁRIOS NO PHOTOSHOPRECORTE E CENÁRIOS NO PHOTOSHOP
RECORTE E CENÁRIOS NO PHOTOSHOP
 
Cartão de Visita - Computação Gráfica 2022-01
Cartão de Visita - Computação Gráfica 2022-01Cartão de Visita - Computação Gráfica 2022-01
Cartão de Visita - Computação Gráfica 2022-01
 

Mais 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
 

Mais 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 no Webdesign 2022