UX 
User Experience 
no Webdesign 
RENATO MELO - 2014
“Você deve 
começar com 
a experiência 
do usuário e 
depois ir para a 
tecnologia”
O USUÁRIO NÃO QUER 
SABER DE TECNOLOGIA
O USUÁRIO NÃO 
QUER ESPERAR!
75% DOS USUÁRIOS NÃO COMPRAM 
QUANDO UM SITE TEM UM PROBLEMA DE: 
CONGELAMENTO 
CRASH 
MUITO TEMPO DE CARREGAMENTO
AMAZON 
A CADA 100 MILISSEGUNDOS DE TEMPO DE 
CARREGAMENTO DE PÁGINA REDUZ 1% DE 
VENDAS NA AMAZON.
GOOGLE 
AO AUMENTAR O CARREGAMENTO DO SITE 
DE 0.4 PARA 0.9 SEGUNDOS, PERDEU 20% DA 
RECEITA EM PUBLICIDADE,
Conveniente 
Funciona 
exatamente como 
você pensa
INTERNET ONTEM 
Anúncios Sites Institucionais
INTERNET HOJE 
Anúncios Sites Institucionais SEO Mobile 
Redes 
Sociais 
Geo localização Conversão 
No PDV 
Logística
USUÁRIO TEM QUE POSSUIR 
UMA EXPERIÊNCIA POSITIVA 
EM TODOS OS CANAIS
UX TEM QUE SER 
PENSADO EM TODOS 
OS NÍVEIS: 
PLANEJAMENTO 
DESIGN 
FRONT-END 
BACK-END
O QUE PRECISA 
SER PENSADO 
CONTEXTO 
CONTEÚDO USUÁRIO
CHECKLIST DO UX 
 TAMANHO DA TELA 
 CONECTIVIDADE 
 OBJETIVOS DO USUÁRIO 
 AMBIENTES DO USUÁRIO 
 CAPACIDADE DO USUÁR...
• Interface para todas as 
telas 
• Todas as Conexões 
(Desde Edge à Fibra 
Ótica) 
• Todos os navegadores 
• Qualquer amb...
LEMBRE-SE: O 
FOCO É NAS 
PESSOAS!
EXEMPLOS DA 
CLASSE
O cadastro no site é feito com facilidade, 
porém para cancelar os serviços não possui a 
mesma facilidade. O cancelamento...
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é...
Desirée 
Fraca identidade visual , confuso e não roda no celular 
• No link do RH há elementos digitalizados de uma folha ...
Andressa 
O site muitas vezes não faz o comando pedido pelo usuário, 
quando clicado em algo, abre uma nova janela com um ...
EXPERIÊNCIA 
NO CELULAR
DETALHES 
NÃO ESTAR NO 
MOBILE É COMO 
FECHAR SUA LOJA 
UMA VEZ POR 
SEMANA.
NÃO 
CONFUNDA O 
USUÁRIO!!!
O HAMBURGUER 
O QUE PRECISA 
TER? 
PÃO 
MAIONESE 
TOMATE 
ALFACE 
MUSSARELA 
CHEDDAR 
CARNE 
OVO 
ONION RINGS 
BACON 
KETC...
O HAMBURGUER 
O QUE PRECISA 
TER? 
PÃO 
CARNE
BELEZA X 
PRATICIDADE
VALIDAÇÃO 
DA IDEIA
A ARTE DA VALIDAÇÃO: 
PIADAS ERAM CONTADAS ATÉ 
PARA AS FAXINEIRAS
“Aprenda com os 
comentários. 
Muitas vezes eles 
são mais criativos 
do que o 
próprio post”
A MAIORIA É 
BURRA
FEZ TESTE? 
LANÇOU BETA? 
FEZ UM PROTÓTIPO? 
ENTÃO O BURRO 
É VOCÊ!
LEPO LEPO NO TWITTER
MODELO ANTIGO 
IDEIA 
DESEN 
VOLVI 
MENTO 
LANÇA 
MENTO 
MAIS CHANCE DE ERRO 
SEM APRENDIZADO 
SEM CONTINUIDADE
MODELO NOVO 
IDEIA 
MENOS CHANCE DE ERRO 
APRENDIZADO 
CONTINUIDADE 
DESEN 
VOLVI 
MENTO 
LANÇA 
MENTO 
VALIDA 
ÇÃO 
ITERA...
NÃO SE PODE 
MELHORAR O QUE 
NÃO SE MEDE
FACEBOOK.COM/ 
RENATOMELOMKT 
renato@iskadigital.com.br
UX - USER EXPERIENCE
Upcoming SlideShare
Loading in …5
×

UX - USER EXPERIENCE

714 views

Published on

A IMPORTÂNCIA DO UX NO MERCADO E PORQUE O PROCESSO DE DESIGN THINKING É ESSENCIAL

Published in: Marketing

UX - USER EXPERIENCE

  1. 1. UX User Experience no Webdesign RENATO MELO - 2014
  2. 2. “Você deve começar com a experiência do usuário e depois ir para a tecnologia”
  3. 3. O USUÁRIO NÃO QUER SABER DE TECNOLOGIA
  4. 4. O USUÁRIO NÃO QUER ESPERAR!
  5. 5. 75% DOS USUÁRIOS NÃO COMPRAM QUANDO UM SITE TEM UM PROBLEMA DE: CONGELAMENTO CRASH MUITO TEMPO DE CARREGAMENTO
  6. 6. AMAZON A CADA 100 MILISSEGUNDOS DE TEMPO DE CARREGAMENTO DE PÁGINA REDUZ 1% DE VENDAS NA AMAZON.
  7. 7. GOOGLE AO AUMENTAR O CARREGAMENTO DO SITE DE 0.4 PARA 0.9 SEGUNDOS, PERDEU 20% DA RECEITA EM PUBLICIDADE,
  8. 8. Conveniente Funciona exatamente como você pensa
  9. 9. INTERNET ONTEM Anúncios Sites Institucionais
  10. 10. INTERNET HOJE Anúncios Sites Institucionais SEO Mobile Redes Sociais Geo localização Conversão No PDV Logística
  11. 11. USUÁRIO TEM QUE POSSUIR UMA EXPERIÊNCIA POSITIVA EM TODOS OS CANAIS
  12. 12. UX TEM QUE SER PENSADO EM TODOS OS NÍVEIS: PLANEJAMENTO DESIGN FRONT-END BACK-END
  13. 13. O QUE PRECISA SER PENSADO CONTEXTO CONTEÚDO USUÁRIO
  14. 14. CHECKLIST DO UX  TAMANHO DA TELA  CONECTIVIDADE  OBJETIVOS DO USUÁRIO  AMBIENTES DO USUÁRIO  CAPACIDADE DO USUÁRIO
  15. 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. 16. LEMBRE-SE: O FOCO É NAS PESSOAS!
  17. 17. EXEMPLOS DA CLASSE
  18. 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. 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. 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. 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. 22. EXPERIÊNCIA NO CELULAR
  23. 23. DETALHES NÃO ESTAR NO MOBILE É COMO FECHAR SUA LOJA UMA VEZ POR SEMANA.
  24. 24. NÃO CONFUNDA O USUÁRIO!!!
  25. 25. O HAMBURGUER O QUE PRECISA TER? PÃO MAIONESE TOMATE ALFACE MUSSARELA CHEDDAR CARNE OVO ONION RINGS BACON KETCHUP MOSTARDA
  26. 26. O HAMBURGUER O QUE PRECISA TER? PÃO CARNE
  27. 27. BELEZA X PRATICIDADE
  28. 28. VALIDAÇÃO DA IDEIA
  29. 29. A ARTE DA VALIDAÇÃO: PIADAS ERAM CONTADAS ATÉ PARA AS FAXINEIRAS
  30. 30. “Aprenda com os comentários. Muitas vezes eles são mais criativos do que o próprio post”
  31. 31. A MAIORIA É BURRA
  32. 32. FEZ TESTE? LANÇOU BETA? FEZ UM PROTÓTIPO? ENTÃO O BURRO É VOCÊ!
  33. 33. LEPO LEPO NO TWITTER
  34. 34. MODELO ANTIGO IDEIA DESEN VOLVI MENTO LANÇA MENTO MAIS CHANCE DE ERRO SEM APRENDIZADO SEM CONTINUIDADE
  35. 35. MODELO NOVO IDEIA MENOS CHANCE DE ERRO APRENDIZADO CONTINUIDADE DESEN VOLVI MENTO LANÇA MENTO VALIDA ÇÃO ITERA ÇÃO
  36. 36. NÃO SE PODE MELHORAR O QUE NÃO SE MEDE
  37. 37. FACEBOOK.COM/ RENATOMELOMKT renato@iskadigital.com.br

×