lunes, 9 de noviembre de 2015

Nueva web de MapAgenda para dispositivos móviles

Durante los últimos meses hemos trabajado duro para adaptar la web de MapAgenda a los dispositivos móviles. Al mismo tiempo hemos aprovechado para darle un lavado de cara con un nuevo logo y un nuevo diseño de las páginas.


Si visitáis www.mapagenda.com ahora veréis que todas las páginas de la web se ajustan a los diferentes tamaños de pantalla al tiempo que se prescinde de los elementos visuales que en pantallas pequeñas quitan mucho espacio y aportan poca información.

Creemos que os puede ser muy útil tanto para los que tenéis el App de Android como para los que tienen otros teléfonos para los que no disponemos de App. En la versión web están todas las funcionalidades que no están en el App: gestión de la agenda personal, creación y edición de eventos, suscripción al correo de novedades, configuración del widget, etc.

El cambio más importante ha sido en la página de la Agenda donde en una pantalla grande tenemos el mapa al lado del listado de eventos. En una pantalla pequeña eso ya no es posible y hemos optado por alternar ambas vistas. Tanto el listado como el mapa se actualizan al mismo tiempo cuando se cambia cualquier filtro pero tenemos que verlas de forma alternativa.

Para cambiar entre el listado y el mapa hemos añadido dos botones: "Lista" y "Mapa" que podéis ver en estas imágenes:

   


También podéis ver un desplegable que permite cambiar entre la agenda propiamente dicha, el listado de los últimos eventos añadidos en una zona y el mapa de circuitos.

En la página del mapa hay algunas novedades más:

1.- Botón de recargar eventos:


A partir de ahora, cada vez que movéis el mapa o cuando ya tenéis alguna zona del mapa que os interesa, tenéis que pulsar el botón de recargar para ver los eventos que hay en esa zona. Un mensaje de "Recargar" aparece para indicaros que la zona del mapa ha cambiado desde la última búsqueda.

Hasta ahora cada vez que movíais el mapa, los eventos se recargaban solos. Pero eso tenía una serie de problemas que hemos intentado corregir. El primero era que se hacían demasiadas llamadas al servidor para recibir eventos y eso consumía datos y en función de la conexión obligaba a esperas no necesarias. El segundo es que limitaba la visualización del mapa ya que al moverlo ya no estaban los mismos eventos que antes.

Eso sí, hay que acordarse de pulsarlo.

2.- Botón de búsqueda en el mapa


Ahora, para desplazar el mapa o buscar en un lugar determinado hay que pulsar en el botón amarillo de la esquina superior izquierda. Es muy intuitivo pero es bueno saber que está ahí.

3.- Botones de página siguiente y anterior


Ya sabéis que en MapAgenda todos los eventos están ordenados cronológicamente, incluso en el mapa. Pues bien, siempre que veis unos eventos en una zona, esos eventos son los 30 que ocurren primero (límite no muy grande para que no se haga imposible la visualización). Pero en esa zona puede haber más eventos que ocurren después.

Eso es precisamente de lo que os avisa el botón de página siguiente. Podéis desplazaros a los eventos que ocurren después sin necesidad de ir al listado.

4.- Botón de información sobre los colores y sobre el mapa

Hemos añadido este botón para ayudar a entender qué significan los colores.


El color es importante sobre todo en el mapa y da una idea de lo lejos o cerca que está un evento en el tiempo desde la fecha de búsqueda. Si un evento ocurre ocurre el mismo día de búsqueda aparece en verde lo que lo hace muy fácil de localizar.

Hemos optado por el siguiente código de colores tomando para el primer mes los colores de un semáforo. Verde indica que se puede pasar y rojo que hay que esperar y el amarillo y el naranja intermedios.


Esperamos que el cambio os resulte útil y que os ayude a llevar más fácilmente vuestra agenda de carreras.

No hay comentarios:

Publicar un comentario