O documento discute a importância da experiência do usuário (UX) no design de sites web. Ele enfatiza que o foco deve ser na experiência do usuário, não na tecnologia, e que os usuários não querem sites lentos ou problemáticos. Além disso, destaca a importância de testar os sites com usuários e iterar o design com base no feedback, para garantir uma boa experiência em todos os dispositivos e contextos.

1. UX
User Experience
no Webdesign
RENATO MELO - 2014

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
SABER DE TECNOLOGIA

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

5. 75% DOS USUÁRIOS NÃO COMPRAM
QUANDO UM SITE TEM UM PROBLEMA DE:
CONGELAMENTO
CRASH
MUITO TEMPO DE CARREGAMENTO

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

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

8. Conveniente
Funciona
exatamente como
você pensa

9. INTERNET ONTEM
Anúncios Sites Institucionais

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

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

12. UX TEM QUE SER
PENSADO EM TODOS
OS NÍVEIS:
PLANEJAMENTO
DESIGN
FRONT-END
BACK-END

13. O QUE PRECISA
SER PENSADO
CONTEXTO
CONTEÚDO USUÁRIO

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

15. • Interface para todas as
telas
• Todas as Conexões
(Desde Edge à Fibra
Ótica)
• Todos os navegadores
• Qualquer ambiente
• Qualquer nível de
conhecimento do
usuário

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

17. EXEMPLOS DA
CLASSE

18. O cadastro no site é feito com facilidade,
porém para cancelar os serviços não possui a
mesma facilidade. O cancelamento dos
serviços só pode ser feito pessoalmente, quando
pode-se acrescentar o descadastramento com
um link em um botão.
Evelise

19. O telefone não é o do hotel descrito e sim o do
próprio hotels.com. O que forçaria o usuário a
realizar a reserva através do serviço site e não
diretamente com o hotel.
Evelise

20. Desirée
Fraca identidade visual , confuso e não roda no celular
• No link do RH há elementos digitalizados de uma folha de
sulfite;
• No link da galeria de fotos há apenas uma foto da
tomografia;
• No link de Localização aparece o endereço e o mapa
mundi inteiro, sem indicar o local exato do hospital no
mapa;
• O link de webmail abre na mesma guia ao invés de abrir
em uma nova guia;
• Há muito destaque a informações inúteis como: previsão
do tempo, links úteis e enquete, além do login de página
restrita;
• A mesma enquete que fala sobre doação de órgãos está
no ar desde 2010.

21. Andressa
O site muitas vezes não faz o comando pedido pelo usuário,
quando clicado em algo, abre uma nova janela com um
novo conteúdo que não tem nada a ver com o site.
Ao mudar localização aparece o alfabeto e não a cidade
que foi solicitada
Muitas propagandas com efeitos que ao mesmo tempo não
tem nada a ver com o site e que atrapalha muito na
visualização do conteúdo proposto pelo site.

22. EXPERIÊNCIA
NO CELULAR

23. DETALHES
NÃO ESTAR NO
MOBILE É COMO
FECHAR SUA LOJA
UMA VEZ POR
SEMANA.

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

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

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

27. BELEZA X
PRATICIDADE

29. VALIDAÇÃO
DA IDEIA

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

31. “Aprenda com os
comentários.
Muitas vezes eles
são mais criativos
do que o
próprio post”

32. A MAIORIA É
BURRA

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

34. LEPO LEPO NO TWITTER

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

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

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

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