El nuevo back office de GoodBarber: más claridad para crear tu app

Todo empieza por el diseño. Una nueva tipografía, Plus Jakarta Sans, un azul para la interfaz, un verde reservado para publicar y validar, esquinas suavizadas, sombras suaves e iconos rediseñados. El conjunto se lee con calma y cada color cumple una función: el azul guía, el verde confirma.

En My App, la vista previa de tu app ocupa el centro de la pantalla y los ajustes se agrupan en un panel a la derecha. Modificas en un lado, ves el resultado en el otro, y tu app sigue a la vista durante todo el trabajo.

Arriba a la derecha de cada página, un botón sigue el estado de tu proyecto. Muestra «Publicar mi proyecto» mientras la app no se ha publicado nunca, y después «Recompilar y enviar», «Actualiza ahora» o «Proyecto actualizado» según el momento. Basta un vistazo para saber si queda algo por hacer.

Al hacer clic, la ventana «Publicar mi proyecto» repasa tus tres versiones: primero la PWA, luego iOS y luego Android. Para cada una, su estado: sin publicar, pasos completados sobre el total, lista, en generación, en revisión, en línea, por recompilar. Al lado, la siguiente acción. Abajo, el número de cambios listos para publicar, con el botón «Actualiza ahora» para enviarlos. Las tarjetas del Dashboard muestran los mismos estados, para que los veas nada más entrar.

El back office de GoodBarber se abre en modo claro. Para pasar al modo oscuro, haz clic en tu nombre, abajo del menú principal: se abre un pequeño menú con la fila «Apariencia» y sus tres iconos, un sol para «Claro», una luna para «Oscuro» y una pantalla para «Sistema». «Sistema» sigue el ajuste de tu equipo: si tu sistema pasa a oscuro por la noche, el back office también.

Vuelve a hacer clic en tu nombre, abajo del menú principal, y abre «Mi cuenta»: la fila «Accesibilidad» reúne dos ajustes. «Tamaño del texto» agranda la interfaz en cuatro niveles, de «Pequeño» a «Muy grande». «Aumentar el contraste» oscurece el texto y marca más los bordes y los contornos.

El subtítulo de la fila lo dice: «Se aplica de inmediato en todos los proyectos.» El ajuste va contigo y te acompaña de una app a otra. Si gestionas varias aplicaciones, como agencia o como revendedor, lo configuras una vez y lo encuentras en todas. Mientras no elijas nada, el contraste sigue el ajuste de aumento de contraste de tu sistema.

Para escribir directamente en el JSON de tu app, cada panel de Structure tiene un enlace entre llaves { }. Abre una ventana de edición avanzada sobre el JSON del elemento en curso, sin salir de la página.

Un campo «Buscar una clave o un valor» te lleva al lugar exacto. Los cambios se señalan, con su número, antes de guardarse. Cada color va precedido de una muestra y un selector de color permite elegirlo directamente. Un candado marca lo que está bloqueado.

Esta ventana se abre con la extensión Edición avanzada, gratuita, que se instala desde la Extension Store.

• Las migas de pan de la barra superior indican la página padre y el elemento abierto.
• En la Home, un modo «Reordenar» cambia el orden de los widgets de la página.
• La ventana de selección de icono se abre sobre la página, muestra el icono actual y el campo al que se aplica, ordena las colecciones en una columna a la izquierda y ofrece varios tamaños de vista previa. Su búsqueda por nombre también abarca los juegos de iconos genéricos, y basta un clic para elegir el icono.
• Por debajo de 1024 px de ancho, las pantallas se reorganizan: el menú se pliega tras un botón y, en My App, la vista previa pasa arriba y el panel abajo. Así puedes trabajar tanto en una tableta como en un teléfono.

Todo esto ya está en tu back office: solo tienes que abrirlo. Y llegarán más novedades en las próximas semanas.