Interfaces que ajudam a agir
Melhore uma página pela tarefa do usuário, com decisões visuais que você consegue justificar.
O que é
Uma interface organiza decisões.
Por que aprender
A clareza da ação permite avaliar o design pelo uso. Você consegue perguntar se a pessoa encontrou e concluiu a tarefa, em vez de discutir apenas gosto pessoal.
Conceitos-chave
Tarefa · Hierarquia · Primária · Alternativa
O que é
Registre a página atual e identifique problemas concretos: texto cortado, rótulo ambíguo, contraste baixo ou dificuldade para localizar uma informação.
Por que aprender
Uma observação específica produz uma intervenção menor e mais fácil de conferir. O registro anterior permite comparar o resultado sem depender da memória.
Conceitos-chave
Baseline · Problema · Intervenção · Regressão
O que é
Ao solicitar opções de layout, mantenha conteúdo e objetivo constantes.
Por que aprender
Comparar propostas com os mesmos dados impede que uma opção pareça melhor apenas por usar menos conteúdo ou esconder um estado difícil.
Conceitos-chave
Critério · Variável · Constante · Restrição
O que é
Uma interface precisa lidar com lista vazia, carregamento, erro, sucesso e dados longos.
Por que aprender
Os estados difíceis são parte do produto real. Considerá-los evita que a página funcione apenas com os dados curtos e completos usados na demonstração.
Conceitos-chave
Vazio · Erro · Foco · Extremo
O que é
Texto pequeno e pouco contraste exigem mais esforço para ler.
Por que aprender
A conferência torna a melhoria visual inclusiva e mensurável. Você evita aprovar um desenho bonito que dificulta a leitura ou perde funções no celular.
Conceitos-chave
Contraste · Refluxo · Alvo · Escala
O que é
Use uma tabela fictícia com cinco pedidos, incluindo um nome longo e um prazo ausente.
Por que aprender
O exercício combina diagnóstico, intervenção e teste. O hábito de justificar cada mudança ajuda a manter consistência quando outras pessoas participam do projeto.
Conceitos-chave
Antes · Depois · Justificativa · Verificação