Word camp

1.452 visualizações

Publicada em

0 comentários
7 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.452
No SlideShare
0
A partir de incorporações
0
Número de incorporações
6
Ações
Compartilhamentos
0
Downloads
16
Comentários
0
Gostaram
7
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Word camp

  1. 1. Ux designfor developers Pedro Marques UI/UX Designer @ CI&T @pedro_designer | pedro@marksdesign.com.br sábado, 17 de maio de 14
  2. 2. QUEM SOU EU? UI/UX Designer @ CI&T Front End Developer Metido a redator Usuário Jamal sábado, 17 de maio de 14
  3. 3. tA Altamente Ácido sábado, 17 de maio de 14
  4. 4. tA sábado, 17 de maio de 14
  5. 5. FREELAS <3 sábado, 17 de maio de 14
  6. 6. O QUE É UX? “Nossa é difícil usar isso” “Que app lento” “Má quê esso?” sábado, 17 de maio de 14
  7. 7. O QUE É UX? “Nossa é difícil usar isso” “Que app lento” “Má quê esso?” “Que portal lerdo” sábado, 17 de maio de 14
  8. 8. Usuário não é burro Mas o que para você é obvio para ele pode ser complexo sábado, 17 de maio de 14
  9. 9. O QUE É UX? Arquitetura Design de interação Design Visual sábado, 17 de maio de 14
  10. 10. O QUE É UX? Arquitetura Design de interação Design Visual PERFORMANCE sábado, 17 de maio de 14
  11. 11. DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS sábado, 17 de maio de 14
  12. 12. ‣ Seu código guia a experiência ‣ UI != UX ‣ Bom UX gera momentos agradáveis ‣ Você dá vida ao Design sábado, 17 de maio de 14
  13. 13. Mas e na prática? Como isso afeta o usuário? sábado, 17 de maio de 14
  14. 14. Vamos criar um caso Um portal de conteúdo sábado, 17 de maio de 14
  15. 15. sábado, 17 de maio de 14
  16. 16. #partiu Dev In Company na Plan B Comunicação! o/ sábado, 17 de maio de 14
  17. 17. 30 notícias 2 acessos ao dia 30 dias/mês 365 dias/mês sábado, 17 de maio de 14
  18. 18. Pessoas Emoções sábado, 17 de maio de 14
  19. 19. Pessoas Emoções Experiências sábado, 17 de maio de 14
  20. 20. 20.000 POR DIA sábado, 17 de maio de 14
  21. 21. :) ou ;( sábado, 17 de maio de 14
  22. 22. Enchant me. Simplify my life. Make me amazing. Android Team sábado, 17 de maio de 14
  23. 23. Boas Práticas sábado, 17 de maio de 14
  24. 24. Boas Práticas ‣ Melhoria continua ‣ Feedback de erro/confirmação ‣ Animações ‣ Considere a conexão ‣ Carregamento em fila sábado, 17 de maio de 14
  25. 25. sábado, 17 de maio de 14
  26. 26. sábado, 17 de maio de 14
  27. 27. sábado, 17 de maio de 14
  28. 28. sábado, 17 de maio de 14
  29. 29. Boas Práticas ‣ Melhoria continua ‣ Feedback de erro/confirmação ‣ Animações ‣ Considere a conexão ‣ Carregamento em fila sábado, 17 de maio de 14
  30. 30. sábado, 17 de maio de 14
  31. 31. sábado, 17 de maio de 14
  32. 32. sábado, 17 de maio de 14
  33. 33. sábado, 17 de maio de 14
  34. 34. Boas Práticas ‣ Melhoria continua ‣ Feedback de erro/confirmação ‣ Animações ‣ Considere a conexão ‣ Carregamento em fila sábado, 17 de maio de 14
  35. 35. Boas Práticas ‣ Consistência ‣ Sempre informe cada passo do usuário ‣ Deixe o usuário no controle ‣ Navegue em seu próprio site ‣ Não confie no seu código. sábado, 17 de maio de 14
  36. 36. PERFORMANCE FRONT-END sábado, 17 de maio de 14
  37. 37. PERFORMANCE FRONT-END VELOCIDADE É DESIGN sábado, 17 de maio de 14
  38. 38. “Any sufficiently advanced technology is indistinguishable from magic.” Arthur C. Clarke sábado, 17 de maio de 14
  39. 39. Performance Front End ‣ Reduzir o numero de requests HTTP ‣ Gerenciamento de Plugins ‣ Cache ‣ Minimizar o HTML, CSS e JavaScript ‣ Otimize sua Home sábado, 17 de maio de 14
  40. 40. Lean UX Metodologia ágil de UX Conceito > Protótipo > Validação Interna > Teste externo > Aprender com o comportamento > Repetir o processo sábado, 17 de maio de 14
  41. 41. Lean UX Metodologia ágil de UX •Enquadre uma visão do problema com toda a equipe. •Compartilhe sua ideias o quanto antes com a sua equipe; •Crie o MVP •Incorpore a voz do cliente durante todo o ciclo do projeto; •Misture o Lean UX com as Sprints do Scrum sábado, 17 de maio de 14
  42. 42. Cases Eu vi e vivi. sábado, 17 de maio de 14
  43. 43. Cases Eu vi e vivi. OTC 2013 Petrobras Páginas internas com cliques em pontos específicos para rolar o conteúdo pois o projeto era responsivo e seria exibido em painéis touch no evento. Animações de infográficos que ajudam também no tempo de carregamento da página sábado, 17 de maio de 14
  44. 44. #euindico http://littlebigdetails.com/ http://houseofbuttons.tumblr.com/ https://developer.yahoo.com/yslow/ https://developers.google.com/speed/pagespeed/ insights/ sábado, 17 de maio de 14
  45. 45. Q&A sábado, 17 de maio de 14
  46. 46. Obrigado! Você é o representante do seu sonho Pedro Marques UI/UX Designer @ CI&T @pedro_designer | pedro@marksdesign.com.br sábado, 17 de maio de 14

×