Blog

Nuevo diseño del localizador: navegación modernizada

  Actualizado el   2 min de lectura

En GoodBarber, nos esforzamos constantemente por perfeccionar nuestros diseños para ofrecer la mejor experiencia de usuario posible. Hoy, estamos encantados de presentar una mejora significativa en el diseño de nuestro localizador, haciendo que la navegación dentro de nuestras aplicaciones sea más fluida, intuitiva y estéticamente agradable.
Nuestro equipo de diseño ha trabajado con pasión para replantear el aspecto de nuestro localizador, que desempeña un papel crucial en la forma en que los usuarios interactúan con el contenido desplazable. Inspirado en diseños icónicos vistos en plataformas como Vinted, Instagram y Airbnb, nuestro nuevo localizador presenta ahora un aspecto más limpio y contemporáneo, optimizado para funcionar a la perfección sea cual sea el número de elementos mostrados.

¿Qué ha cambiado?

El principal objetivo de este rediseño era simplificar visualmente el localizador y mejorar al mismo tiempo la interacción con el usuario. Implementamos un comportamiento común en el que sólo se muestran seis elementos a la vez, independientemente del número total de elementos del carrusel. Este enfoque reduce el desorden visual y resalta el contenido que se está viendo en ese momento, lo que facilita la navegación del usuario. Para que la experiencia sea aún más dinámica, hemos ajustado el tamaño y la animación de los puntos del localizador. A medida que el usuario se desplaza por los elementos, los puntos se animan con fluidez, lo que facilita la comprensión del desplazamiento y la posición en la lista. Esta sutileza de diseño no sólo mejora la estética de la interfaz, sino también la accesibilidad y la interacción.
 
Este nuevo comportamiento se ha aplicado a todas las plantillas y vistas en las que se utiliza el paginador en tu aplicación. No importa dónde se encuentren, ahora los usuarios se beneficiarán de una coherencia visual y funcional en todas las interfaces.
La mejora del diseño del localizador es un ejemplo de nuestro compromiso permanente por ofrecer herramientas de alto rendimiento y estéticamente agradables. Creemos firmemente que esta actualización enriquecerá la experiencia del usuario, haciendo la navegación no sólo más agradable sino también más intuitiva. En GoodBarber, seguimos innovando para garantizar que sus aplicaciones se mantengan a la vanguardia de la tecnología y cumplan los estándares modernos de interacción y diseño.

Sigue leyendo

  7 min de lectura

¿Cómo ajustar los bordes en mi app?

En GoodBarber, cada celda, widget y campo ya tiene su borde de 1 px. Dale un color, un grosor de 1, 2 o 4 px, o un solo lado bajo un título.

  4 min de lectura

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.