TabBar: llega una nueva generación

En una app móvil, la navegación no sirve solo para pasar de una sección a otra. Estructura la experiencia, crea referencias visuales fuertes y contribuye directamente a la percepción global del producto. Con el nuevo componente TabBar, abrimos una nueva etapa en el diseño de la navegación, con más libertad de diseño, más flexibilidad en la personalización y una adaptación más cuidada a cada dispositivo.

Esta nueva generación de TabBar llega con tres layouts disponibles desde el lanzamiento: Bold TabBar, Minimal TabBar y Clean TabBar.

• Bold TabBar da más presencia a la navegación, con una estructura visual fuerte y rotunda.
• Minimal TabBar propone un enfoque más moderno y más compacto.
• Clean TabBar ofrece un equilibrio elegante, con un acabado depurado, polivalente y fácil de integrar en universos gráficos muy variados.

Con estas tres direcciones, la barra de navegación se convierte en una auténtica palanca de estilo. Puede alinearse de forma más precisa con la identidad de la app, ya se trate de un proyecto editorial, una app de marca, un servicio, un universo lifestyle o una aplicación de e-commerce.

El nuevo componente no se limita a los nuevos layouts. Se inscribe en la evolución continua del Design System GoodBarber y amplía las posibilidades de personalización de la navegación. Fondos, formas, sombras, estructura de los elementos, estados seleccionados, menú "More", variaciones según los dispositivos: cada dimensión se ha pensado para ofrecer más precisión en el resultado, sin perder la coherencia visual de la app. Esta nueva TabBar ilustra plenamente la ambición de nuestro Design System: dar más libertad de creación, sin renunciar nunca a la calidad de ejecución.

Las animaciones de selección acompañan esta evolución aportando más fluidez a las interacciones, una mejor lectura de los cambios de estado y una sensación de interfaz aún más cuidada.

En iOS, Android y PWA, la nueva TabBar también puede aprovechar los efectos Material Blur, que aportan profundidad y un toque aún más premium al resultado visual.

Esta evolución refleja también un enfoque multidispositivo más afirmado. En móvil, la TabBar conserva su posición natural en la parte inferior de la pantalla. En desktop, se vuelve vertical para aprovechar mejor el espacio disponible e integrarse en los usos propios de las interfaces de pantalla grande.

Esta decisión prolonga la lógica mobile-first de GoodBarber afirmando al mismo tiempo una verdadera calidad de adaptación en desktop. No se trata simplemente de mostrar la misma navegación en todas partes, sino de ofrecer una experiencia coherente con cada contexto de uso.

Con este nuevo componente, GoodBarber amplía aún más las posibilidades para quienes quieren crear una app móvil con diseño premium, sin salir de la simplicidad de producción propia del no-code.

Más expresiva, más personalizable, más fluida y mejor pensada para cada pantalla, esta nueva TabBar da una nueva dimensión a la navegación en las apps GoodBarber. Una evolución que refuerza tanto la calidad percibida de las interfaces como la libertad creativa que ofrecemos a diseñadores, marcas, medios y a todos los creadores de apps.