Sitios interactivos

¿WebGL, cuadros prerenderizados o video para un sitio web?

Elige el formato según el control que necesita quien visita. Esta comparación cubre punto de vista, edición, accesibilidad, alternativas y trabajo de cada opción.

Read in English

Elige el formato según la tarea

Una parte funcional puede resolver la elección mejor que una lista de efectos. Compara control, alternativa y edición con un proyecto real antes de cotizar producción.

01

Empieza por el control

El video permite dirigir cada cuadro y ofrece reproducir, pausar y avanzar. Una secuencia de imágenes puede vincular un punto de vista fijo al scroll, pero cambiar la cámara exige renderizar de nuevo. WebGL en tiempo real permite girar, inspeccionar o recorrer una escena; esa libertad añade estados de entrada, cámara y dispositivo.

Ningún formato hace útil la página por sí solo. Oferta, etiquetas, navegación y acción todavía necesitan contenido legible. Si la interacción es un fondo decorativo, pregunta primero si basta una imagen o video corto. Usa gráficos en tiempo real cuando la acción cambia lo que alguien puede aprender o decidir.

Empieza por el control
FormatoControl del visitantePregunta de producción
VideoReproducir, pausar y avanzar¿Quién lo produce y subtitula?
Cuadros prerenderizadosNormalmente un recorrido fijo ligado a scroll o tiempo¿Cuántos cuadros y recortes adaptables se necesitan?
WebGL en tiempo realEl punto de vista, objeto o mundo responde¿Qué controles y alternativas gráficas se requieren?
02

Presupuesta cambios y alternativas

Una película fija concentra esfuerzo en producción y edición. La secuencia de cuadros añade peso de entrega y ritmo adaptable. Una escena en vivo añade optimización, ingeniería gráfica, controles y pruebas en dispositivos objetivo. La opción menos costosa depende de lo que cambiará después: sustituir un color de producto o añadir un capítulo tiene costos distintos en cada formato.

Pide un recorrido funcional sin animación, subtítulos o texto equivalente cuando corresponda, teclado para los controles y comportamiento con movimiento reducido. Define qué ocurre si el medio no carga o desaparece el contexto gráfico. Después compara propuestas con los mismos entregables y supuestos de mantenimiento, no solo las etiquetas «3D» y «video».

03

Usa una escena representativa para decidir

Entrega el mismo contenido y recurso para comparar formatos. Pregunta qué debe hacer la persona, cuándo aparece la explicación esencial, si la acción sigue accesible y cómo cambia el contenido un editor. Prueba en un teléfono acordado antes de comprometer toda la producción.

Janus Observatory muestra por qué los formatos pueden convivir: la apertura crea un mundo, mientras atlas y observatorio orientan y permiten explorar. Esa división es una decisión de diseño, no una receta para que todo proyecto tenga escena en tiempo real. La solución adecuada conserva la comprensión prevista en dispositivos y alternativa compatibles.

Fuentes y nota editorial

Fuentes

Cómo hicimos esta guía

EvidenciaEsta guía combina 2 fuentes enlazadas, el análisis de Dardo y ejemplos de proyectos claramente identificados.

LímitesLas decisiones visibles de diseño y contenido no se presentan como mejoras medidas de ranking, tráfico o conversión.

Leer nuestra política editorial