Diseño móvil para dashboards Free Form de Amazon Quick

Resumen

Amazon Quick introduce Mobile Layout para dashboards Free Form, una forma automática de presentar reportes en dispositivos móviles sin que los autores tengan que modificar sus diseños. Cuando un usuario abre un dashboard en un teléfono o tablet, Quick detecta el tamaño del viewport y entrega una experiencia de una sola columna, táctil y pensada para la pantalla del dispositivo. El resultado: acceso inmediato a indicadores y gráficos sin pellizcar, sin desplazamiento horizontal y con mejor rendimiento en dispositivos móviles.

Cómo funciona Mobile Layout

Mobile Layout es un modo de renderizado aplicado a dashboards Free Form. La plataforma detecta el tamaño de la ventana del navegador o de la app según el viewport. Si dicho viewport corresponde a dimensiones de teléfono o tablet, Quick activa la vista móvil. En navegadores móviles, la orientación en retrato entrega la experiencia móvil y en paisaje vuelve a la vista de escritorio. En la app de Quick, los lectores pueden alternar entre Mobile view (scroll continuo) y Desktop view (render original) mediante un conmutador integrado.

Sobre dispositivos más grandes se mantiene el renderizado de escritorio habitual. Además, Mobile Layout ya está disponible en todas las regiones de AWS donde Quick es compatible, por lo que equipos en América Latina con cuentas en esas regiones pueden aprovecharlo sin configuraciones adicionales.

Capacidades principales

Scroll continuo: las visualizaciones se apilan en una columna única y vertical. Cada visual ocupa el ancho completo del viewport para facilitar la lectura y la interacción táctil.
Preservación de aspecto: las proporciones de cada visual se mantienen; gráficos en formato vertical siguen siendo altos y los horizontales conservan su relación de aspecto.
Reconocimiento de grupos: cuando los autores organizan elementos superpuestos en grupos (por ejemplo, un KPI encima de un fondo), Mobile Layout respeta esos límites y renderiza el conjunto como una sola unidad.
Controles para el lector: en la app, existe un conmutador de vistas; en web móvil, la orientación determina la experiencia.
Rendimiento: Mobile Layout utiliza un camino de renderizado optimizado que reduce el consumo de recursos en equipos móviles, logrando cargas y desplazamientos más suaves en dashboards que antes eran difíciles de visualizar en teléfonos.

Reglas de tamaño que aplica Mobile Layout

Cuando Mobile Layout organiza las visualizaciones en el feed continuo aplica algunas reglas para mantener la usabilidad:

Cada visual llena el ancho total del viewport.
Se preserva la relación de aspecto original de la visual.
Existe una altura mínima de 272 píxeles para garantizar que elementos como leyendas, etiquetas de ejes y botones de ordenamiento permanezcan visibles.
Hay un límite superior de altura que evita que las visualizaciones excedan el tamaño de la pantalla.

Estas guardas ayudan a que los elementos sigan siendo legibles y utilizables en pantallas pequeñas sin perder la fidelidad del diseño original.

Agrupar visuales: cuándo y por qué hacerlo

En Free Form es común superponer elementos en el lienzo: KPI sobre un rectángulo de color, tarjetas de comparación sobre un contenedor, etc. En el escritorio estas capas funcionan como se diseñaron, pero en la vista móvil el motor de maquetado debe decidir cómo convertir esas superposiciones en tarjetas para el scroll vertical.

Si los elementos superpuestos no están agrupados, cada uno puede convertirse en una tarjeta independiente en la vista móvil. Eso hace que un KPI y su fondo aparezcan como dos tarjetas separadas, rompiendo la relación visual original. Para preservar la apariencia (por ejemplo, banners o tarjetas compuestas), es recomendable agrupar los elementos que deben renderizarse juntos.

Cómo agrupar visuales paso a paso

Abra su análisis en el modo de autoría de Amazon Quick.
Mantenga presionada la tecla Shift y seleccione cada visual que quiera mantener unida (por ejemplo, el rectángulo de fondo y los KPI sobre él).
Abra el menú contextual (clic derecho) y seleccione la opción “Group”.

No hay límite en la cantidad de grupos por hoja; cada grupo se trata como una unidad única en la vista móvil. Agrupar es una acción opcional pero útil para asegurar que diseños compuestos se mantengan coherentes al pasar a la experiencia móvil.

Qué deben hacer lectores, autores y administradores

Lectores: no necesitan realizar ninguna acción. Cualquier dashboard Free Form se renderiza automáticamente en Mobile Layout cuando se abre desde un dispositivo con viewport pequeño.
Autores: tampoco necesitan cambios obligatorios. Sus dashboards publicados en Free Form se beneficiarán automáticamente. Se sugiere revisar y, cuando convenga, agrupar visuales superpuestas para mantener el diseño en móviles.
Administradores: no hay configuración ni migración requerida; Mobile Layout está activo por defecto para Free Form dashboards en la cuenta.

Tengan en cuenta que los dashboards Tiled o Classic no se ven afectados: conservan su comportamiento responsivo actual.

Recomendaciones prácticas para equipos en América Latina

Prueben los dashboards críticos en dispositivos reales (teléfonos y tablets) y en la app de Quick para validar la experiencia táctil y el rendimiento en condiciones reales de uso.
Si su equipo de ventas o operaciones usa dispositivos con redes móviles de menor velocidad, Mobile Layout puede ayudar a mejorar la usabilidad al reducir la carga en el cliente. Igualmente, optimicen consultas y conjuntos de datos para minimizar latencia.
Para diseños con banners, KPI o tarjetas compuestas, agrupar visuales evita que la relación visual se rompa en la vista móvil, lo que es especialmente importante cuando la interfaz debe ser clara para tomadores de decisión en reuniones rápidas o en terreno.

Conclusión

Mobile Layout simplifica el acceso a dashboards Free Form en teléfonos y tablets, transformando el lienzo de escritorio en una experiencia de scroll vertical, táctil y optimizada. No requiere pasos manuales para su activación y mejora tanto la interacción como el rendimiento en dispositivos móviles. Para equipos en América Latina que confían en dashboards para decisiones diarias, esto significa menos fricción al revisar KPIs entre reuniones, en recorridos de campo o durante viajes. Como práctica recomendada, revisen los grupos de visuales en diseños superpuestos para asegurar que los elementos compuestos se mantengan coherentes en la vista móvil.