SlideShare uma empresa Scribd logo
1 de 38
USABILIDADE
Em aplicativos
RENATO MELO - 2020
O QUE É USABILIDADE?
USABILIDADE
AS 6 REGRAS
#1 – Seja Objetivo
Por que o Chrome se
tornou mais utilizado que
o Internet Explorer? o fato
de que o primeiro
consegue ser o mais
objetivo quanto possível.
Ao abri-lo, o usuário se
depara apenas com a
barra de navegação, já
integrada ao mecanismo
de busca. Todas as outras
funcionalidades ficam no
background do layout.
#2 – Menos é Mais
Um aplicativo com
excesso de botões e
funcionalidades confunde
o usuário e, muito
provavelmente, será
preterido em função de
outros mais bem
projetados nesse aspecto.
#3 – Deixe sua
marca
Seu aplicativo deve conter
um diferencial que o
destaque em meio às
outras opções em seu
nicho.
#4 – Cuide do seu
layout
Dê especial atenção na
composição das cores e
fontes. Uma interface
visualmente agradável
pode conquistar o usuário
ao primeiro contato.
#5 – Seja
responsivo
O aplicativo não deve
rodar bem somente no seu
celular. Há vários tipos de
tela, proporções e
dimensões. Certifique-se
que o seu app se ajuste
em qualquer situação.
#6 – Vá direto ao
ponto
Especificidade é a palavra-
chave! Foque na tarefa à
qual o app se propõe a
executar e não inclua um
canivete suíço na sua
criação.
USABILIDADE
OS ERROS MAIS COMUNS
#1 – Fazer pra
iPhone e esquecer
do Android
Android e iOS são duas
plataformas extremamente
diferente. Não é
simplesmente clonar seu
app iOS para o Android.
#2 – Não fazer o
cliente baixar e
voltar
Estudos mostram que
você pode perder de 80 a
90% dos seus usuários se
não está listado como um
‘top app’ na App Store.
Uma tática de retenção
são as notificações push,
elas costumam aumentar
em 71% nos dois
primeiros meses.
#3 – Não ter
Arquitetura Simples
Quando um usuário entra
em um app, ele precisa
entender como circular
dentro dele, para que faça
o que é esperado de forma
fácil e a repita: realizem
uma compra, joguem um
jogo, etc. Muitos
aplicativos são muito
bons, porém se perdem
nisso.
#4 – Dificultar a
criação de conta
Um formulário simples,
um processo rápido de
cadastro ou até mesmo
logar com o Facebook.
Facilite a criação de uma
conta sem que o usuário
fique esperando.
#5 – Falta de testes
As empresas fazem testes
com equipes e
funcionários internos,
porém esquecem de testar
com pessoas de fora e
colher o feedback delas.
Tudo deve ser avaliado:
áreas de distração, tempo
de cada tarefa, etc.
#6 – Não rodar na
vertical e horizontal
Se você pensa primeiro na
horizontal, você começou
errado. O vertical é o
modo nativo de
navegação e pode ser
feito com uma única mão.
Porém, tente também
entregar uma boa versão
de navegação horizontal
para o seu cliente.
#7 – Se basear no
computador
Não dá para confiar na tela
do computador. Leve em
conta tamanho dos textos,
contraste, tamanho dos
botões, etc. Para testar e
fazer as correções
necessárias, você pode
utilizar ferramentas como
o LiveView (iOS) ou o
Android Design Preview.
USABILIDADE
UBER
USABILIDADE
STREAMING
1ª DOBRA
2ª DOBRA
USABILIDADE
WHATSAPP
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
USABILIDADE
SNAPCHAT
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?
USABILIDADE
WAZE
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
USABILIDADE
Em aplicativos
RENATO MELO - 2020

Mais conteúdo relacionado

Mais procurados

Usabilidade em Aplicativos - Webdesign - 2021-01
Usabilidade em Aplicativos - Webdesign - 2021-01Usabilidade em Aplicativos - Webdesign - 2021-01
Usabilidade em Aplicativos - Webdesign - 2021-01Renato Melo
 
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01Renato Melo
 
Planejamento em Redes Sociais - Gestão de Redes Sociais - Aula 1 - 2020
Planejamento em Redes Sociais - Gestão de Redes Sociais - Aula 1 - 2020Planejamento em Redes Sociais - Gestão de Redes Sociais - Aula 1 - 2020
Planejamento em Redes Sociais - Gestão de Redes Sociais - Aula 1 - 2020Renato Melo
 
Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022Renato Melo
 
Vender, Converter, Lançar e Funil - Aulas 22 e 23 - Plataformas Digitais
Vender, Converter, Lançar e Funil - Aulas 22 e 23 - Plataformas DigitaisVender, Converter, Lançar e Funil - Aulas 22 e 23 - Plataformas Digitais
Vender, Converter, Lançar e Funil - Aulas 22 e 23 - Plataformas DigitaisRenato Melo
 
Wireframe em Aplicativos - Webdesign 2022
Wireframe em Aplicativos - Webdesign 2022Wireframe em Aplicativos - Webdesign 2022
Wireframe em Aplicativos - Webdesign 2022Renato Melo
 
Instagram Marketing - Plataformas Digitais - 2020-02
Instagram Marketing - Plataformas Digitais - 2020-02Instagram Marketing - Plataformas Digitais - 2020-02
Instagram Marketing - Plataformas Digitais - 2020-02Renato Melo
 
Ambiente Digital - MBA Comportamento Digital - Aula 01 2020-01
Ambiente Digital - MBA Comportamento Digital - Aula 01 2020-01Ambiente Digital - MBA Comportamento Digital - Aula 01 2020-01
Ambiente Digital - MBA Comportamento Digital - Aula 01 2020-01Renato Melo
 
Facebook Marketing - Gestão de Redes Sociais - Aula 2 - 2020
Facebook Marketing - Gestão de Redes Sociais - Aula 2 - 2020Facebook Marketing - Gestão de Redes Sociais - Aula 2 - 2020
Facebook Marketing - Gestão de Redes Sociais - Aula 2 - 2020Renato Melo
 
Planejamento e Redes Sociais - MBA Dia 2 - 2020
Planejamento e Redes Sociais - MBA Dia 2 - 2020Planejamento e Redes Sociais - MBA Dia 2 - 2020
Planejamento e Redes Sociais - MBA Dia 2 - 2020Renato Melo
 
Twitter, TikTok e Outras Redes Sociais - Plataformas Digitais - 2020-02
Twitter, TikTok e Outras Redes Sociais - Plataformas Digitais - 2020-02Twitter, TikTok e Outras Redes Sociais - Plataformas Digitais - 2020-02
Twitter, TikTok e Outras Redes Sociais - Plataformas Digitais - 2020-02Renato Melo
 
Webdesign: Programação, Website e Redes Sociais
Webdesign: Programação, Website e Redes SociaisWebdesign: Programação, Website e Redes Sociais
Webdesign: Programação, Website e Redes SociaisRenato Melo
 
Manual de Instagram - Conamarc
Manual de Instagram - ConamarcManual de Instagram - Conamarc
Manual de Instagram - ConamarcRenato Melo
 
Anúncios Facebook e Instagram - Plataformas Digitais 2020-02
Anúncios Facebook e Instagram - Plataformas Digitais 2020-02Anúncios Facebook e Instagram - Plataformas Digitais 2020-02
Anúncios Facebook e Instagram - Plataformas Digitais 2020-02Renato Melo
 
Ciencia da Conversao - Funil - Plat Digitais - Aulas 24-25
Ciencia da Conversao - Funil - Plat Digitais - Aulas 24-25Ciencia da Conversao - Funil - Plat Digitais - Aulas 24-25
Ciencia da Conversao - Funil - Plat Digitais - Aulas 24-25Renato Melo
 
SEO, ADWORDS E GOOGLE - Plataformas Digitais - Aulas 28-29
SEO, ADWORDS E GOOGLE - Plataformas Digitais - Aulas 28-29SEO, ADWORDS E GOOGLE - Plataformas Digitais - Aulas 28-29
SEO, ADWORDS E GOOGLE - Plataformas Digitais - Aulas 28-29Renato Melo
 
Planejamento para Redes Sociais - Zopp
Planejamento para Redes Sociais - ZoppPlanejamento para Redes Sociais - Zopp
Planejamento para Redes Sociais - ZoppRenato Melo
 
Planejamento e Redes Sociais - MBA Dia 2 - 2020
Planejamento e Redes Sociais - MBA Dia 2 - 2020Planejamento e Redes Sociais - MBA Dia 2 - 2020
Planejamento e Redes Sociais - MBA Dia 2 - 2020Renato Melo
 
SEO: Noções Básicas
SEO: Noções BásicasSEO: Noções Básicas
SEO: Noções BásicasRenato Melo
 
Comportamento e Ambiente Digital - MBA ESAMC - aula 1
Comportamento e Ambiente Digital - MBA ESAMC - aula 1Comportamento e Ambiente Digital - MBA ESAMC - aula 1
Comportamento e Ambiente Digital - MBA ESAMC - aula 1Renato Melo
 

Mais procurados (20)

Usabilidade em Aplicativos - Webdesign - 2021-01
Usabilidade em Aplicativos - Webdesign - 2021-01Usabilidade em Aplicativos - Webdesign - 2021-01
Usabilidade em Aplicativos - Webdesign - 2021-01
 
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
 
Planejamento em Redes Sociais - Gestão de Redes Sociais - Aula 1 - 2020
Planejamento em Redes Sociais - Gestão de Redes Sociais - Aula 1 - 2020Planejamento em Redes Sociais - Gestão de Redes Sociais - Aula 1 - 2020
Planejamento em Redes Sociais - Gestão de Redes Sociais - Aula 1 - 2020
 
Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022Testes de usabilidade - Webdesign 2022
Testes de usabilidade - Webdesign 2022
 
Vender, Converter, Lançar e Funil - Aulas 22 e 23 - Plataformas Digitais
Vender, Converter, Lançar e Funil - Aulas 22 e 23 - Plataformas DigitaisVender, Converter, Lançar e Funil - Aulas 22 e 23 - Plataformas Digitais
Vender, Converter, Lançar e Funil - Aulas 22 e 23 - Plataformas Digitais
 
Wireframe em Aplicativos - Webdesign 2022
Wireframe em Aplicativos - Webdesign 2022Wireframe em Aplicativos - Webdesign 2022
Wireframe em Aplicativos - Webdesign 2022
 
Instagram Marketing - Plataformas Digitais - 2020-02
Instagram Marketing - Plataformas Digitais - 2020-02Instagram Marketing - Plataformas Digitais - 2020-02
Instagram Marketing - Plataformas Digitais - 2020-02
 
Ambiente Digital - MBA Comportamento Digital - Aula 01 2020-01
Ambiente Digital - MBA Comportamento Digital - Aula 01 2020-01Ambiente Digital - MBA Comportamento Digital - Aula 01 2020-01
Ambiente Digital - MBA Comportamento Digital - Aula 01 2020-01
 
Facebook Marketing - Gestão de Redes Sociais - Aula 2 - 2020
Facebook Marketing - Gestão de Redes Sociais - Aula 2 - 2020Facebook Marketing - Gestão de Redes Sociais - Aula 2 - 2020
Facebook Marketing - Gestão de Redes Sociais - Aula 2 - 2020
 
Planejamento e Redes Sociais - MBA Dia 2 - 2020
Planejamento e Redes Sociais - MBA Dia 2 - 2020Planejamento e Redes Sociais - MBA Dia 2 - 2020
Planejamento e Redes Sociais - MBA Dia 2 - 2020
 
Twitter, TikTok e Outras Redes Sociais - Plataformas Digitais - 2020-02
Twitter, TikTok e Outras Redes Sociais - Plataformas Digitais - 2020-02Twitter, TikTok e Outras Redes Sociais - Plataformas Digitais - 2020-02
Twitter, TikTok e Outras Redes Sociais - Plataformas Digitais - 2020-02
 
Webdesign: Programação, Website e Redes Sociais
Webdesign: Programação, Website e Redes SociaisWebdesign: Programação, Website e Redes Sociais
Webdesign: Programação, Website e Redes Sociais
 
Manual de Instagram - Conamarc
Manual de Instagram - ConamarcManual de Instagram - Conamarc
Manual de Instagram - Conamarc
 
Anúncios Facebook e Instagram - Plataformas Digitais 2020-02
Anúncios Facebook e Instagram - Plataformas Digitais 2020-02Anúncios Facebook e Instagram - Plataformas Digitais 2020-02
Anúncios Facebook e Instagram - Plataformas Digitais 2020-02
 
Ciencia da Conversao - Funil - Plat Digitais - Aulas 24-25
Ciencia da Conversao - Funil - Plat Digitais - Aulas 24-25Ciencia da Conversao - Funil - Plat Digitais - Aulas 24-25
Ciencia da Conversao - Funil - Plat Digitais - Aulas 24-25
 
SEO, ADWORDS E GOOGLE - Plataformas Digitais - Aulas 28-29
SEO, ADWORDS E GOOGLE - Plataformas Digitais - Aulas 28-29SEO, ADWORDS E GOOGLE - Plataformas Digitais - Aulas 28-29
SEO, ADWORDS E GOOGLE - Plataformas Digitais - Aulas 28-29
 
Planejamento para Redes Sociais - Zopp
Planejamento para Redes Sociais - ZoppPlanejamento para Redes Sociais - Zopp
Planejamento para Redes Sociais - Zopp
 
Planejamento e Redes Sociais - MBA Dia 2 - 2020
Planejamento e Redes Sociais - MBA Dia 2 - 2020Planejamento e Redes Sociais - MBA Dia 2 - 2020
Planejamento e Redes Sociais - MBA Dia 2 - 2020
 
SEO: Noções Básicas
SEO: Noções BásicasSEO: Noções Básicas
SEO: Noções Básicas
 
Comportamento e Ambiente Digital - MBA ESAMC - aula 1
Comportamento e Ambiente Digital - MBA ESAMC - aula 1Comportamento e Ambiente Digital - MBA ESAMC - aula 1
Comportamento e Ambiente Digital - MBA ESAMC - aula 1
 

Semelhante a Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02

10 razões para coisas inúteis em APPs
10 razões para coisas inúteis em APPs10 razões para coisas inúteis em APPs
10 razões para coisas inúteis em APPsFernando Dineli
 
Workshop sobre Métricas para Aplicativos Mobile
Workshop sobre Métricas para Aplicativos MobileWorkshop sobre Métricas para Aplicativos Mobile
Workshop sobre Métricas para Aplicativos MobileAmure Pinho
 
Launchpad Build-BH - Migrando para um mundo material
Launchpad Build-BH - Migrando para um mundo materialLaunchpad Build-BH - Migrando para um mundo material
Launchpad Build-BH - Migrando para um mundo materialAna Paula Batista
 
Meu Vivo App: Quando ouvimos o nosso cliente e criamos um novo aplicativo
Meu Vivo App: Quando ouvimos o nosso cliente e criamos um novo aplicativoMeu Vivo App: Quando ouvimos o nosso cliente e criamos um novo aplicativo
Meu Vivo App: Quando ouvimos o nosso cliente e criamos um novo aplicativoAdriano Vieland
 
Usabilidade como frustrar seus usuários com a sua interface
Usabilidade   como frustrar seus usuários com a sua interfaceUsabilidade   como frustrar seus usuários com a sua interface
Usabilidade como frustrar seus usuários com a sua interfaceMoises Rabelo de Lima
 
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5Paulo César Silva
 
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
 
If baiano ihc - aula 06 - comunicabilidade
If baiano   ihc - aula 06 - comunicabilidadeIf baiano   ihc - aula 06 - comunicabilidade
If baiano ihc - aula 06 - comunicabilidadeIFBaiano
 
Gestão de projetos em soluções mobile
Gestão de projetos em soluções mobileGestão de projetos em soluções mobile
Gestão de projetos em soluções mobileMarcos Fabrício
 
Projete pensando no usuário e todo mundo sai ganhando
Projete pensando no usuário e todo mundo sai ganhandoProjete pensando no usuário e todo mundo sai ganhando
Projete pensando no usuário e todo mundo sai ganhandoJuliana Fernandes
 
Apresentacao IHC 2010.2
Apresentacao IHC 2010.2Apresentacao IHC 2010.2
Apresentacao IHC 2010.2Pablo Veinberg
 
Avaliação de usabilidade
Avaliação de usabilidadeAvaliação de usabilidade
Avaliação de usabilidadeJonas Henrique
 
Entenda porque seu aplicativo de Android não deve ser igual ao de iPhone
Entenda porque seu aplicativo de Android não deve ser igual ao de iPhoneEntenda porque seu aplicativo de Android não deve ser igual ao de iPhone
Entenda porque seu aplicativo de Android não deve ser igual ao de iPhoneHenrique Perticarati
 
Produção de website
Produção de websiteProdução de website
Produção de websiteLauren Piana
 
JoinCommunity 2 - Projetando um novo app usando user centered design
JoinCommunity 2 - Projetando um novo app usando user centered designJoinCommunity 2 - Projetando um novo app usando user centered design
JoinCommunity 2 - Projetando um novo app usando user centered designFernando Camargo
 
Caracteristicas da Usabilidade
Caracteristicas da UsabilidadeCaracteristicas da Usabilidade
Caracteristicas da UsabilidadeFernando Vargas
 
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
 
Os 10 erros que a sua empresa pode estar cometendo em mídias sociais
Os 10 erros que a sua empresa pode estar cometendo em mídias sociaisOs 10 erros que a sua empresa pode estar cometendo em mídias sociais
Os 10 erros que a sua empresa pode estar cometendo em mídias sociaisThais Godinho
 
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
 

Semelhante a Usabilidade em Aplicativos - Webdesign - Aula 03 - 2020-02 (20)

10 razões para coisas inúteis em APPs
10 razões para coisas inúteis em APPs10 razões para coisas inúteis em APPs
10 razões para coisas inúteis em APPs
 
Workshop sobre Métricas para Aplicativos Mobile
Workshop sobre Métricas para Aplicativos MobileWorkshop sobre Métricas para Aplicativos Mobile
Workshop sobre Métricas para Aplicativos Mobile
 
Launchpad Build-BH - Migrando para um mundo material
Launchpad Build-BH - Migrando para um mundo materialLaunchpad Build-BH - Migrando para um mundo material
Launchpad Build-BH - Migrando para um mundo material
 
Meu Vivo App: Quando ouvimos o nosso cliente e criamos um novo aplicativo
Meu Vivo App: Quando ouvimos o nosso cliente e criamos um novo aplicativoMeu Vivo App: Quando ouvimos o nosso cliente e criamos um novo aplicativo
Meu Vivo App: Quando ouvimos o nosso cliente e criamos um novo aplicativo
 
Usabilidade como frustrar seus usuários com a sua interface
Usabilidade   como frustrar seus usuários com a sua interfaceUsabilidade   como frustrar seus usuários com a sua interface
Usabilidade como frustrar seus usuários com a sua interface
 
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
 
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!
 
If baiano ihc - aula 06 - comunicabilidade
If baiano   ihc - aula 06 - comunicabilidadeIf baiano   ihc - aula 06 - comunicabilidade
If baiano ihc - aula 06 - comunicabilidade
 
Gestão de projetos em soluções mobile
Gestão de projetos em soluções mobileGestão de projetos em soluções mobile
Gestão de projetos em soluções mobile
 
Projete pensando no usuário e todo mundo sai ganhando
Projete pensando no usuário e todo mundo sai ganhandoProjete pensando no usuário e todo mundo sai ganhando
Projete pensando no usuário e todo mundo sai ganhando
 
Apresentacao IHC 2010.2
Apresentacao IHC 2010.2Apresentacao IHC 2010.2
Apresentacao IHC 2010.2
 
Avaliação de usabilidade
Avaliação de usabilidadeAvaliação de usabilidade
Avaliação de usabilidade
 
Entenda porque seu aplicativo de Android não deve ser igual ao de iPhone
Entenda porque seu aplicativo de Android não deve ser igual ao de iPhoneEntenda porque seu aplicativo de Android não deve ser igual ao de iPhone
Entenda porque seu aplicativo de Android não deve ser igual ao de iPhone
 
Web Design > Usabilidade
Web Design > UsabilidadeWeb Design > Usabilidade
Web Design > Usabilidade
 
Produção de website
Produção de websiteProdução de website
Produção de website
 
JoinCommunity 2 - Projetando um novo app usando user centered design
JoinCommunity 2 - Projetando um novo app usando user centered designJoinCommunity 2 - Projetando um novo app usando user centered design
JoinCommunity 2 - Projetando um novo app usando user centered design
 
Caracteristicas da Usabilidade
Caracteristicas da UsabilidadeCaracteristicas da Usabilidade
Caracteristicas da 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
 
Os 10 erros que a sua empresa pode estar cometendo em mídias sociais
Os 10 erros que a sua empresa pode estar cometendo em mídias sociaisOs 10 erros que a sua empresa pode estar cometendo em mídias sociais
Os 10 erros que a sua empresa pode estar cometendo em mídias sociais
 
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
 

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 em Aplicativos - Webdesign - Aula 03 - 2020-02

  • 2. O QUE É USABILIDADE?
  • 4. #1 – Seja Objetivo Por que o Chrome se tornou mais utilizado que o Internet Explorer? o fato de que o primeiro consegue ser o mais objetivo quanto possível. Ao abri-lo, o usuário se depara apenas com a barra de navegação, já integrada ao mecanismo de busca. Todas as outras funcionalidades ficam no background do layout.
  • 5. #2 – Menos é Mais Um aplicativo com excesso de botões e funcionalidades confunde o usuário e, muito provavelmente, será preterido em função de outros mais bem projetados nesse aspecto.
  • 6. #3 – Deixe sua marca Seu aplicativo deve conter um diferencial que o destaque em meio às outras opções em seu nicho.
  • 7. #4 – Cuide do seu layout Dê especial atenção na composição das cores e fontes. Uma interface visualmente agradável pode conquistar o usuário ao primeiro contato.
  • 8. #5 – Seja responsivo O aplicativo não deve rodar bem somente no seu celular. Há vários tipos de tela, proporções e dimensões. Certifique-se que o seu app se ajuste em qualquer situação.
  • 9. #6 – Vá direto ao ponto Especificidade é a palavra- chave! Foque na tarefa à qual o app se propõe a executar e não inclua um canivete suíço na sua criação.
  • 11. #1 – Fazer pra iPhone e esquecer do Android Android e iOS são duas plataformas extremamente diferente. Não é simplesmente clonar seu app iOS para o Android.
  • 12. #2 – Não fazer o cliente baixar e voltar Estudos mostram que você pode perder de 80 a 90% dos seus usuários se não está listado como um ‘top app’ na App Store. Uma tática de retenção são as notificações push, elas costumam aumentar em 71% nos dois primeiros meses.
  • 13. #3 – Não ter Arquitetura Simples Quando um usuário entra em um app, ele precisa entender como circular dentro dele, para que faça o que é esperado de forma fácil e a repita: realizem uma compra, joguem um jogo, etc. Muitos aplicativos são muito bons, porém se perdem nisso.
  • 14. #4 – Dificultar a criação de conta Um formulário simples, um processo rápido de cadastro ou até mesmo logar com o Facebook. Facilite a criação de uma conta sem que o usuário fique esperando.
  • 15. #5 – Falta de testes As empresas fazem testes com equipes e funcionários internos, porém esquecem de testar com pessoas de fora e colher o feedback delas. Tudo deve ser avaliado: áreas de distração, tempo de cada tarefa, etc.
  • 16. #6 – Não rodar na vertical e horizontal Se você pensa primeiro na horizontal, você começou errado. O vertical é o modo nativo de navegação e pode ser feito com uma única mão. Porém, tente também entregar uma boa versão de navegação horizontal para o seu cliente.
  • 17. #7 – Se basear no computador Não dá para confiar na tela do computador. Leve em conta tamanho dos textos, contraste, tamanho dos botões, etc. Para testar e fazer as correções necessárias, você pode utilizar ferramentas como o LiveView (iOS) ou o Android Design Preview.
  • 19.
  • 20.
  • 25. 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
  • 26. 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
  • 27. 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. NÃO É POR QUE DEU CERTO QUE ESTÁ TUDO CERTO!
  • 30. 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?
  • 32. SIMPLES E FUNCIONAL. DÁ PARA MELHORAR?
  • 33. 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.
  • 34. 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.
  • 35.
  • 36. RADARES O motorista não recebe alertas chamativos, tem que prestar atenção no caminho e na tela do aplicativo a todo momento.