Diseña y publica tus sitios rápidamente

Acerca de la degradación gradual

Este es un concepto importante en el diseño web. Básicamente se refiere una filosofía en la que, cuando desarrollas un sitio con tecnología de punta, tienes que considerar que hay dispositivos (o situaciones) que no son tan capaces o que están limitados de alguna manera. Esta noción puede estar relacionada y ser aplicada a diferentes disciplinas pero aquí nos enfocaremos en el desarrollo de sitios web.

Un respaldo para los menos hábiles

La idea es crear un sitio con la tecnología más avanzada para que el proyecto funcione como fue diseñado. Sin embargo, debe de haber un respaldo para sistemas más viejos (o pantallas más chicas, conexiones más lentas, navegadores sin JavaScript o con una capacidad menor o cualquier otra situación).

Diagrama de la degradación gradual

Hay diferentes niveles de contenido/funciones disponibles dependiendo del dispositivo pero siempre tiene que haber contenido.

Ejemplo

Un ejemplo de degraduación gradual en acción es el clásico script de Lightbox. Lightbox se usa para mejorar la experiencia de ver una imagen o galería de imágenes. Por ejemplo, se exhibe una serie de imágenes en miniatura y al hacer clic en alguna de ellas, el fondo se osbcurece y encima aparece una versión más grande de la imagen.

Sin embargo, para que Lightbox funcione correctamente, necesita que JavaScript esté habilitado. Eso quiere decir que su aplicación no funcionará en un navegador que tenga JavaScript bloqueado o deshabilitado o que simplemente no lo soporte. Así que ¿qué sucede en un caso como este? La tecnología requerida para este script no está disponible pero aun así los usuarios necesitan tener acceso a esa imagen. Para algo tan básico como las imágenes, no es aceptable que se use la excusa de que “el navegador no admite esta plataforma”.

Diagrama de Lightbox

En este ejemplo de Lightbox, al hacer clic en la imagen en miniatura, la imagen de todas maneras se cargará en un navegador sin JavaScript (solamente que sin ningún efecto).

Por eso es importante considerar la degradación gradual. Se presenta una alternativa, casi siempre de manera más rudimentaria, para que los usuarios puedan obtener la información / contenido que necesitan (en este caso, una imagen). Puede que no se vea tan espectacular como se diseñó originalmente pero los visitantes podrán visualizar la imagen más grande.

¿Y por qué hablamos de esto? Porque Breezi fue desarrollado con esta filosofía en mente. Tus visitantes siempre podrán acceder a tu contenido sin importar la vigencia de sus dispositivos o navegadores.