Download CV
Menu

PBB

Sobre o Projeto

O PBB é uma técnica que tem como principal objetivo ajudar na construção de um backlog de uma forma compartilhada, levando todos os envolvidos ao entendimento colaborativo do domínio do negócio.
A dinâmica do PBB consiste em vivenciar na prática a construção do Product Backlog efetivo totalmente consistente e alinhado com os valores de negócio do cliente.
Este projeto consiste na criação do site do PBB visando atender a sua comunidade de usuários.

Meu Papel

  • UI Designer
  • Wireframe
  • Prototipação
  • html/css

O Processo

O Processo

1. Briefing

A primeira etapa do processo consiste em identificar as necessidades, o contexto e o público alvo.
Para isso, utilizei a técnica 5W1H. Sendo:

a) Why (razão, objetivo):
O problema a ser resolvido: O criador do método quer centralizar e disponibilizar todas as informações do PBB.
b) Who (quem?):
Público alvo: Agile Coaches, Product Owners (PO), Scrum Masters, Empreendedores, Analistas de negócio, User eXperience.
Criei duas personas para representar melhor o público-alvo:

Personas

c) Where/When (onde e quando):
Os usuários vão acessar um site via browser ou disposito móvel.
d) What (o quê?):
Construir um site falando sobre o método, o livro, agenda de treinamentos, galeria de fotos e principalmente os materiais para download.
e) How (como medir o sucesso?):
Verificar a quantidade de acessos. Vamos Utilizar o hotjar para mapear o site.

2. Benckmarking

Nesta etapa do processo eu costumo analisar soluções parecidas e concorrentes do objetivo atual.
Analisei os seguintes sites: Team Canvas, Strategyzer, Lean Agile e PM Canvas.

3. Wireframes

Nesta etapa do processo eu defino arquitetura da informação, hierarquia visual e quais elementos de interface irei utilizar. Neste projeto fiz o wireframe em baixa fidelidade para validar com o cliente. Utilizei um grid de 12 colunas, width de 72 e gutter de 32.

Wireframe

4. Styleguide (Guia de Estilo)

Após a definição do wireframe, chegou o momento de definir os padrões para os elementos em um guia de estilo.

a) Tipografia:
Neste projeto utilizei 2 fontes: "Montserrat" para títulos e "Open Sans" para conteúdo.

Tipografia

b) Estilo de Cores:
A escolha da paleta de cores foi baseado nas cores da logomarca do PBB, sendo predominante a cor Laranja.

Estilo de Core

5. Prototipação

Depois de passar pelas fases anteriores, chegou a hora de fazer um protótipo em alta fidelidade.

Prototipação

Resultado Final

O site pronto pode ser visto em www.productbacklogbuilding.com/.

Site PBB

Próximas Etapas

A comunidade de usuários do PBB consta hoje com mais de 5.000 pessoas. Vamos tentar medir o site utilizando métricas como:

a) Análise de Mapa de Calor e gravação de tela do Hotjar
Para saber onde os usuários estão clicando mais, por exemplo.
b) Testes de Usabilidade com usuários que estão usando o site.
Podemos definir uma tarefa a ser completada no site. Como por exemplo, baixar o PBB Canvas. Vamos convidar 5 pessoas para realizar essa atividade.



Hotjar