Download - O UX e usabilidade no Webdesign
![Page 1: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/1.jpg)
O UX e Usabilidade
RENATO MELO - 2015
![Page 2: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/2.jpg)
“Você deve começar com a experiência do usuário e depois ir para a tecnologia”
![Page 3: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/3.jpg)
O USUÁRIO NÃO QUER ESPERAR!
![Page 4: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/4.jpg)
A CADA 100 MILISSEGUNDOS DE TEMPO DE CARREGAMENTO DE PÁGINA REDUZ 1% DE VENDAS NA AMAZON.
AMAZON
![Page 5: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/5.jpg)
AO AUMENTAR O CARREGAMENTO DO SITE DE 0.4 PARA 0.9 SEGUNDOS, PERDEU 20% DA RECEITA EM PUBLICIDADE,
![Page 6: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/6.jpg)
INTERNET ONTEM
Anúncios Sites Institucionais
![Page 7: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/7.jpg)
INTERNET HOJE
Anúncios Sites Institucionais SEO Mobile
RedesSociais
Geo localização ConversãoNo PDV
Logística
![Page 8: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/8.jpg)
USUÁRIO TEM QUE POSSUIR UMA EXPERIÊNCIA POSITIVA EM TODOS OS CANAIS
![Page 9: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/9.jpg)
O QUE PRECISA SER PENSADO
CONTEXTO
USUÁRIOCONTEÚDO
![Page 10: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/10.jpg)
LEMBRE-SE: O FOCO É NAS PESSOAS!
![Page 11: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/11.jpg)
CHECKLIST DO UX
TAMANHO DA TELA
CONECTIVIDADE
OBJETIVOS DO USUÁRIO
AMBIENTES DO USUÁRIO
CAPACIDADE DO USUÁRIO
![Page 12: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/12.jpg)
EXPERIÊNCIA NO CELULAR
![Page 13: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/13.jpg)
NÃO ESTAR NO MOBILE É COMO FECHAR SUA LOJA UMA VEZ POR SEMANA.Fonte: Google
DETALHES
![Page 14: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/14.jpg)
NÃO CONFUNDA O
USUÁRIO!!!
![Page 15: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/15.jpg)
O QUE PRECISA TER?
PÃOMAIONESETOMATEALFACEMUSSARELACHEDDARCARNEOVOONION RINGSBACONKETCHUPMOSTARDA
O HAMBURGUER
![Page 16: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/16.jpg)
O QUE PRECISA TER?
PÃOCARNE
O HAMBURGUER
![Page 17: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/17.jpg)
VALIDAÇÃODA IDEIA
![Page 18: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/18.jpg)
A ARTE DA VALIDAÇÃO:PIADAS ERAM CONTADAS ATÉ PARA AS FAXINEIRAS
![Page 19: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/19.jpg)
A MAIORIA É BURRA
![Page 20: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/20.jpg)
FEZ TESTE?
LANÇOU BETA?
FEZ UM PROTÓTIPO?
ENTÃO O BURRO É VOCÊ!
![Page 21: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/21.jpg)
LEPO
LEP
O N
O T
WIT
TER
![Page 22: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/22.jpg)
MODELO ANTIGO
IDEIADESENVOLVIMENTO
LANÇAMENTO
MAIS CHANCE DE ERROSEM APRENDIZADOSEM CONTINUIDADE
![Page 23: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/23.jpg)
MODELO NOVO
IDEIADESENVOLVIMENTO
LANÇAMENTO
VALIDAÇÃO
ITERAÇÃO
MENOS CHANCE DE ERROAPRENDIZADOCONTINUIDADE
![Page 24: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/24.jpg)
NÃO SE PODE MELHORAR O QUE NÃO SE MEDE
![Page 25: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/25.jpg)
TESTES
![Page 26: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/26.jpg)
MELHORANDOA USABILIDADE
![Page 27: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/27.jpg)
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
![Page 28: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/28.jpg)
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
![Page 29: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/29.jpg)
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
![Page 30: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/30.jpg)
DIRETRIZES PARA O TRABALHO
![Page 31: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/31.jpg)
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
![Page 32: O UX e usabilidade no Webdesign](https://reader034.vdocuments.pub/reader034/viewer/2022042818/55ab2f641a28abb6208b46c4/html5/thumbnails/32.jpg)
PRÉVIA
Enviar até 07.04 às 18h30 via e-mail:
Fazer um relatório sobre a palestra de hoje e criar uma relação do tema abordado com o seu curso.