Design de Dashboard de OKRs Trimestrais

Um Trimestre, Seus Responsáveis e Seus Trade-offs

O dashboard tem o cabeçalho Q4 FY25 · Northwind, com 14 de outubro a 31 de dezembro de 2025, Devon Park como responsável, três objetivos e nove resultados-chave. O banner escuro mostra 42% ao lado do rótulo Quarter through · 47% time elapsed, sem definir o que os 42% medem. A barra lateral diz separadamente 53 of 78 days remaining, o que não se concilia com os 47% decorridos. São indicadores de tempo ilustrativos e inconsistentes, não um cronograma ou modelo de pontuação verificado.

Abaixo, três grupos de objetivos formam a estrutura principal da página: prontidão para empresas, tempo até o valor no cadastro e experiência da plataforma mobile. Cada grupo nomeia um responsável e usa um rótulo “On Track”, “At Risk” ou “Off Track”. Essa combinação deixa responsabilidade e status visíveis antes de o leitor percorrer cada resultado, enquanto o tratamento colorido do status enfatiza o julgamento junto dos números.

Lendo as Metas ao Lado de Suas Medidas

As linhas de resultados-chave colocam uma meta curta à esquerda e uma barra de progresso com um valor à direita. O texto de apoio dá contexto onde um percentual isolado seria difícil de interpretar: a linha do SOC 2 diz “controls: 14 / 16 implemented”, enquanto o tempo de ativação compara uma linha de base de 72 minutos com 47 minutos atuais e uma meta de 30 minutos ou menos. Esses detalhes ajudam o leitor a distinguir uma contagem de controles concluídos de uma medida baseada em tempo.

Outras linhas mostram por que percentuais de progresso não devem ser lidos como o resultado em si. “Activation rate ≥ 50% of new signups” vem acompanhada de 38% atuais e 29% no trimestre anterior, enquanto sua barra marca 76%. Os dois percentuais respondem a perguntas diferentes: um é o valor de conclusão exibido, e o outro é a taxa atual em relação a uma meta, com uma referência do trimestre anterior. O design apresenta ambos, mas não explica a fórmula de progresso.

Os nove resultados-chave de exemplo abrangem contagens, minutos, percentuais, um rollout de experimento e uma avaliação. O layout de linha compartilhado favorece a leitura rápida, mas as comparações entre linhas continuam limitadas: uma barra de 64% para tempo de ativação e outra de 64% em outro ponto não descreveriam necessariamente unidades ou métodos comparáveis.

Do Resumo do Trimestre ao Bloqueio

O layout largo original coloca o banner do trimestre e os três grupos de objetivos na coluna principal, com This quarter at a glance, Top movers (this week) e Blockers em uma barra lateral direita. Em larguras abaixo de 1080 pixels, a fonte empilha essa barra lateral abaixo do trabalho principal. Os dois arranjos permitem tanto um contexto de risco lado a lado quanto uma ordem de leitura de cima para baixo, e não uma única sequência desktop sem explicação.

O bloqueio final dá ao dashboard um uso concreto de planejamento. Ele diz que o Objetivo 3 de mobile está Off Track porque dois engenheiros foram emprestados para o esforço de 2FA, e então apresenta duas opções: abandonar o redesenho da superfície de autenticação ou reforçar a equipe com contratados até 4 de novembro. “Decision needed Friday” deixa o prazo explícito. Isso transforma as informações anteriores de status e responsabilidade em contexto para uma escolha de alocação de equipe, sem afirmar qual opção foi selecionada.

1. Estabeleça o Trimestre

   O intervalo de datas, o responsável nomeado, a quantidade de objetivos e a de resultados-chave definem o quadro do relatório antes de o leitor encontrar o trabalho individual.

2. Inspecione o Trabalho com Responsável

   Títulos de objetivos, nomes de responsáveis e rótulos de status organizam as linhas detalhadas em torno da responsabilidade e da condição de entrega.

3. Siga os Sinais até uma Decisão

   O resumo e os destaques da semana levam a um bloqueio que expõe o conflito de alocação, as alternativas e o prazo da decisão.

O Que os Dados de Exemplo Podem e Não Podem Dizer

Nomes, objetivos, responsáveis, prazos e números de progresso são ilustrativos, não desempenho verificado de uma empresa. O HTML estático não tem atualização em tempo real nem tratamento de pontuação. A barra lateral diz que quatro dos nove resultados-chave estão verdes, embora apenas as três barras do primeiro objetivo usem estilo azul, e seu valor de dias restantes não se concilia com o rótulo de tempo decorrido. Cor e campos de status precisam, portanto, de definições explícitas antes de reutilização, em vez de serem tratados como julgamentos de entrega calculados.

A estrutura visual é mais útil como forma de estudar como objetivos, medidas, riscos e uma decisão podem compartilhar um mesmo workspace desktop. Ao adaptá-la, preserve a distinção entre uma meta, uma medição atual e um indicador de progresso, e deixe explícita a base de qualquer valor de status ou de conclusão.