Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

UX para desenvolvedores - Procempa 2016

262 views

Published on

Palestra realizada em 22 de dezembro de 2016 a convite da Procempa (Cia de Processamento de Dados Do Município De Porto Alegre).

Published in: Design
  • Be the first to comment

  • Be the first to like this

UX para desenvolvedores - Procempa 2016

  1. 1. USER EXPERIENCE PARA DEVS Samantha Rosa @sahrosa PROCEMPA - Dezembro de 2016
  2. 2. DESIGNERS + DESENVOLVEDORES = <3
  3. 3. Projetamos soluções para a experiência de uso de produtos ou serviços. Para que as experiências sejam boas, precisamos entender quem são os usuários do produto ou serviço. Fazemos:
  4. 4. ……
  5. 5. Entender seus problemas e dificuldades, descobrir o que os faz felizes. Ajuda-los a atingir seus objetivos. Queremos:
  6. 6. UX Design não é deixar "bonitinho". Não queremos:
  7. 7. Design ≠ Arte
  8. 8. Como fazemos: ESTRATÉGIA PESQUISAINTERAÇÃO DESIGN VISUALUI DEV
  9. 9. Processo/método:
  10. 10. E o que os desenvolvedores tem a ver com isso?
  11. 11. 11 Performance é user experience. Mas depende do desenvolvimento!
  12. 12. 13 O design se tornou importante demais para ser deixado exclusivamente para os designers. Tim Brown
  13. 13. 14 Temos os mesmos objetivos!
  14. 14. Antes designers e desenvolvedores trabalhavam totalmente separados. O designer era (ou se considerava) o herói, intocável, inquestionável…
  15. 15. 17 Isso não faz sentido, e vem mudando desde que surgiram os movimentos de Lean UX e Design Contínuo.
  16. 16. Modelo 1: Cascata
  17. 17. ANÁLISE DE NEGÓCIOS ARQUITETURA DE INFORMAÇÃO DESIGN VISUAL DESENVOLVIMENTO FRONT-END DESENVOLVIMENTO BACK-END Design em cascata:
  18. 18. ANÁLISE DE NEGÓCIOS ARQUITETURA DE INFORMAÇÃO DESIGN VISUAL DESENVOLVIMENTO FRONT-END DESENVOLVIMENTO BACK-END Design em cascata: o design "perfeito"
  19. 19. 21 E no final do projeto…
  20. 20. E nesse cenário, então…
  21. 21. Modelo 2: “Ágil”
  22. 22. Design “ágil”
  23. 23. 80% das features não são usadas Design “ágil”
  24. 24. Modelo 3: Lean UX
  25. 25. Design contínuo
  26. 26. mínimo viável para validação Design contínuo
  27. 27. Lean UX lets you focus on the actual experience being designed, rather than deliverables Jeff Gothelf
  28. 28. Experimentos Pesquisa Avaliação • Movimento noPSD • Style guides vivos • Princípios de design • Testes de usabilidade • Testes A/B • Dados analíticos • Entrevistas de guerrillla • Ideação em hipóteses • Critérios de sucesso De ponta a ponta
  29. 29. Dicas práticas para o dia-a-dia
  30. 30. 33 1 Trabalhar juntos não quer dizer apenas sentar na mesma mesa
  31. 31. Defina a visão em conjunto Não vale descubrir todas as respostas sozinho
  32. 32. UMA VISÃO DEFINIDA UM PRODUTO REFINADO Output esperado
  33. 33. Output esperado Todos sabem: • Quem é o público alvo • Quais cenários focar • Oportunidades existentes • O que nos faz felizes Todos sabem: • Produto que encaixa em uma necessidade • Modelo de negócio que encaixa em necessidade UMA VISÃO DEFINIDA UM PRODUTO REFINADO
  34. 34. Incentive a equipe a perguntar ;)
  35. 35. 2 Mantenha os usuários por perto
  36. 36. Não.. nós não somos os usuários do produto :P
  37. 37. Sempre pensar em cima de melhorias Pesquisa não é pra confirmar o que você já sabia
  38. 38. Quais “jobs” devem ser executados pelos usuários?
  39. 39. Aren’t we asking a little too much from our users?
  40. 40. 3 Estejamos vulneráveis para realmente aprender
  41. 41. Aprenda com os usuários e stakeholders
  42. 42. 45 Feedback de design!
  43. 43. Use dados de uso
  44. 44. 4 Sem upfront design
  45. 45. Todo mundo sabe desenhar círculos, retângulos… Envolvam todos nas sessões de design
  46. 46. 49 Live style guides + Documentação compartilhada Style guides <3
  47. 47. 50 Adoramos sugestões!
  48. 48. 5 Aproveitando boas práticas
  49. 49. 52 E por que não parear designer e desenvolvedor? Pair programming!
  50. 50. Aprendam! Github é demais :) Github!
  51. 51. 54 Tablero, Fireideaz, Waffle… Board compartilhado
  52. 52. Gitbook para documentação
  53. 53. 6 E se não der pra trabalhar juntos sempre?
  54. 54. Acessibilidade não é acessório!
  55. 55. 58 • Contraste sempre! • Não tenha medo dos espaçamentos • Alinhamento sempre à esquerda… Ensinem :)
  56. 56. Todo mundo pode ser um pouco de tudo Seja multifuncional
  57. 57. 60 A mais persistente e urgente questão da vida é essa: o que você está fazendo pelos outros? M. LUTHER KING
  58. 58. • Lean UX. Jeff Gothelf • Change by Design. Tim Brown • Não me faça pensar, Steve Krug • Design do dia a dia, Donald Norman • About Face 3, Alan Cooper • Blog Arquitetura de Informação • Hack Design - www.hackdesign.org Pra saber mais sobre UX:
  59. 59. 62 Somos todos desenvolvedores de software!
  60. 60. GRACIAS :) Samantha Rosa @sahrosa PROCEMPA - Dezembro de 2016

×