Digite para filtrar os verbetes do Glossário.

    Desenvolvimento web · Developer Workspace

    O que é Interface?

    Interface é o ponto de contato entre usuário e sistema. Entenda os elementos de interação, a comunicação com o backend e a diferença entre interface e API.

    Também chamado de: interface de usuário, UI, superfície de interação

    O que é uma interface

    Interface é o ponto de contato entre o usuário e um sistema. Na web, é a página com elementos visuais e de interação: campos, botões, menus e navegação. Por ela, o usuário entende o que pode fazer e recebe o resultado das suas ações.

    A interface não é apenas o visual. Ela inclui o comportamento da interação: o que acontece quando um botão é clicado, como um formulário responde e como o resultado é apresentado. O visual comunica, e a interação executa.

    Interface e o que está por trás

    A interface conversa com a aplicação. Ao preencher um formulário, o usuário envia dados que a aplicação processa e devolve um resultado que a interface apresenta. O frontend cuida da interface, e o backend cuida da lógica e dos dados.

    A comunicação entre os dois costuma seguir um contrato. A interface envia uma requisição e recebe uma resposta. A API define como essa troca acontece. Interface e API são pontos de contato em camadas diferentes.

    Interface não é só visual

    Uma boa interface comunica o que é possível fazer. Rótulos claros, estados de carregamento e mensagens de erro orientam o usuário. A ausência de feedback confunde: um clique sem resposta parece que não funcionou.

    A interface também precisa ser acessível. Cores, tamanhos e contraste afetam quem enxerga diferente. Uma interface pensada para todos amplia quem consegue usar o produto.

    Quando a interface é outra coisa

    Nem toda aplicação tem uma interface visual. Um programa de linha de comando ou uma API são pontos de contato sem página gráfica. O termo interface descreve a superfície de interação, qualquer que seja a forma.

    A escolha da interface acompanha quem usa. Um ser humano pode preferir uma página visual. Outro sistema pode conversar por API. Cada tipo de interface atende a um contexto de uso.

    Para revisar a interface do seu produto e a comunicação com a aplicação, o Desenvolvimento Colaborativo da Dev Side Studio oferece orientação na construção e na integração da interface.

    Dúvidas frequentes

    Perguntas frequentes sobre Interface

    Interface e API são a mesma coisa?
    Não. A interface é o ponto de contato com o usuário. A API é o ponto de contato entre sistemas. Uma página web pode usar uma API por trás.
    Interface é apenas o visual?
    Não. A interface inclui também a interação: campos, botões, navegação e a resposta aos comandos do usuário. O visual é uma parte dela.
    Toda aplicação precisa de interface visual?
    Não. Algumas aplicações são acessadas por linha de comando ou por API. A interface visual é um tipo de ponto de contato, não o único possível.
    A interface decide o que o backend faz?
    A interface apresenta e envia o que o usuário pede. A lógica do backend determina o que acontece. A comunicação entre os dois precisa seguir o contrato da aplicação.

    Para continuar

    Recursos relacionados

    Aplicação na formação

    Developer Workspace

    A interface é o ponto de contato do usuário com a aplicação, reunindo elementos visuais e de interação.

    Conhecer a formação
    Capa da Formação Developer Workspace

    Fontes consultadas

    Referências deste verbete

    Este verbete ajudou você?

    Planos Promovaweb

    Tire seus projetos do papel

    O Plano Martech cobre automação e atendimento. O Plano IA Makers acrescenta desenvolvimento com IA, enquanto o Plano Founders trata de gestão de negócios. Todos são anuais.

    Plano Martech

    Para conectar automação, marketing e atendimento com infraestrutura própria.

    R$ 897

    R$ 597/ano

    • Grade de automação, atendimento, marketing e análise de indicadores
    • Instalador Exclusivo Promovaweb
    • n8n, Evolution API, Chatwoot e Mautic
    • Trilha DevOps incluída
    • Encontros ao vivo (terça e quinta)
    • Comunidade e acompanhamento
    Conhecer o plano

    Plano Founders

    Plano anual para fazer um projeto de tecnologia avançar, com 90 dias de mentoria intensiva. R$ 1.997 à vista ou até 10x de R$ 219 no cartão.

    R$ 1.997/ano

    • 12 meses de acesso ao Founders
    • 90 dias de mentoria intensiva, um encontro por dia útil
    • Dia de conteúdo (terça e quinta) e War Room (segunda, quarta e sexta)
    • Encontro semanal em grupo após a fase intensiva
    • Formação Vibe Coding incluída no plano anual
    • Consultoria individual de até duas horas (bônus)
    Conhecer o plano