O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

UX para desenvolvedores - UX Conf BR 2015

A.K.A. Designer + Desenvolvedores = <3

  • Entre para ver os comentários

UX para desenvolvedores - UX Conf BR 2015

  1. 1. UX PARA DESENVOLVEDORES Samantha Rosa @sahrosa Patrocínio: Organização:
  2. 2. ALSO KNOWN AS DESIGNERS + DESENVOLVEDORES = <3
  3. 3. Designer, apaixonada por música, cinema, viagens, pessoas. Graduada aqui, na UniRitter e pós graduada pela ESPM-Rio. Samantha who?
  4. 4. DESIGNERS + DESENVOLVEDORES = <3
  5. 5. 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:
  6. 6. ……
  7. 7. Entender seus problemas e dificuldades, descobrir o que os faz felizes. Ajuda-los a atingir seus objetivos. Queremos:
  8. 8. UX Design não é deixar "bonitinho". Não queremos:
  9. 9. Design ≠ Arte
  10. 10. Como fazemos: ESTRATÉGIA PESQUISAINTERAÇÃO DESIGN VISUALUI DEV
  11. 11. Processo/método:
  12. 12. E o que os desenvolvedores tem a ver com isso?
  13. 13. 13 Performance é user experience. Mas depende do desenvolvimento!
  14. 14. 15 O design se tornou importante demais para ser deixado exclusivamente para os designers. Tim Brown
  15. 15. 16 Temos os mesmos objetivos!
  16. 16. Antes designers e desenvolvedores trabalhavam totalmente separados. O designer era (ou se considerava) o herói, intocável, inquestionável…
  17. 17. 19 Isso não faz sentido, e vem mudando desde que surgiram os movimentos de Lean UX e Design Contínuo.
  18. 18. Modelo 1: Cascata
  19. 19. ANÁLISE DE NEGÓCIOS ARQUITETURA DE INFORMAÇÃO DESIGN VISUAL DESENVOLVIMENTO FRONT-END DESENVOLVIMENTO BACK-END Design em cascata:
  20. 20. ANÁLISE DE NEGÓCIOS ARQUITETURA DE INFORMAÇÃO DESIGN VISUAL DESENVOLVIMENTO FRONT-END DESENVOLVIMENTO BACK-END Design em cascata: o design "perfeito"
  21. 21. 23 E no final do projeto…
  22. 22. E nesse cenário, então…
  23. 23. Modelo 2: “Ágil”
  24. 24. Design “ágil”
  25. 25. 80% das features não são usadas Design “ágil”
  26. 26. Modelo 3: Lean UX
  27. 27. Design contínuo
  28. 28. mínimo viável para validação Design contínuo
  29. 29. Lean UX lets you focus on the actual experience being designed, rather than deliverables Jeff Gothelf
  30. 30. 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
  31. 31. Dicas práticas para o dia-a-dia
  32. 32. 35 1 Trabalhar juntos não quer dizer apenas sentar na mesma mesa
  33. 33. Defina a visão em conjunto Não vale descubrir todas as respostas sozinho
  34. 34. UMA VISÃO DEFINIDA UM PRODUTO REFINADO Output esperado
  35. 35. 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
  36. 36. Incentive a equipe a perguntar ;)
  37. 37. 2 Mantenha os usuários por perto
  38. 38. Não.. nós não somos os usuários do produto :P
  39. 39. Sempre pensar em cima de melhorias Pesquisa não é pra confirmar o que você já sabia
  40. 40. Quais “jobs” devem ser executados pelos usuários?
  41. 41. Aren’t we asking a little too much from our users?
  42. 42. 3 Estejamos vulneráveis para realmente aprender
  43. 43. Aprenda com os usuários e stakeholders
  44. 44. 47 Feedback de design!
  45. 45. Use dados de uso
  46. 46. 4 Sem upfront design
  47. 47. Todo mundo sabe desenhar círculos, retângulos… Envolvam todos nas sessões de design
  48. 48. 51 Live style guides + Documentação compartilhada Style guides <3
  49. 49. 52 Adoramos sugestões!
  50. 50. 5 Aproveitando boas práticas
  51. 51. 54 E por que não parear designer e desenvolvedor? Pair programming!
  52. 52. Aprendam! Github é demais :) Github!
  53. 53. 56 Tablero, Fireideaz, Waffle… Board compartilhado
  54. 54. Gitbook para documentação
  55. 55. 6 E se não der pra trabalhar juntos sempre?
  56. 56. Acessibilidade não é acessório!
  57. 57. 60 • Contraste sempre! • Não tenha medo dos espaçamentos • Alinhamento sempre à esquerda… Ensinem :)
  58. 58. Todo mundo pode ser um pouco de tudo Seja multifuncional
  59. 59. 62 A mais persistente e urgente questão da vida é essa: o que você está fazendo pelos outros? M. LUTHER KING
  60. 60. • 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:
  61. 61. 64 Seríamos todos desenvolvedores de software?
  62. 62. Obrigada! Deixe seu feedback aqui: bit.ly/uxconf-feed UX PARA DESENVOLVEDORES @sahrosa - sahrosa@gmail.com Conferência sobre User Experience em Porto Alegre, set/2015. Patrocínio: Organização:

×