V0.2 — MODELO REVISADO

Medir qualidade em design de produtos digitais

Um modelo construído a partir de mais de 20 frameworks, 8 consultâncias líderes, 6 prêmios internacionais e padrões de grandes tech companies. Qualidade em consultoria não é subjetiva — é rastreável, comparável e mensurável.

5
Dimensões
3
Estágios
5
Níveis

O que é qualidade em design?

Qualidade é paradoxal. Robert Pirsig escreveu que reconhecemos qualidade antes de conseguir defini-la — é um sentimento que antecede a lógica. Mas em consultoria, esse sentimento não é suficiente. Precisamos de um framework que traduza intuição em critérios claros, e critérios em scores comparáveis.

A ISO 9241 define usabilidade como "o grau em que um produto pode ser usado, por usuários específicos, para atingir objetivos específicos, com efetividade, eficiência e satisfação". Hassenzahl vai além e separa qualidade em duas dimensões: pragmática (o sistema faz o que promete) e hedônica (o sistema causa prazer ao usar). Don Norman, na sua teoria de Design Emocional, mostra que qualidade não é apenas funcional — é visceral, comportamental e reflexiva.

Qualidade em consultoria não é só entregar bonito — é resolver o problema certo, do jeito certo, com craft que gera resultado mensurável.

O Craft Index sintetiza essas teorias em 4 dimensões que cobrem todo o ciclo de um projeto: desde a fundamentação da pesquisa até o impacto mensurável no negócio. Não é um checklist. É um espelho que mostra onde você está forte e onde precisa evoluir.

Cinco dimensões de qualidade

1
Fundamentação
Pesquisa, definição de problema, evidências que sustentam decisões. O conhecimento que antecede a solução.
Quem mais se importa: Cliente contratante, time interno
2
Solução
Qualidade da decisão de design — conceito, adequação estratégica, ponto de vista. Inclui fit sistêmico: a solução se integra ao ecossistema existente e foi arquitetada para escalar.
Quem mais se importa: PM, cliente executivo
3
Craft
Excelência na execução — visual, interativa e sistêmica. Tipografia, cor, espaçamento, motion, micro-interações, aderência ao design system, tokens, consistência. Cada detalhe tem propósito.
Quem mais se importa: Designer, usuário final
4
Impacto
Orientação a resultado. Métricas de sucesso definidas antes do build, processo guiado por dados, validação do impacto após lançamento.
Quem mais se importa: CEO, CFO, Data Analyst

O que mudou em relação ao v0.1

Craft Visual e Interação foram unificadas em Craft. Na prática, execução visual e interativa são avaliadas juntas — separar criava redundância e aumentava a carga cognitiva da avaliação. Um ícone bem desenhado mas com transição brusca é ainda uma falha de craft. A unificação reflete como designers trabalham de verdade.

Inclusão (acessibilidade) deixou de ser dimensão separada e tornou-se critério transversal integrado em Craft. Acessibilidade não é uma categoria à parte — é atributo de qualidade de tudo que você faz. Contraste adequado, labels semânticas, tabulação lógica e componentes acessíveis por padrão são todos parte de Craft. Assim, a avaliação é mais real.

De 7 para 4 dimensões: menos carga cognitiva, avaliação mais profunda em cada dimensão. O modelo fica mais rápido de usar e mais difícil de gamificar.

Validação científica de cada dimensão

Dimensão Validação
Fundamentação Apple (10-to-3-to-1), Airbnb (Snow White), IDEO (etnografia), Pirsig (qualidade clássica)
Solução Linear (opinionated software), Arc (redesenho radical), D&AD (Idea & Concept)
Craft Stripe (obsessão com gradientes), Ueno (every pixel matters), Linear (sub-50ms), Apple (fluid interfaces), Material Design 3 (tokens e sistematização)
Impacto McKinsey MDI (2:1 receita), HEART framework (Google), Work & Co (outcomes)

Cinco níveis de qualidade

Cada dimensão é avaliada em uma escala de 1 a 5. A escala é não-linear: passar de 3 para 4 é muito mais difícil que passar de 1 para 2. Qualidade excepcional é rara por design.

1 — Insuficiente
Não atende padrões mínimos de qualidade. Erros fundamentais que impedem uso ou confiança. Decisões não sustentadas por evidência. Execução bruta. Impacto medível negativo.
D&AD equivalente: Sem prêmio
3 — Profissional
Atende expectativas de mercado. É o baseline esperado. Pesquisa adequada, solução sensata, execução limpa, sistema escalável, resultado positivo. Faz o trabalho bem, mas sem diferenciação memorável.
D&AD equivalente: Wood Pencil
2 — Básico
Funcional, sem erros graves, mas sem diferenciação. Faz parte do escopo, mas falta refinamento. Não há insights significativos. Execução correta, mas não elevada. Gera resultado, mas inferior ao esperado.
D&AD equivalente: Sem seleção
4 — Excelente
Acima do esperado. Craft notável em todos os detalhes. Insight profundo que sustenta decisões. Conceito inteligente e diferenciado, arquitetado para o sistema. Resultado mensurável acima da média. Inspiracional para o time.
D&AD equivalente: Graphite Pencil ou Yellow Pencil
5 — Excepcional
Referência de mercado. Premiável internacionalmente. Redefine o que é possível em sua categoria. Pensamento inovador. Execução impecável. Impacto sistêmico no negócio. Torna a categoria diferente.
D&AD equivalente: Black Pencil

Semáforo de interpretação

Cada score se traduz em um sinal visual claro para eliminar ambiguidade:

Score 1–2 — Crítico Requer ação imediata. O projeto tem lacunas que comprometem o resultado.
Score 3 — Precisa atenção Baseline profissional atingido, mas sem diferenciação. Atenção ao viés de "zona de conforto".
Score 4 — Saudável Qualidade consistente acima do esperado. Diferenciação real. Projeto saudável nesta dimensão.
Score 5 — Referência Padrão de excelência do estúdio. Trabalho que eleva a régua de qualidade para outros projetos.
Sobre o viés de tendência central. Em escalas 1–5, avaliadores tendem a evitar extremos e concentrar respostas no 3. O Craft Index combate isso de três formas: (1) o score 3 é amarelo "precisa atenção", não verde — sinaliza baseline, não excelência; (2) ao selecionar 3, o avaliador recebe um prompt: "o que impede de ser 4?"; (3) se a maioria dos scores de um projeto ficar em 3, o sistema alerta sobre possível viés. Score 3 não é ruim — mas precisa ser intencional, não default. Score 5 não é "verde mais alto" — é uma faixa distinta que identifica trabalho de referência para o estúdio.

Cada estágio revela dimensões diferentes

Você não avalia as 4 dimensões com a mesma profundidade em todo projeto. Na Discovery, o foco é Fundamentação. No Delivery, é Craft e Solução. No Go-Live, é Impacto. Isso torna a avaliação realista — ninguém precisa avaliar 4 dimensões em profundidade toda semana.

Avaliação na Discovery

Fundamentação:
Solução:
Impacto:
Craft:
Entregáveis avaliados
Research reports, journey maps, personas, opportunity maps, problem statements, competitive benchmarks, insights documentados, estratégia de produto.
Quem avalia
Design Lead + Product Manager + Cliente

Avaliação no Delivery

Solução:
Craft:
Fundamentação:
Impacto:
Entregáveis avaliados
Protótipos funcionais, specs de UI, contribuições de design system, documentação de handoff, specs de motion, guias de implementação, design QA checklist.
Quem avalia
Design Lead + Senior Designer + Tech Lead + Cliente

Avaliação no Go-Live

Impacto:
Craft:
Solução:
Fundamentação:
Entregáveis avaliados
Design QA reports, métricas de lançamento, relatórios de acessibilidade, plano de iteração pós-lançamento, análise de comportamento do usuário, comparação com benchmarks.
Quem avalia
Lead + PM + Data Analyst + Cliente
Cada estágio tem prioridades diferentes, mas todos geram um score. Uma descoberta com Fundamentação 2 é alerta vermelho. Um delivery com Craft 2 é inaceitável. Um go-live com Impacto 2 significa projeto falhou na sua missão.

As dimensões se adaptam a cada disciplina

O Craft Index é agnóstico à disciplina, mas cada uma interpreta as dimensões de forma diferente. Um pesquisador mede Fundamentação pelo rigor metodológico. Um designer mede Craft pelo refinamento visual e aderência ao sistema. Um PM mede Solução pela qualidade das decisões de priorização.

Dimensão Em UX Research
Fundamentação Rigor metodológico, amostragem adequada, análise temática profunda, triangulação de dados, insights validados
Solução Recomendações acionáveis, priorizadas, testáveis, conectadas aos insights. Metodologia documentada e estrutura replicável, acessível por stakeholders ao longo do tempo.
Craft Apresentação clara, templates utilizáveis, documentação legível, storytelling impactante. Repositório de dados organizado e acessível.
Impacto Adoção de insights na estratégia, mudança de percepção do cliente, decisões tomadas em base do estudo.
Dimensão Em Product Design
Fundamentação Briefing claro, design brief documentado, personas e user journey validadas, cenários de uso específicos
Solução Conceito de interação inovador, IA bem pensada, comportamentos intuitivos, diferenciação competitiva. Solução arquitetada para o sistema — reutiliza o que existe, não reinventa.
Craft Tipografia escolhida, cor harmônica, espaçamento respirável, micro-interações suaves, 60fps, acessibilidade. Tokens de design corretos, componentes nomeados, handoff documentado.
Impacto Aumento de engagement, redução de erros, tempo de tarefa reduzido, satisfação do usuário elevada.
Dimensão Em Service Design
Fundamentação Etnografia completa, mapeamento de stakeholders, jornada de usuário validada, pain points documentados
Solução Ecossistema coerente, orquestração de touchpoints, inovação sistêmica, modelo de negócio sustentável. Framework operacional escalável para implementação.
Craft Consistência entre canais, qualidade de cada touchpoint, momento certo de interação, atendimento consistente. Processos documentados, guias de implementação e métricas por touchpoint.
Impacto NPS elevado, redução de churn, aumento de lifetime value, recomendação boca a boca.
Dimensão Em Design System
Fundamentação Auditorias de design, análise de anti-patterns, definição de princípios claros, alinhamento com negócio
Solução Arquitetura de componentes inteligente, variantização pensada, nomes semânticos, flexibilidade apropriada. Modelo de contribuição e versionamento semântico bem arquitetados.
Craft Componentes pixel-perfect, documentação exemplar, specs de espaçamento, comportamentos bem definidos. DX excelente, código bem estruturado, deprecação clara.
Impacto Adoção entre produtos, redução de tempo de design, consistência visual em escala, time autonomizado.
Dimensão Em Development
Fundamentação Entendimento dos requisitos técnicos e de negócio, análise de viabilidade, spikes exploratórios, decisões de arquitetura documentadas
Solução Arquitetura limpa, decisões técnicas que habilitam a experiência desejada, trade-offs conscientes. Arquitetura que favorece reutilização, manutenibilidade e escalabilidade.
Craft Fidelidade ao design, performance real (Core Web Vitals), animações suaves em device, código legível, a11y implementada. Code review consistente, CI/CD saudável, documentação técnica.
Impacto Tempo de deploy, taxa de bugs em produção, performance em device real, satisfação do time de design com a implementação.
Dimensão Em Product Management
Fundamentação Clareza do problema, alinhamento de stakeholders, dados de mercado e usuário que sustentam a estratégia, hipóteses explícitas e testáveis
Solução Priorização inteligente, escopo que maximiza valor com menor esforço, roadmap coerente, storytelling estratégico para stakeholders. Processos de discovery e delivery bem estruturados e compartilhados.
Craft Qualidade dos PRDs e specs, clareza na comunicação de requisitos, critérios de aceite bem definidos, edge cases mapeados. Documentação de decisões acessível, backlog organizado.
Impacto Métricas de sucesso definidas antes do build, OKRs conectados ao produto, ROI documentado, aprendizados que influenciam roadmap futuro.

Como funciona na prática: a dimensão Craft

Aqui está um exemplo de como a dimensão Craft é avaliada em detalhe em cada nível. Cada dimensão tem seu próprio rubric específico para Discovery, Delivery e Go-Live.

Nível Discovery Delivery Go-Live
1 — Insuficiente Wireframes confusos, sem hierarquia clara, tipografia inconsistente em protótipos Erros de espaçamento óbvios, cores desalinhadas, micro-interações brusca, performance baixa (>100ms), textos cortados, acessibilidade quebrada Bugs visuais ao vivo, comportamentos não funcionam em alguns navegadores, design não é fiel ao especificado
2 — Básico Wireframes legíveis, hierarquia presente mas não refinada, falta exploração estética Espaçamento OK mas sem subtleza, cores corretas mas sem harmonia, transições funcionam mas sem fluência, performance aceitável (60-80ms), labels de a11y presentes mas não completos Design roda bem em navegadores modernos, alguns erros em edge cases, acessibilidade base apenas
3 — Profissional Wireframes claros com hierarquia forte, primeiras explorações de estética, tipografia coerente Espaçamento refinado, cores harmônicas, transições fluidas (sub-60ms), performance ótima (sub-50ms no hero), acessibilidade completa (WCAG AA), ícones bem executados, motion design consistente Design implementado fielmente, rodar em todos os navegadores principais sem bugs, acessibilidade validada, métricas de performance atendem SLA
4 — Excelente Wireframes belos, exploração estética refinada, tipografia caracterful, micro-interações em conceito Detalhe obsessivo em gradientes, micro-interações delightful, performance excelente com lazy loading, acessibilidade WCAG AAA, motion design que guia a atenção, cada pixel foi considerado Design captura a atenção em primeira vista, interações sentidas, performance benchmark-setting, acessibilidade no nível do Apple
5 — Excepcional Estética completamente nova, tipografia iconoclástica mas funcional, exploração radical de interação Qualidade Stripe-level em gradientes, motion que parece físico (not tweens), performance impossível (30ms), acessibilidade além de WCAG, design que inspira outros, detalhes imperceptíveis que criam sensação, qualidade que você sente mas não nomeia Design redefiniu padrão de categoria, usuários comentam sobre qualidade do design, referenciar o projeto em pitchs, replicam o conceito visual em outras plataformas
Observe que o rubric é stage-specific. Na Discovery você está avaliando conceito e exploração. No Delivery você está avaliando detalhe e execução. No Go-Live você está avaliando fidelidade e performance. Não é a mesma avaliação repetida 3 vezes.

Medir qualidade ≠ Garantir qualidade

Este é o insight mais importante que vem do trabalho com Work & Co, Ueno e Instrument: um score não cria qualidade. Práticas criam qualidade. O Craft Index mede qualidade para torná-la rastreável e comparável. Mas um score sem as práticas é um número sem fundação.

Craft Index (o score)
Mede a qualidade do output
4 dimensões × 5 níveis
Avaliado em cadência quinzenal por projeto
Gera número comparável entre projetos
Responde: "Qual foi a qualidade deste projeto?"
Práticas de Qualidade (organizacional)
Cria as condições para qualidade existir
Não gera score — são adotadas ou não
Culturais, operacionais, estruturais
Medem-se em consistência e adoção
Respondem: "O que fazemos para que projetos tenham qualidade?"

As 8 práticas que garantem qualidade

01
Cultura de critique
Revisão entre pares como hábito semanal. Não é feedback — é critique estruturada onde cada um sai melhor.
02
Liderança que faz
Sócios e diretores trabalham nos projetos, não apenas gerenciam. Elevam padrão pelo exemplo.
03
Protótipo > Apresentação
Software funcionando substitui decks. Decisões são tomadas no código, não em slides.
04
Curadoria de clientes
Dizer "não" a projetos que não permitem qualidade. Tamanho de time, timeline, orçamento — tudo afeta a qualidade possível.
05
Design system como infraestrutura
Linguagem compartilhada, componentes vivos. Permite velocidade sem sacrificar coerência.
06
Checklist pré-entrega
Verificação sistemática antes de cada entregável. Design QA que vai além de ortografia.
07
Calibração de referências
Time alinhado sobre o que é "3" vs "5" usando exemplos reais. Evita subjetividade.
08
Acessibilidade como requisito
Não é extra, é baseline de qualidade. Contraste, labels de a11y e tabulação desde o primeiro sketch.
Work & Co, Ueno e Instrument provaram que qualidade vem de cultura, não de checklists. Mas checklists ajudam cultura a escalar. Use o Craft Index como ferramenta de calibração, não como substituição para liderança.

Mapeamento com frameworks conhecidos

O Craft Index não está sozinho. Ele converte e sintetiza o melhor de frameworks estabelecidos. Aqui está como ele se mapeia:

Frameworks de qualidade globais

Craft Index HEART (Google) D&AD Awwwards Work & Co
Fundamentação Task Success Strategy / Idea UX/UI Problem Definition
Solução Happiness Concept Creativity Solution Design
Craft Retention + Engagement Execution Design + Functionality Craft Excellence + Scalability
Impacto Adoption + Revenue Experience Outcome & Impact

Práticas entre consultâncias líderes

Mecanismo Work & Co IDEO Ueno Accenture Song
Times senior Parcial Parcial
Protótipo em código Às vezes
Sócios no projeto Parcial
Limita projetos ativos Parcial
Recusa projetos incompatíveis Parcial

Referências de score 5 em cada dimensão

Quando você vê um projeto que recebia um score-5 em uma dimensão, você entende o padrão. Aqui estão exemplos reais:

Fundamentação 5
Airbnb's redesign da experiência de host (2019-2021) — etnografia massiva, behavioral research, 1000+ entrevistas, mapeamento de fricção de 5 anos, modelo conceitual completamente novo validado com dado real.
Solução 5
Linear's simplificação radical da issue tracking — repensar toda UX (modal-free, keyboard-first), diferenciação clara, conceito que mudou a categoria inteira de produto.
Craft 5
Stripe's homepage (2018-2022) — gradientes obsessivos, animações de 50ms que criam sensação, tipografia custom, cada pixel escolhido, motion que parece física, performance que é benchmark da indústria.
Impacto 5
Shopify's checkout redesign (2017-2020) — aumento de 7% em conversion rate = centenas de milhões em receita incremental, adoção por 1.7M merchants, categorizou o padrão novo de checkout, inspirou copycats em toda indústria.

Fundações teóricas

Zen and the Art of Motorcycle Maintenance
Robert M. Pirsig (1974) — Sobre qualidade como fenômeno antes da definição
ISO 9241-11: Ergonomics of human-system interaction
International Organization for Standardization — Definição de usabilidade
Experience Design Beyond Human Factors
Marc Hassenzahl (2010) — Qualidade pragmática vs hedônica
Emotional Design: Why We Love (or Hate) Everyday Things
Donald A. Norman (2004) — Design emocional
The Design of Everyday Things (Revised)
Donald A. Norman (2013) — Affordances e usabilidade
McKinsey Design Index: How Design Drives Financial Performance
McKinsey & Company (2018) — Correlação 2:1 entre design e receita
HEART Framework: A Practical Approach to Measuring User Experience
Google UX (Google Research) — Framework de métricas para impacto
Design Tokens W3C Community Group
W3C (2023) — Padrão aberto de design tokens
The Lean UX Book: Applying Lean Principles to Improve User Experience
Jeff Gothelf & Josh Seiden (2021) — Prototipagem e iteração
Designing for Outcomes
Work & Co — Qualidade medida por impacto
O Craft Index é uma síntese viva desse corpo de conhecimento. Ele não é doutrina — é ferramenta que evolui com a prática. Use-o, questione-o, refine-o com seu time. A qualidade que você mede é aquela que você consegue melhorar.