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

Design AbertoComo a GitLab redesenhou a sua navegação
Pedro Moreira da Silva
UX Designer na GitLab
@pedromscom
ergoUX 2017 • Slides open source

ergoUX 2017 • @pedromscom • Slides open source 2

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

Usado por mais de 300,000 organizações

O que tem de especial?

196 pessoas, 39 países, 0 escritórios

Remote-only

Todos
trabalham
em casa ou
num co-work

Todos
trabalham
de pijama

Quase tudo o que fazemos é
aberto e partilhado
!

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

Todo o código e trabalho é
público
Toda a documentação
“interna” é pública e open
source
about.gitlab.com/handbook

Área de UX
O que partilhamos
com o mundo?
!

Tarefas públicas
Tarefas de UX em aberto

Ficheiros
públicos
UIs, ícones, ilustrações, elementos de
design
GitLab Design Project

Artefactos e
entregáveis
públicos
Esboços, works in progress, diagramas

Previews/
teasers
públicos
Dribbble shots e tweets
Convidando à participação no GitLab

Histórias e
casos de estudo
públicos
Blog posts, webcasts,
e talks (como esta!)

Ferramentas
públicas
Specs Sketch e protótipos Framer
auto-alojados
Repository Superpowers !

Investigação e
conclusões
públicas
Hipóteses, vídeos, conclusões,
recomendações
GitLab UX Research Project

Exemplo do processo
Redesign da navegação

Desaﬁos
— 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?

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

Design e desenvolvimento iterativo

8.17

9.0

1º testes com utilizadores: v8.17
Personas • UX Research Data

Issues

2º testes com utilizadores: protótipo

Resultados

3º testes com utilizadores: protótipo

Resultados

Transição: feature ﬂag

v10.0: Uma única navegação

Conclusões

Sumário do processo

ROI (Return On Investment)

Aprendizagens
Descobre o que os teus
utilizadores fazem, não o
que eles dizem que fazem

Aprendizagens
Iteração 1
1
Imagem por Trent Walton

Aprendizagens
Divulgação
progressiva
Interno > beta > padrão

Aprendizagens
A ferramenta
certa para o
trabalho

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

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

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (20)

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