El diseño de Firefox para el futuro
(blog.mozilla.org)- El nuevo diseño de Firefox, Project Nova, no reemplaza al navegador actual, sino que ordena Firefox sobre una base más consistente y limpia.
- Pone más al frente las funciones de privacidad, para que sea más fácil encontrar el VPN gratuito integrado, la navegación privada, las opciones de datos y el apagado de funciones de IA.
- Sin poner en conflicto el bloqueo de rastreadores con la velocidad, prioriza primero el contenido principal, y en el último año el tiempo de carga de las páginas clave mejoró un 9%.
- Mejora el flujo de trabajo al hacer más accesibles los grupos de pestañas, la vista dividida y las pestañas verticales, y vuelve a ofrecer compact mode a pedido de los usuarios.
- Agrupa componentes redondeados, nuevos íconos, colores y textos, junto con temas y consideraciones de accesibilidad, en un sistema de diseño compartido para aumentar la consistencia entre escritorio y móvil.
La dirección de Project Nova
- La reciente renovación del diseño y del sistema de diseño de Firefox se enfoca en hacer que el navegador sea limpio, cálido, rápido y adaptable sobre una base más consistente.
- Su nombre interno es Project Nova, y no es un navegador nuevo que reemplace a Firefox, sino un trabajo de reorganización de los elementos existentes.
- El nuevo diseño está previsto para lanzarse a finales de este año y seguirá presentándose a los usuarios como Firefox.
- Firefox apunta a ser un navegador que ofrece privacidad y prácticas de datos claras por defecto desde el momento en que se elige.
- El nuevo diseño hace que funciones como el VPN gratuito integrado y la navegación privada sean más fáciles de encontrar y usar.
- La pantalla de configuración fue rediseñada para que las decisiones relacionadas con los datos sean más fáciles de entender y aplicar.
- Incluye un control para desactivar por completo las funciones de IA, textos más claros y ajustes de Enhanced Tracking Protection adaptados al equilibrio entre protección y usabilidad que buscan los usuarios.
Velocidad, flujo de trabajo e interfaz
- Firefox no considera que privacidad y velocidad estén en conflicto: al bloquear rastreadores, también acelera la carga de páginas.
- Prioriza el contenido principal de la página antes que los elementos opcionales del entorno, y durante el último año el tiempo de carga del contenido principal de páginas clave mejoró un 9%.
- El nuevo diseño mejora la accesibilidad de grupos de pestañas, vista dividida y pestañas verticales para que las funciones de productividad sean más fáciles de usar.
- A pedido de los usuarios, vuelve compact mode, pensado para quienes quieren usar los controles del navegador con el mayor nivel de compresión posible.
- El diseño de Firefox busca verse moderno sin ser genérico, cálido pero preciso, y más expresivo sin destacar por encima de la propia web.
- Las pestañas tienen formas más suaves y gradientes sutiles, reforzando la presencia de la pestaña activa y añadiendo una sensación de luz alrededor del chrome del navegador.
- Paneles, menús, configuración y controles del navegador pasan a usar componentes más redondeados y consistentes, para que se sientan parte del mismo sistema.
- Los íconos se actualizaron para verse más limpios y equilibrados tanto en tema claro como oscuro, ayudando al reconocimiento rápido sin aumentar el ruido visual.
- El espaciado en toda la interfaz fue reajustado considerando entornos donde el navegador se usa durante largos periodos.
- La nueva paleta de colores se inspira en la sensación del fuego e incluye brillo alrededor de la pestaña activa, tonos púrpura oscuros con aire ahumado y tonos claros que aportan calidez.
- Los textos de Firefox cambian hacia un estilo más directo y humano, a veces más juguetón o encendido, pero manteniendo la autenticidad.
- Los tokens reutilizables, componentes, patrones y lenguaje de diseño compartido facilitan la evolución de Firefox para que las nuevas funciones no parezcan añadidos, sino partes integradas.
- Aunque la renovación se nota más en escritorio, también ofrece una experiencia de Firefox más consistente en móvil gracias a colores, íconos, textos y bases de diseño compartidos.
- Como navegador personalizable con ADN de código abierto, Firefox añade nuevos temas y fondos de pantalla.
- Con el tiempo, también sigue explorando más controles para ajustar las formas de la interfaz, incluidas pestañas, componentes y tratamientos visuales relacionados.
- La accesibilidad se trata como un elemento central de la personalización, considerando contraste, legibilidad, estados de foco, comportamiento del teclado, tamaño de objetivos, configuración del sistema, comodidad visual y el comportamiento de la interfaz en temas y ventanas.
- El modo oscuro no es solo una preferencia para muchos usuarios, sino el entorno por defecto; para algunos reduce la fatiga visual y para otros forma parte de una configuración más amplia del sistema.
- Firefox se ha construido públicamente con la ayuda de colaboradores y seguidores de todo el mundo, y los usuarios participan en el proceso de crear, probar, extender y mejorar el navegador.
- El nuevo sistema de diseño todavía está tomando forma y sigue recibiendo comentarios sobre qué funciona bien y qué resulta molesto.
- Mozilla está recibiendo opiniones sobre Project Nova en Mozilla Connect.
1 comentarios
Opiniones en Lobste.rs
En modo compacto, al menos parece que no va a aparecer esa tontería de “pestañas/barra de direcciones flotando como islas separadas”
Tiene una jerarquía visual mala, resulta totalmente confuso y además desperdicia bastante espacio
En la nueva estructura dividida de Firefox también hay problemas con la jerarquía visual tradicional, así que, pensándolo bien, a regañadientes admito que en el caso de Firefox hay un argumento válido, pero aun así la mayoría de las implementaciones simplemente se ven tontas
De verdad me gustaría saber qué están pensando cuando hacen estas cosas
Por ejemplo, en https://apple.com/newsroom/2025/… esa barra lateral izquierda metida hacia adentro en esta imagen simplemente está mal, el video del fondo tiene una inconsistencia izquierda-derecha ridícula, y la captura de Messages al final muestra aún mejor lo absurdo de esa barra lateral izquierda metida hacia adentro. Solo hay que pensar en la jerarquía de la información presentada
Abrí la pestaña asustado al ver el título, pero fue una sorpresa bastante agradable porque en su mayoría vi cosas que realmente no me molestan
No lo digo con sarcasmo; hoy en día, cuando veo frases como “diseño para el futuro”, ya espero un desastre
No estoy muy seguro de que haga falta un rediseño de UI cuando ya es suficientemente funcional y moderno. Aun así, probablemente me acostumbre después de una semana o algo así
Mozilla ha sido tan mala en temas de diseño durante los últimos 15 años que ya ni da risa. Este nuevo sistema de diseño ya se ve viejo
Mozilla está atrapada entre retener a esa base de usuarios ya autoseleccionada e intentar algo nuevo para atraer a un público más amplio que todavía no usa Firefox
Sobre todo usando las nuevas pestañas verticales compactas, el navegador entero termina siendo poco más que una barra de direcciones delgada arriba y una barra de pestañas delgada a la izquierda. No entiendo qué tiene de tan ridículamente malo
Voy a sonar como un viejo gritándole a las nubes, pero no entiendo por qué Mozilla siente que tiene que perseguir la última moda de diseño como si fuera un adolescente
No quiero usar Chrome, pero al menos se ve más consistente y enfocado en lo esencial. La UI flotante me provoca furia
¿Será que vieron demasiado /r/unixporn y notaron que mucha gente usa i3-gaps? Ya hay espacio entre la barra de direcciones y la ventana principal, ¿para qué hace falta más?
Lo digo como alguien que hasta elige el tamaño perfecto de fuente en la terminal para que no se desperdicie espacio alrededor de los bordes
Todo se desprende de eso
¿Cómo sería una organización Firefox dirigida por una fundación comprometida con el bien público?
La moda de jugar con gradientes y sombras “brillantes” en algún momento se veía bastante bien, pero ahora se volvió una señal de CSS generado por AI
Si le pides a Claude que “haga un sitio web”, sale algo muy parecido. No se ve mal, pero por ese contexto me da una sensación barata y por eso termino detestándolo
Hubo un tiempo en que el “futuro” era el skeuomorfismo, y otro en que eran sombras sobre vidrio y esquinas redondeadas
También hubo épocas en que el futuro era plano y puntiagudo, otras en que era de colores brillantes, otras en tonos pastel, y ahora regresaron otra vez las sombras sobre vidrio
Últimamente da la impresión de que el ciclo es cada vez más corto
Esto también va a pasar
Me gusta la idea de poner toques de color en lugar de dejar solo un gris apagado en el chrome predeterminado del navegador
En mis dispositivos probablemente lo desactive, pero reconozco que estas nuevas combinaciones de color harán que Firefox se vea bastante distintivo
“Estamos trayendo de vuelta el modo compacto. La gente dijo que lo extrañaba, y escuchamos. Si quieres usar los controles del navegador de la forma más densa posible, este modo es para ti.”
Muy genial. Llevo mucho tiempo usando el modo compacto, que se suponía iba a desaparecer, así que me alegra ver que vuelve oficialmente
“Estamos trayendo de vuelta el modo compacto. La gente dijo que lo extrañaba, y escuchamos. Si quieres usar los controles del navegador de la forma más densa posible, este modo es para ti.”
Honestamente, se agradece, pero en realidad nunca lo quitaron por completo
Podías volver a activarlo en
about:configconfigurandobrowser.compactmode.showen true y luego reactivándolo desde “Personalizar barra de herramientas”Solo espero de verdad que el modo compacto del nuevo diseño sea tan denso como el modo compacto “no soportado” de la versión actual
Tree Style Tab es la respuesta. Mientras pueda ocultar esta basura y usar Tree Style Tab, no me importa cuánto lo arruine Mozilla