Canvas
Recinto, bloque, localidad, tres niveles, cero compradores perdidos.
Los compradores empiezan en todo el recinto, entran en un bloque y llegan a su fila con transiciones animadas. Los desarrolladores conducen el mismo recorrido por programación mediante una API de zoom real.
¿Te suena familiar?
Perdido en un plano de 5.000 localidades
Un muro de puntos no es selección, es fallo de orientación. El drill-down por nivel significa que el comprador siempre sabe dónde está.
Zooms a corte brusco
Teletransportes instantáneos entre vista general y localidades desorientan. Transiciones animadas con velocidad ajustable mantienen el mapa mental intacto.
Zoom que no puedes conducir
Un plano que solo hace zoom con pellizco pelea con tu UX. zoomToBlock, zoomToZone y compañía dejan que tu flujo dirija la cámara.
La orientación como función
01Tres niveles nombradosVENUE, BLOCK y SEAT son estados explícitos. El plano siempre sabe qué historia cuenta.
02Cámara programáticazoomToVenue, zoomToBlock, zoomToZone, zoomToSelection, zoomToBBox: tu UI conduce, el comprador sigue.
03Drill-down de secciónEntrar en un polígono de sección revela sus localidades; salir devuelve la vista general. Los recintos grandes siguen siendo navegables.
04Eventos en cada transiciónLos cambios de nivel de zoom disparan eventos a los que tu app puede reaccionar: migas de pan, leyendas, analítica.
05Una vuelta atrás educadaEl botón de alejar y el clic en fondo vuelven a la vista de recinto, sin callejones sin salida.
06Afinado a tu recintoZoom mínimo y máximo más velocidad de animación son configuración, adaptando la sensación del plano a su escala.
El recorrido hacia abajo
- 01Ve el recintoTodo el layout con sus secciones, zonas y punto focal, orientación primero.
- 02Entra en un bloqueToca un bloque o llama a zoomToBlock; la cámara se desliza, el cambio de nivel se anuncia.
- 03Elige la localidadLocalidades individuales con estados reales a distancia de lectura.
- 04Vuelve suavementeUn botón regresa a la vista general. El comprador nunca se siente atrapado.
Recorre el plano de la demo
Tres niveles de zoom, en vivo en la demo.