Diretrizes gerais para uma barra de navegação

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 1 min. de leitura
  • Ao criar uma barra de navegação, lembre-se dessas diretrizes gerais para usabilidade e uma boa experiência do usuário.

    Número de guias
    • A barra de navegação exibe até cinco guias. Quando há mais de cinco guias, uma guia de estouro, conhecida como a guia Mais, ( Ícone Mais.) foi adicionado.
    • Tente limitar sua barra de navegação a cinco guias, para que todas as guias fiquem visíveis o tempo todo.
    Tipos de guia
    • Por padrão, a barra de navegação contém as guias Configurações e Notificação. Remover essas guias é possível, mas pode impedir que os usuários acessem informações e recursos importantes do app.
    • Em vez de remover as guias Configuração e Notificação, considere mudar a ordem em que elas aparecem na barra de navegação.
    • As guias Configurações, Notificações e Salvas navegam até páginas específicas, portanto, somente uma de cada guia é necessária. Você pode usar várias guias de tela e tela do inicializador, no entanto, sugere-se que você não use mais de cinco guias.
    Exiba guias específicas para usuários especificados
    Nomes da guia
    • Dê às guias de navegação um nome descritivo que forneça contexto. Evite nomes genéricos, como Página inicial ou Aplicativos.
    • Use letras maiúsculas para fazer com que eles se destaquem. Por exemplo, tarefas em aberto.
    Comprimento dos nomes das guias
    • Limite o comprimento dos seus títulos para que eles não sejam cortados quando exibidos na barra de navegação.
    • Se você oferecer suporte a vários idiomas, considere o tamanho dos títulos em cada um dos idiomas compatíveis.
    • Ao testar sua aplicação, procure títulos que não sejam exibidos totalmente na barra de navegação.
    Composição do ícone
    • A cor do ícone da barra de navegação é determinada pelo tema da sua aplicação.
    • Selecione ícones que sejam visualmente consistentes e representem melhor as funções ou informações apresentadas nessa parte da aplicação.
    • Evite usar o mesmo ícone para mais de uma guia de navegação, para que os usuários possam encontrar rapidamente o que precisam.
    Solicitação
    A ordem das guias deve ser listada no nível de importância. Esta ordem varia para idiomas da esquerda para a direita e da direita para a esquerda.