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.

Design Aberto: Como a GitLab redesenhou a sua navegação (Portuguese)

5,400 views

Published on

⬇️ Slides open source: https://gitlab.com/pedroms/presentations/tree/2017-11-10-ergoux-design-aberto

Como trabalhamos na GitLab, especificamente na equipa de UX, mostrando o nosso processo de trabalho através do exemplo do redesign da navegação do produto.

Evento: ergoUX (https://www.facebook.com/events/479579175747820/)
Data: 10 de Novembro de 2017
Local: Faculdade de Arquitetura da Universidade de Lisboa, Lisboa, Portugal

Obrigado a toda a equipa de UX da GitLab: Sarrah Vesselov, Chris Peressini, Dimitrie Hoekstra, Hazel Yang, Sarah O'Donnell, e Taurie Davis

Published in: Design

Design Aberto: Como a GitLab redesenhou a sua navegação (Portuguese)

  1. 1. Design AbertoComo a GitLab redesenhou a sua navegação Pedro Moreira da Silva UX Designer na GitLab @pedromscom ergoUX 2017 • Slides open source
  2. 2. ergoUX 2017 • @pedromscom • Slides open source 2
  3. 3. O GitLab é onde as ideias se transformam em produtos de software. Chat, gestão de código, gestão de projeto, revisão de código, testes, lançamento de versões, e monitorização numa única UI. about.gitlab.com ergoUX 2017 • @pedromscom • Slides open source 3
  4. 4. Usado por mais de 300,000 organizações ergoUX 2017 • @pedromscom • Slides open source 4
  5. 5. O que tem de especial? ergoUX 2017 • @pedromscom • Slides open source 5
  6. 6. 196 pessoas, 39 países, 0 escritórios ergoUX 2017 • @pedromscom • Slides open source 6
  7. 7. Remote-only ergoUX 2017 • @pedromscom • Slides open source 7
  8. 8. Todos trabalham em casa ou num co-work ergoUX 2017 • @pedromscom • Slides open source 8
  9. 9. Todos trabalham de pijama ergoUX 2017 • @pedromscom • Slides open source 9
  10. 10. Quase tudo o que fazemos é aberto e partilhado ! ergoUX 2017 • @pedromscom • Slides open source 10
  11. 11. 2 edições do GitLab GitLab Community Edition: grátis e open source gitlab.com/gitlab-org/gitlab-ce GitLab Enterprise Edition: pago e closed source; código público com licença proprietária gitlab.com/gitlab-org/gitlab-ee ergoUX 2017 • @pedromscom • Slides open source 11
  12. 12. Todo o código e trabalho é público Toda a documentação “interna” é pública e open source about.gitlab.com/handbook ergoUX 2017 • @pedromscom • Slides open source 12
  13. 13. Área de UX O que partilhamos com o mundo? ! ergoUX 2017 • @pedromscom • Slides open source 13
  14. 14. Tarefas públicas Tarefas de UX em aberto ergoUX 2017 • @pedromscom • Slides open source 14
  15. 15. Ficheiros públicos UIs, ícones, ilustrações, elementos de design GitLab Design Project ergoUX 2017 • @pedromscom • Slides open source 15
  16. 16. Artefactos e entregáveis públicos Esboços, works in progress, diagramas ergoUX 2017 • @pedromscom • Slides open source 16
  17. 17. Previews/ teasers públicos Dribbble shots e tweets Convidando à participação no GitLab ergoUX 2017 • @pedromscom • Slides open source 17
  18. 18. Histórias e casos de estudo públicos Blog posts, webcasts, e talks (como esta!) ergoUX 2017 • @pedromscom • Slides open source 18
  19. 19. Ferramentas públicas Specs Sketch e protótipos Framer auto-alojados Repository Superpowers ! ergoUX 2017 • @pedromscom • Slides open source 19
  20. 20. Investigação e conclusões públicas Hipóteses, vídeos, conclusões, recomendações GitLab UX Research Project ergoUX 2017 • @pedromscom • Slides open source 20
  21. 21. Exemplo do processo Redesign da navegação ergoUX 2017 • @pedromscom • Slides open source 21
  22. 22. Desafios — Como dar aos utilizadores aquilo que precisam no momento certo? — Como dar acesso a N funcionalidades sem sobrecarregar os utilizadores? — Como fazer alterações a um produto sem alienar os utilizadores existentes? ergoUX 2017 • @pedromscom • Slides open source 22
  23. 23. Vamos analisar — A evolução de uma navegação a par do produto e da sua base de utilizadores — Ensaios e perigos ao redesenhar a navegação de um produto num ambiente open source — Personas, protótipos e testes de usabilidade ergoUX 2017 • @pedromscom • Slides open source 23
  24. 24. Design e desenvolvimento iterativo ergoUX 2017 • @pedromscom • Slides open source 24
  25. 25. 8.17 ergoUX 2017 • @pedromscom • Slides open source 25
  26. 26. 8.17 ergoUX 2017 • @pedromscom • Slides open source 26
  27. 27. ergoUX 2017 • @pedromscom • Slides open source 27
  28. 28. 9.0 ergoUX 2017 • @pedromscom • Slides open source 28
  29. 29. ergoUX 2017 • @pedromscom • Slides open source 29
  30. 30. 1º testes com utilizadores: v8.17 Personas • UX Research Data ergoUX 2017 • @pedromscom • Slides open source 30
  31. 31. Issues ergoUX 2017 • @pedromscom • Slides open source 31
  32. 32. 2º testes com utilizadores: protótipo ergoUX 2017 • @pedromscom • Slides open source 32
  33. 33. Resultados ergoUX 2017 • @pedromscom • Slides open source 33
  34. 34. 3º testes com utilizadores: protótipo ergoUX 2017 • @pedromscom • Slides open source 34
  35. 35. Resultados ergoUX 2017 • @pedromscom • Slides open source 35
  36. 36. Transição: feature flag ergoUX 2017 • @pedromscom • Slides open source 36
  37. 37. ergoUX 2017 • @pedromscom • Slides open source 37
  38. 38. ergoUX 2017 • @pedromscom • Slides open source 38
  39. 39. v10.0: Uma única navegação ergoUX 2017 • @pedromscom • Slides open source 39
  40. 40. Conclusões ergoUX 2017 • @pedromscom • Slides open source 40
  41. 41. Sumário do processo ergoUX 2017 • @pedromscom • Slides open source 41
  42. 42. ROI (Return On Investment) ergoUX 2017 • @pedromscom • Slides open source 42
  43. 43. Aprendizagens Descobre o que os teus utilizadores fazem, não o que eles dizem que fazem ergoUX 2017 • @pedromscom • Slides open source 43
  44. 44. Aprendizagens Iteração 1 1 Imagem por Trent Walton ergoUX 2017 • @pedromscom • Slides open source 44
  45. 45. Aprendizagens Divulgação progressiva Interno > beta > padrão ergoUX 2017 • @pedromscom • Slides open source 45
  46. 46. Aprendizagens A ferramenta certa para o trabalho ergoUX 2017 • @pedromscom • Slides open source 46
  47. 47. Obrigado2 @pedromscom about.gitlab.com Slides open source 2 ! a toda a equipa de UX da GitLab: Sarrah Vesselov, Chris Peressini, Dimitrie Hoekstra, Hazel Yang, Sarah O'Donnell, e Taurie Davis ergoUX 2017 47

×