--- sourceDocument: Yokohama Mobile Configuração e navegação sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/mobile Release : - yokohama ft:locale : - pt-BR ft:publication_title : - Yokohama Mobile Configuração e navegação ft:clusterId : - mobile bundleId : - mobile workflow : - Platform --- # Barra de navegação # Barra de navegação {#ariaid-title1} * Versão de lançamento: Yokohama * * Atualizado 30 de jan. de 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 3 min. de leitura Use a barra de navegação em seus apps para celular para acessar telas do inicializador, telas, configurações e notificações. |-|-| | Figura 1. Hierarquia de componentes da barra de navegação | A barra de navegação consiste nestes componentes: * Barra de navegação * Guias da barra de navegação * Guia de tela * Guia do inicializador * Guia salva * Guia Notificação * Guia Configurações {#sg-mobile-tab-bar__ul_xv2_dsp_llb} | | ![Guias da barra de navegação com a guia Mais]() | A barra de navegação aparece na parte inferior de cada app para celular. Você pode criar guias da barra de navegação na barra de navegação. Os usuários podem acessar as telas do inicializador e telas regulares na barra de navegação. Nota: A barra de navegação em cada app para celular é pré-configurada com Notificações e. Configurações guias da barra de navegação. Para obter mais informações sobre o conteúdo dessas guias, consulte [Estrutura do app para celular](https://servicenow-prod.fluidtopics.net/_iQ_Julfrijre45kzy3E8A "Saiba como os componentes e as configurações são organizados em ServiceNow Mobileapps para entender como encontrar as ferramentas e os dados que você está procurando."). Há também uma guia Salvo, que exibe uma página mostrando os registros salvos do usuário. | | ![Lista exibida depois que um usuário toca na guia Mais]() | Ao adicionar mais de cinco guias à barra de navegação, um Mais ( ![Ícone Mais]()) é exibida. Toque em Mais para abrir uma exibição de lista mostrando as guias adicionais. | [ ] {#sg-mobile-tab-bar__table_pll_qnn_rhb} ## Guias da tela e guias da tela do inicializador {#sg-mobile-tab-bar__section_gfb_mjk_llb} |-|-| | Figura 2. Guia de navegação da tela | Use uma guia de tela para habilitar o acesso diretamente a um calendário, mapa personalizado, lista, mapa ou tela da web para celular. | | Figura 3. Guia de navegação da tela do inicializador | Use uma guia da tela do inicializador para permitir que os usuários acessem elementos em um inicializador de tela. As telas do inicializador são painéis. Eles fornecem atalhos para outras telas e informações. É possível adicionar atalhos com ícones, cartões, seções de mídia ou contagens de pontuação. | [ ] {#sg-mobile-tab-bar__table_gn5_dlk_llb} ## Diretrizes gerais para a barra de navegação {#sg-mobile-tab-bar__section_bk4_lbm_sbc} Use estas diretrizes gerais ao configurar sua barra de navegação. 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. {#sg-mobile-tab-bar__ul_mqv_nbm_sbc} Tipos de guia : * Por padrão, a barra de navegação contém as guias Configurações e Notificação. É possível remover essas guias, 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 para 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. {#sg-mobile-tab-bar__ul_hyq_pbm_sbc} Exiba guias específicas para usuários especificados : * Aplique permissões de critérios do usuário para que os usuários exibam somente guias relevantes para o trabalho. Para obter mais informações, consulte [Permissões de critérios do usuário em apps para celular](https://servicenow-prod.fluidtopics.net/Npq3Jxh0lNNn20BJ25fR8Q "Controle a visibilidade de diferentes áreas dos seus apps para celular definindo permissões de critérios do usuário. As permissões de critérios do usuário permitem segmentar seus usuários em grupos diferentes , local, departamento ou empresa. Você pode alterar as informações em uma única área de um grupo para atualizar os detalhes de todos os usuários associados a esse grupo."). * As guias Configurações e Navegação devem estar disponíveis para os usuários. {#sg-mobile-tab-bar__ul_kjk_gmk_bcc} 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 Apps. * Use letras maiúsculas para seus títulos para fazê-los se destacar. Por exemplo, tarefas em aberto. {#sg-mobile-tab-bar__ul_bqq_rbm_sbc} Tamanho 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. {#sg-mobile-tab-bar__ul_zvz_5bm_sbc} Composição do ícone : * A cor do ícone da barra de navegação é determinada pelo tema da sua aplicação. * Selecione ícones visualmente consistentes e que melhor representem 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. {#sg-mobile-tab-bar__ul_wsf_ybm_sbc} 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.