Blog

Minimal TabBar: uma navegação compacta, icon-only e resolutamente moderna

Minimal TabBar dirige-se às apps que procuram uma navegação mais compacta, mais moderna e recentrada no essencial. Com a sua abordagem icon-only, o seu look flutuante, os seus indicadores de seleção e o seu menu "More" na continuidade da tabBar, este layout propõe uma leitura simples, atual e muito cuidada da navegação.

Entre os três layouts de lançamento da nova geração de TabBar, Minimal TabBar é o que leva mais longe a ideia de simplificação visual.

Aqui, a navegação vai ao essencial. A tabBar adota uma abordagem icon-only, sem texto, com uma composição mais compacta e um acabamento flutuante muito contemporâneo. O conjunto ocupa pouco espaço, lê-se imediatamente e dá à interface uma presença mais leve, mais nítida e mais moderna.

Uma navegação icon-only, compacta e flutuante

Minimal TabBar assenta numa ideia simples: reduzir a navegação aos seus elementos mais essenciais.

Os rótulos desaparecem, os ícones bastam para estruturar a leitura e a tabBar adota uma forma mais ajustada. Esta escolha dá à navegação um acabamento mais compacto, mas também mais gráfico. A TabBar torna-se um elemento direto, fácil de identificar e bem integrado no ecrã, sem sobrecarregar a interface.

A sua outra característica forte é o seu floating look. A tabBar não se inscreve como um bloco massivo colado à borda do ecrã. Parece colocada na interface com mais leveza, o que reforça imediatamente a modernidade do acabamento.

Um estado selecionado mais subtil, com vários tipos de indicadores

Minimal TabBar não se limita a propor um fundo no item selecionado. O componente permite também jogar com o indicador de seleção.

Consoante os parâmetros escolhidos, é possível utilizar:

  • um fundo para o item ativo,
  • um indicador do tipo Dot,
  • ou um indicador do tipo Tiny.

É um ponto particularmente interessante, porque permite ajustar de forma muito fina a maneira como o estado ativo se exprime na navegação. Consoante o nível de presença pretendido, a seleção pode ser mais marcada ou, pelo contrário, mais discreta, mantendo-se sempre legível.

Esta flexibilidade corresponde perfeitamente ao espírito do layout: uma navegação compacta, mas nunca pobre no seu nível de acabamento.

Animações que se adaptam ao estilo escolhido

Um dos contributos mais interessantes do novo componente TabBar é que as animações de seleção se adaptam aos parâmetros aplicados.

A animação acompanha assim a lógica visual escolhida para a tabBar e para o estado ativo. Se o item selecionado utiliza um fundo, o movimento segue essa escolha. Se a seleção assenta num indicador mais discreto como Dot ou Tiny, a transição ajusta-se em conformidade.

É uma verdadeira mais-valia, porque permite manter uma coerência entre o desenho do layout e o seu comportamento. Em Minimal TabBar, esta lógica reforça a sensação de finura e precisão. As transições mantêm-se fluidas, mas sempre ao serviço do estilo escolhido.

A isto somam-se os efeitos hápticos, que reforçam a sensação de precisão e acompanham a navegação com ainda mais finura.

Um menu "More" fiel à lógica compacta do layout

O menu "More" de Minimal TabBar, que dá acesso aos separadores ocultos, também segue o espírito do layout.

Conserva um design simples, compacto e bem proporcionado, em continuidade direta com a tabBar. A sua altura ajusta-se ao seu conteúdo, em coerência com a abordagem ajustada e essencial defendida por este layout.

Em mobile como em desktop, esta continuidade visual contribui para uma navegação simples, dominada e muito bem integrada na interface.

Uma navegação compacta, mas muito trabalhada

Minimal TabBar mostra que uma navegação muito ajustada também pode ser rica em possibilidades.

Com a sua abordagem icon-only, o seu floating look, os seus diferentes indicadores de seleção, as suas animações adaptadas e o seu menu "More" compacto, este layout propõe uma leitura particularmente moderna da navegação mobile.

Para as apps que procuram uma navegação mais compacta, mais gráfica e mais contemporânea, Minimal TabBar constitui uma base particularmente eficaz.

Continue lendo

  5 min de leitura

Encontre respostas nos podcasts com GoodBarber Chatbot

Imagine uma rádio local com programas em direto, uma grelha de programação e entrevistas disponíveis a pedido na sua app. Cada gravação tem um título e uma descrição. Estas informações ajudam os ouvintes a explorar os conteúdos, mas uma entrevista contém muitas vezes detalhes úteis que não aparecem no resumo.No nosso exemplo, o episódio chama-se «A cidade que partilhamos». A descrição apresenta uma conversa sobre a vida quotidiana na cidade. Durante a gravação, um urbanista explica as medidas contra o calor no verão: plantar árvores nos percursos para as escolas, criar sombra nos recreios e substituir algumas superfícies pavimentadas por zonas verdes.Nenhuma destas medidas aparece no título ou na descrição. Um ouvinte lembra-se do tema e pergunta:Que episódio explicou como a cidade pretende reduzir o calor no verão?Adicionámos os podcasts áudio às fontes de conhecimento do GoodBarber Chatbot para que perguntas como esta possam levar aos seus programas. Há dois níveis: a informação escrita que publica sobre cada episódio e o conteúdo falado que decide transcrever.

  4 min de leitura

Suas lives e seus vídeos da Twitch, agora no seu app

Em resumo. Twitch é uma extensão da GoodBarber, o app builder sem código, que adiciona um canal da Twitch como fonte de uma seção de vídeos. Quando o canal está ao vivo, a live fica no topo da seção; no resto do tempo, a seção lista os vídeos do canal. Você a conecta uma única vez, com um Client ID e um Client Secret do console de desenvolvedores da Twitch. Ela é gratuita para os apps Content: cada seção conta como uma das extensões incluídas no seu plano.O público está na Twitch. Em setembro de 2026, os espectadores assistiram a 1,51 bilhão de horas de lives na plataforma, com uma média de 2,1 milhões de pessoas assistindo a qualquer momento, segundo o TwitchTracker. Veja como a extensão funciona para uma criadora que faz live toda terça-feira às 20h.

  4 min de leitura

Transforme os seus documentos em respostas com GoodBarber Chatbot

Numa app, publicar um documento útil é apenas uma parte do trabalho. As pessoas também precisam de encontrar a informação certa no momento de agir. Um ficheiro com um nome claro ajuda quem consulta uma biblioteca, mas o leitor pode ter uma pergunta mais imediata.A comunicação interna é apenas uma das aplicações possíveis. A mesma abordagem pode apoiar recursos educativos, guias para membros de uma organização, referências técnicas ou outros documentos úteis partilhados numa app. No nosso exemplo, um colega está a preparar uma visita a um cliente e precisa de saber:Que despesas de viagem exigem aprovação prévia?Adicionámos os documentos às fontes do GoodBarber Chatbot para que os ficheiros que já mantém atualizados possam alimentar estas conversas. A escolha dos documentos é sua. Os utilizadores fazem perguntas pelas suas próprias palavras. O assistente procura as passagens relevantes e utiliza-as para construir uma resposta.A pergunta torna-se uma forma de entrar na política de deslocações. O colaborador pode partir da decisão que precisa de tomar, mesmo sem conhecer o título do documento que a explica.