A importância do UX e da Usabilidade no Projeto de Webdesign

1. O UX e
Usabilidade
RENATO MELO - 2015

2. “Você deve
começar com
a experiência
do usuário e
depois ir para a
tecnologia”

3. O USUÁRIO NÃO
QUER ESPERAR!

4. A CADA 100 MILISSEGUNDOS DE TEMPO DE
CARREGAMENTO DE PÁGINA REDUZ 1% DE
VENDAS NA AMAZON.
AMAZON

5. AO AUMENTAR O CARREGAMENTO DO SITE
DE 0.4 PARA 0.9 SEGUNDOS, PERDEU 20% DA
RECEITA EM PUBLICIDADE,
GOOGLE

6. INTERNET ONTEM
Anúncios Sites Institucionais

7. INTERNET HOJE
Anúncios Sites Institucionais SEO Mobile
Redes
Sociais
Geo localização Conversão
No PDV
Logística

8. USUÁRIO TEM QUE POSSUIR
UMA EXPERIÊNCIA POSITIVA
EM TODOS OS CANAIS

9. O QUE PRECISA
SER PENSADO
CONTEXTO
USUÁRIOCONTEÚDO

10. LEMBRE-SE: O
FOCO É NAS
PESSOAS!

11. CHECKLIST DO UX
 TAMANHO DA TELA
 CONECTIVIDADE
 OBJETIVOS DO USUÁRIO
 AMBIENTES DO USUÁRIO
 CAPACIDADE DO USUÁRIO

12. EXPERIÊNCIA
NO CELULAR

13. NÃO ESTAR NO
MOBILE É COMO
FECHAR SUA LOJA
UMA VEZ POR
SEMANA.
Fonte: Google
DETALHES

14. NÃO
CONFUNDA O
USUÁRIO!!!

15. O QUE PRECISA
TER?
PÃO
MAIONESE
TOMATE
ALFACE
MUSSARELA
CHEDDAR
CARNE
OVO
ONION RINGS
BACON
KETCHUP
MOSTARDA
O HAMBURGUER

16. O QUE PRECISA
TER?
PÃO
CARNE
O HAMBURGUER

17. VALIDAÇÃO
DA IDEIA

18. A ARTE DA VALIDAÇÃO:
PIADAS ERAM CONTADAS ATÉ
PARA AS FAXINEIRAS

19. A MAIORIA É
BURRA

20. FEZ TESTE?
LANÇOU BETA?
FEZ UM PROTÓTIPO?
ENTÃO O BURRO
É VOCÊ!

21. LEPOLEPONOTWITTER

22. MODELO ANTIGO
IDEIA
DESEN
VOLVI
MENTO
LANÇA
MENTO
MAIS CHANCE DE ERRO
SEM APRENDIZADO
SEM CONTINUIDADE

23. MODELO NOVO
IDEIA
DESEN
VOLVI
MENTO
LANÇA
MENTO
VALIDA
ÇÃO
ITERA
ÇÃO
MENOS CHANCE DE ERRO
APRENDIZADO
CONTINUIDADE

24. NÃO SE PODE
MELHORAR O QUE
NÃO SE MEDE

25. TESTES

26. MELHORANDO
A USABILIDADE

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. DIRETRIZES PARA
O TRABALHO

31. 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

32. 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.

33. FACEBOOK.COM/
RENATOMELOMKT
renato@iskadigital.com.br