UX para desenvolvedores

1.262 visualizações

Publicada em

UX para desenvolvedores aborda qual parte do design de experiência do usuário cabe ao desenvolvedor e como o mesmo pode ajudar toda equipe com conhecimentos técnicos que validam e consolidam a experiência.

Publicada em: Design
1 comentário
10 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
1.262
No SlideShare
0
A partir de incorporações
0
Número de incorporações
29
Ações
Compartilhamentos
0
Downloads
28
Comentários
1
Gostaram
10
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

UX para desenvolvedores

  1. 1. Ux design for developers Pedro Marques Designer de Interfaces @ Plan B Comunicação @pedro_designer | pedro@marksdesign.com.br sábado, 22 de fevereiro de 14
  2. 2. QUEM SOU EU? UI Designer UX Designer Usuário Jamal sábado, 22 de fevereiro de 14
  3. 3. Quero criar um produto O que é preciso? sábado, 22 de fevereiro de 14
  4. 4. O QUE É UX? “Nossa é difícil usar isso” “Que app lento” “Má quê esso?” sábado, 22 de fevereiro de 14
  5. 5. Usuário não é burro Mas o que para você é obvio para ele pode ser complexo sábado, 22 de fevereiro de 14
  6. 6. O QUE É UX? Arquitetura Design de interação Design Visual sábado, 22 de fevereiro de 14
  7. 7. O QUE É UX? Arquitetura Design de interação Design Visual PERFORMANCE sábado, 22 de fevereiro de 14
  8. 8. DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS sábado, 22 de fevereiro de 14 DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS
  9. 9. ‣ Seu código guia a experiência ‣ UI != UX ‣ Bom UX gera momentos agradáveis ‣ Você dá vida ao Design sábado, 22 de fevereiro de 14
  10. 10. Mas e na prática? Como isso afeta o usuário? sábado, 22 de fevereiro de 14
  11. 11. Vamos criar um caso Uma Rede Social sábado, 22 de fevereiro de 14
  12. 12. sábado, 22 de fevereiro de 14
  13. 13. #partiu Dev In Company na Plan B Comunicação! o/ sábado, 22 de fevereiro de 14
  14. 14. 5 segundos 5 vezes/dia 22 dias/mês 264 dias/ano sábado, 22 de fevereiro de 14
  15. 15. Pessoas Emoções sábado, 22 de fevereiro de 14
  16. 16. Pessoas Emoções Experiências sábado, 22 de fevereiro de 14
  17. 17. 20 000 por dia sábado, 22 de fevereiro de 14
  18. 18. :) ou ;( sábado, 22 de fevereiro de 14
  19. 19. Enchant me. Simplify my life. Make me amazing. Android Team sábado, 22 de fevereiro de 14
  20. 20. Boas Práticas sábado, 22 de fevereiro de 14
  21. 21. Boas Práticas ‣ Melhoria continua ‣ Feedback de erro/confirmação ‣ Animações ‣ Considere a conexão ‣ Carregamento em fila sábado, 22 de fevereiro de 14
  22. 22. sábado, 22 de fevereiro de 14
  23. 23. sábado, 22 de fevereiro de 14
  24. 24. sábado, 22 de fevereiro de 14
  25. 25. sábado, 22 de fevereiro de 14
  26. 26. Boas Práticas ‣ Melhoria continua ‣ Feedback de erro/confirmação ‣ Animações ‣ Considere a conexão ‣ Carregamento em fila sábado, 22 de fevereiro de 14
  27. 27. sábado, 22 de fevereiro de 14
  28. 28. sábado, 22 de fevereiro de 14
  29. 29. sábado, 22 de fevereiro de 14
  30. 30. sábado, 22 de fevereiro de 14
  31. 31. Boas Práticas ‣ Melhoria continua ‣ Feedback de erro/confirmação ‣ Animações ‣ Considere a conexão ‣ Carregamento em fila sábado, 22 de fevereiro de 14
  32. 32. Boas Práticas ‣ Faça sua aplicação consistente ‣ Sempre informe cada passo do usuário ‣ Deixe o usuário no controle ‣ Use sua própria aplicação ‣ Não confie no seu código. sábado, 22 de fevereiro de 14
  33. 33. Lean UX Metodologia ágil de UX Conceito > Protótipo > Validação Interna > Teste externo > Aprender com o comportamento > Repetir o processo sábado, 22 de fevereiro de 14
  34. 34. 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, 22 de fevereiro de 14
  35. 35. Cases Eu vi e vivi. sábado, 22 de fevereiro de 14
  36. 36. 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, 22 de fevereiro de 14
  37. 37. Cases Eu vi e vivi. Petrobras Conhecer Petrobras Revista digital Híbrida construída em HTML5 + CSS3 + JavaScript Portal com mesmo conteúdo, porém responsivo. sábado, 22 de fevereiro de 14
  38. 38. #euindico http://littlebigdetails.com/ http://houseofbuttons.tumblr.com/ http://ui-animations.tumblr.com/ sábado, 22 de fevereiro de 14
  39. 39. Valeu! que a força esteja com vocês. Pedro Marques Designer de Interfaces @ Plan B Comunicação @pedro_designer | pedro@marksdesign.com.br sábado, 22 de fevereiro de 14

×