Produto

Produto

Princípios para transformar a identidade Agenu em uma experiência clara, previsível e eficiente.

Princípio de produto

A interface existe
para facilitar o trabalho.

Cada elemento deve ajudar a compreender, decidir ou agir.

Princípios de produto

A Agenu é uma ferramenta de trabalho. A interface organiza complexidade sem esconder informação relevante, para que cada tarefa tenha próximo passo e contexto claros.

01

Clareza operacional

A pessoa deve entender onde está, o que mudou e o que pode fazer.

Ações evidentes, labels compreensíveis e contexto suficiente ajudam a decidir sem transformar a interface em tutorial.

02

Hierarquia

Nem tudo precisa chamar atenção ao mesmo tempo.

Posição, escala, peso, contraste e espaço mostram o que é principal, secundário, contexto ou ação antes de qualquer decoração.

03

Continuidade

Mudanças devem preservar contexto.

Ao passar de uma lista para um detalhe ou de uma agenda para um agendamento, a pessoa precisa entender de onde veio e o que mudou.

04

Densidade com propósito

Mostre o necessário para a tarefa, não tudo o que o sistema sabe.

Uma ferramenta de trabalho pode ser densa. O problema não é a quantidade de informação, mas a ausência de prioridade.

05

Previsibilidade

A mesma ação deve se comportar da mesma forma em contextos semelhantes.

Padrões consistentes reduzem aprendizado sem impedir adaptações que realmente ajudem a tarefa.

Marca no produto

O produto parece Agenu pela tipografia, pela hierarquia, pelo espaçamento, pela cor, pelo comportamento e pela voz. Logo, símbolo e elementos gráficos identificam quando necessário; não precisam ocupar cada superfície de trabalho.

Montreal e Agenu Mineral
Dão ritmo, contraste e reconhecimento sem criar uma identidade paralela.
Agenu Green
Apoia ação principal, seleção, foco ou presença de marca; não significa sucesso.
Ícones e motion
Phosphor comunica função. Motion apoia continuidade, sem substituir labels.

Conteúdo antes de interface

Comece pela informação. Depois escolha a superfície. Antes de perguntar qual componente usar, defina o que a pessoa precisa compreender, decidir e fazer.

Exemplo de princípioEstrutura clara
Ação principal
Dependente de decoração

Hierarquia vem antes de decoração. Cards são úteis quando uma entidade, superfície ou interação pede um container — não como resposta automática para toda informação.

Densidade com propósito

Menos elementos não é automaticamente melhor. Melhor hierarquia é melhor. Em uma agenda ou lista, horário, paciente, serviço, profissional e estado podem ser necessários para a tarefa.

Baixa

Falta contexto para decidir.

Equilibrada

Mostra o necessário com prioridade clara.

Excessiva

Apresenta muito sem orientar o olhar.

Estados e feedback

Estados fazem parte do designTodo fluxo considera o que acontece antes, durante e depois.

Loading, vazio, sem resultado, sucesso, erro, bloqueio e disabled não são exceções do cenário ideal. Cada um preserva contexto e orienta a próxima decisão.

Toda ação importante precisa de respostaFeedback não é sinônimo de toast.

A interface pode comunicar que uma ação foi recebida, está acontecendo, terminou ou falhou no próprio contexto. Para ações destrutivas, uma fricção clara pode reduzir erro.

Consistência, responsividade e acessibilidade

ConsistênciaO que já foi aprendido não precisa ser reaprendido.

Salvar, confirmar, cancelar, excluir e voltar preservam os significados definidos em Voz. A variação só entra quando ajuda a tarefa.

ResponsividadeResponsivo não significa apenas caber.

Menos espaço exige priorizar, agrupar e reorganizar. Conteúdo essencial não some sem alternativa, e uma tabela não vira card automaticamente.

AcessibilidadeAcessibilidade não é uma camada final.

Contraste, teclado, foco, semântica, movimento, labels e estados fazem parte da qualidade desde o início. Cor não comunica um estado sozinha.

Dados com pergunta

Dados devem ajudar a compreender, comparar ou decidir. Antes do gráfico, defina a pergunta. Uma métrica sem significado, contexto ou ação potencial não melhora uma tela operacional.

Próximos guias