Frontend para quem aprova, contrata e responde pelo resultado

Como escrever o pedido de uma interface com critério de sucesso verificável, e como julgar o que voltou sem precisar ler código. Este módulo pede convívio com um time ou fornecedor de frontend.

Os critérios que separam decisão de negócio de preferência técnica na escolha de tecnologia, com o custo de troca explícito antes da assinatura. Este módulo se percorre inteiro sem computador.

A régua única de escolha de software de terceiro na interface, camada por camada: gráfico, movimento, ícone e ilustração, biblioteca de componente, motor de estilo e base do produto. Cada camada com o critério de quando comprar, quando construir e quanto custa sair depois. É o módulo que os demais citam quando o assunto reaparece. Este módulo pede convívio com um time ou fornecedor de frontend.

Onde nasce a consistência entre telas: os valores da marca guardados num só lugar, o contraste como piso de conformidade e o que muda num arquivo em vez de em trezentas telas. Este módulo pede convívio com um time ou fornecedor de frontend.

Quem fica dono das peças de interface da empresa, como esse acervo é governado e quanto custa trocar de base depois que o produto está de pé. Este módulo se percorre inteiro sem computador.

A camada visual como assunto contratual: família de ícone, ilustração, tipografia e a licença que a empresa passa a carregar. Este módulo pede convívio com um time ou fornecedor de frontend.

Quando o movimento ajuda a entender a tela, quando ele cobra desempenho e como pedir animação sem comprar defeito. Este módulo pede convívio com um time ou fornecedor de frontend.

Como a arquitetura de informação decide o que o cliente encontra, e por que perda de conversão por navegação é mensurável. Este módulo pede convívio com um time ou fornecedor de frontend.

Cada campo obrigatório cobra um preço em conclusão, cada dado pedido sem finalidade aumenta o estrago de um incidente, e cada erro mal anunciado deixa parte dos clientes sem terminar a tarefa. Aqui você decide o que a empresa pede, com que justificativa, e qual nível de conformidade assume por escrito. Este módulo pede convívio com um time ou fornecedor de frontend.

Toda tela que mostra número depende de um sistema que não é a tela. Quando essa fonte demora, cai ou devolve o campo errado, o cliente não vê um problema de integração: vê a sua marca falhando. O que a interface promete nesse minuto é decisão de negócio, e é a que menos aparece em requisito. Este módulo pede convívio com um time ou fornecedor de frontend.

A capacidade de ser encontrado é um ativo que a empresa constrói e pode perder numa decisão de arquitetura tomada sem ela na sala. Quem não é lido não é indexado, quem não é indexado não aparece, e o que não aparece não é citado pelos assistentes que hoje respondem no lugar da lista de links. Este módulo pede convívio com um time ou fornecedor de frontend.

A decisão de operar em outro mercado costuma chegar ao time de produto como pedido de tradução, e é bem mais que isso. Preço, data, plural, sentido de leitura e conformidade local mudam juntos. O custo dessa mudança foi definido anos antes, quando ninguém perguntou se o produto seria vendido fora. Este módulo pede convívio com um time ou fornecedor de frontend.

O painel que responde se estamos bem ou mal e o que mudou, com o critério para saber quando o gráfico está enganando quem decide. Este módulo se percorre inteiro sem computador.

O volume que uma tela de dados precisa sustentar é escolha de arquitetura feita antes da assinatura e caríssima de reverter depois. Cobre os quatro degraus de escala e o que cada um compra e cobra, a troca entre desempenho e acessibilidade, a licença de terceiro como variável de orçamento e as três condições que tornam válida uma medição de desempenho apresentada numa reunião. Este módulo pede convívio com um time ou fornecedor de frontend.

O mapa entra em quase toda apresentação de expansão e quase nunca é questionado. Cobre o critério que separa a decisão realmente espacial da decoração cara, o modelo de custo que troca fatura por uso pelo preço de guardar um arquivo, o erro de leitura que transforma mapa de vendas em mapa de população e a alternativa que torna o dado auditável por quem não enxerga a tela. Este módulo se percorre inteiro sem computador.

O problema que nenhum gráfico resolve sozinho: cada painel calcula o mesmo indicador de um jeito, e a reunião discute qual número está certo em vez de discutir a decisão. Cobre onde a definição da métrica deve morar, quando o relatório não deveria ser construído sob medida, o que muda quando a análise roda no navegador de quem lê e os quatro itens sem os quais um número não deveria chegar ao conselho. Este módulo pede convívio com um time ou fornecedor de frontend.

Três famílias de figura resolvem problemas diferentes: a que vive versionada junto do sistema que descreve, a que o próprio usuário edita dentro do produto e a que representa uma rede de milhares de conexões. Cobre o critério de escolha, o custo de manter cada uma, a legibilidade do texto dentro da imagem e o que a empresa perde quando o desenho de um sistema envelhece sem dono. Este módulo pede convívio com um time ou fornecedor de frontend.

Como ler a arquitetura de interface de quatro empresas de escala separando o que a empresa declarou do que se reconstrói por dedução, e o que dessa leitura se transfere para a sua decisão. O filtro treinado aqui vale igual para proposta comercial: distinguir a afirmação com fonte da afirmação plausível é a mesma operação, e é a que evita comprar arquitetura pela manchete. Este módulo pede convívio com um time ou fornecedor de frontend.

Vinte e seis referências de alto padrão de design lidas como laudo, e não como inspiração. Onde um site revela por conta própria a tecnologia que o gera, em que três famílias essas escolhas se dividem e por que a pergunta que decide a família é quem vai manter o site. Fecha com os cinco traços que aparecem em quase todas essas referências, e que explicam a percepção de qualidade melhor do que a escolha de tecnologia. Este módulo pede convívio com um time ou fornecedor de frontend.

Como uma decisão de arquitetura de tela muda o nível de conformidade que a empresa precisa provar, por que a documentação virou canal de venda quando o comprador é técnico e o que um executivo exige por escrito antes de aprovar um checkout. Este módulo pede convívio com um time ou fornecedor de frontend.

O que a maior loja de viagem do mundo faz na tela para acelerar a decisão de compra, quanto disso é legítimo, onde começa a exposição jurídica e como quem aprova revisa cada aviso de urgência que a própria empresa publica. Este módulo se percorre inteiro sem computador.

Como a maior loja da região organiza a interface para suportar catálogo gigante e times independentes, o que essa organização compra em velocidade de mudança e quais decisões dela chegam à mesa de quem aprova orçamento de produto. Este módulo pede convívio com um time ou fornecedor de frontend.

Como se lê a tecnologia de um concorrente pela evidência que ele publica sem querer, o que a interface de uma companhia aérea revela sobre preço, expansão e pós-venda, e onde a persuasão esbarra na lei de defesa do consumidor no Brasil. Este módulo pede convívio com um time ou fornecedor de frontend.

O limite prático entre aproveitar o princípio de uma marca admirada e se apropriar do que pertence a ela, com o que a empresa pode adotar sem risco, o que precisa de licença e o que a diretoria assume ao aprovar uma tela inspirada demais. Este módulo se percorre inteiro sem computador.

Os mecanismos de engajamento que a Temu leva ao extremo, o que deles uma marca consegue adotar sem se expor e onde começa a linha que a norma europeia de serviços digitais proíbe expressamente, a mesma que já colocou a empresa sob procedimento da Comissão Europeia. Este módulo se percorre inteiro sem computador.

De um lado conformidade e passivo judicial, do outro abandono e receita perdida. As duas medidas que a interface publica sobre a sua empresa. Este módulo pede convívio com um time ou fornecedor de frontend.

Parte das falhas que nascem na tela chega ao comitê de auditoria como incidente operacional, e outra parte chega à autoridade de proteção de dados como vazamento de dado pessoal. São instâncias diferentes, com prazos e consequências diferentes. Este módulo separa as duas e mostra o que a empresa assume ao aprovar código que ninguém revisou. Este módulo pede convívio com um time ou fornecedor de frontend.

Os portões que impedem uma alteração ruim de chegar ao cliente, e os sentidos diferentes em que se diz que algo está pronto. Este módulo pede convívio com um time ou fornecedor de frontend.

Como pegar um produto que já está no ar e conduzir a modernização em rodadas, com um portão de verificação entre uma e a seguinte, começando por diagnóstico e terminando com número antes e depois. Este módulo pede convívio com um time ou fornecedor de frontend.

O instrumento de quem recebe a entrega: o checklist com que você revisa e os sinais que denunciam trabalho malfeito. Este módulo se percorre inteiro sem computador.

Material opcional. A oficina mínima de quem vai operar o agente: projeto, servidor local, navegador que se audita e histórico de alterações. Este módulo pressupõe leitura de código e é da trilha praticante.

O que muda quando a regra da casa deixa de ser lembrete de reunião e passa a ser lida pela máquina em cada tarefa, com trabalho em paralelo e verificação obrigatória antes da entrega. Este módulo pressupõe leitura de código e é da trilha praticante.

O que a empresa assume ao instalar software de terceiro dentro do assistente que escreve o produto, e as três superfícies em que desenho, tela ao vivo e painel entregue se encontram com o agente. Este módulo pressupõe leitura de código e é da trilha praticante.

Material opcional, de nível desenvolvedor: estado de tela, formulário e teste de componente na prática. Este módulo pressupõe leitura de código e é da trilha praticante.

O catálogo do que o navegador já entrega pronto e que o agente não oferece sozinho: layout de colunas desiguais, carrossel sem biblioteca, reação ao rolar, lógica dentro do próprio estilo, isolamento de trecho legado, acordeão animado e ajuste fino de tipografia que zera o salto de página. Fecha com a política de adoção que você escreve uma vez e passa a cobrar de quem entrega. Este módulo pressupõe leitura de código e é da trilha praticante.

A camada operacional da imagem, para quem vai pôr a mão: criar o ativo visual quando ele não existe, preparar o arquivo para a web e servi-lo no tamanho certo. Cobre a decisão de formato, a capa de link gerada por página, a descrição honesta para leitor de tela e a razão de a imagem ser o item mais pesado e o mais maltratado de quase todo site. Este módulo pressupõe leitura de código e é da trilha praticante.

Material opcional. Um site pode virar aplicativo instalável, que abre da tela inicial e funciona sem rede, sem passar por loja e sem manter dois times. A decisão que interessa a quem aprova é quando isso basta e quando não basta. Este módulo pressupõe leitura de código e é da trilha praticante.

Material opcional. Gerar apresentação a partir das mesmas fontes e peças do produto, com exportação automática e sem depender do time de design. Este módulo se percorre inteiro sem computador.