Modal es una ventana que aparece encima del contenido de una página o app y no te deja hacer nada más hasta que la cierres o interactúes con ella.
Viene de “modo”, porque cambia temporalmente la forma en la que podés interactuar con la pantalla.
Cómo funciona un modal y por qué te interrumpe todo
Ponele que estás leyendo un artículo y te aparece una ventanita preguntando si querés suscribirte al newsletter. Todo lo demás se pone borroso o no responde hasta que decidas: aceptar, cerrar o ignorar (si podés). Esa es una ventana modal.
Sirve para mostrar avisos, pedir información rápida (como un login) o confirmar acciones delicadas (como borrar algo). Justamente por ser intrusiva, se recomienda no usarla todo el tiempo. Bien usada, te guía. Mal usada, molesta.
Las modales se hacen con tecnologías web como HTML, CSS y JavaScript. Son versátiles en diseño, pero su esencia es que aparecen encima del contenido y bloquean todo lo demás.
Podés ver un ejemplo interactivo en esta guía de modales en W3Schools (en inglés) o leer sobre su uso correcto en este artículo en español de UXPin.
