La industria del diseño web siempre está cambiando, en parte porque los navegadores web y los dispositivos siempre están cambiando. Dado que el trabajo que hacemos como diseñadores y desarrolladores web se ve a través de un navegador web de algún tipo, nuestro trabajo siempre tendrá una relación simbiótica con ese software.
Cambios en los navegadores web
Uno de los desafíos con los que los diseñadores y desarrolladores de sitios web siempre han tenido que lidiar es no solo los cambios en los navegadores web, sino también la gama de diferentes navegadores web que se utilizarán para acceder a sus sitios web. Sería genial si todos los visitantes de un sitio estuvieran seguros de utilizar el software más reciente y mejor, pero ese nunca fue el caso (y probablemente nunca lo será).
Algunos de los visitantes de sus sitios verán las páginas web con navegadores que son muy antiguos y carecen de características de los navegadores más modernos. Por ejemplo, las versiones anteriores del navegador Internet Explorer de Microsoft han sido durante mucho tiempo una espina para muchos profesionales de la web. A pesar de que la compañía ha eliminado el soporte para algunos de sus navegadores más antiguos, todavía hay personas que los utilizarán, personas con las que querrá hacer negocios y comunicarse.
Definición de 'degradación agraciada'
La realidad es que las personas que usan estos navegadores web anticuados a menudo ni siquiera saben que tienen software obsoleto o que su experiencia de navegación web puede verse comprometida debido a su elección de software. Para ellos, ese navegador desactualizado es simplemente lo que han usado durante mucho tiempo para acceder a sitios web. Desde la perspectiva de los desarrolladores web, queremos asegurarnos de que podamos ofrecer una experiencia útil a estos clientes, al mismo tiempo que creamos sitios web que funcionen de maravilla en los navegadores y dispositivos más modernos y con más funciones disponibles en la actualidad.
La "degradación elegante" es una estrategia de manejo del diseño de páginas web para una variedad de navegadores diferentes, tanto antiguos como nuevos.
A partir de los navegadores modernos
El diseño de un sitio web que está diseñado para degradarse con gracia se diseña primero con los navegadores modernos en mente. Ese sitio está creado para aprovechar las características de estos navegadores web modernos, muchos de los cuales se "actualizan automáticamente" para garantizar que las personas siempre estén utilizando una versión reciente. Sin embargo, los sitios web que se degradan con gracia también funcionan eficazmente para navegadores más antiguos. Cuando los navegadores más antiguos y menos ricos en funciones ven el sitio, deberían degradarse de una manera que sigue siendo funcional, pero posiblemente con menos funciones o diferentes visuales de visualización. Si bien este concepto de ofrecer un sitio menos funcional o no tan atractivo puede parecer extraño, la verdad es que las personas ni siquiera sabrán que faltan. No compararán el sitio que ven con la "mejor versión", de modo que mientras el sitio funcione para lo que necesitan y no parezca estar roto, ya sea funcional o visualmente, estará en buena forma.
Mejora progresiva
El concepto de degradación elegante es similar en muchos aspectos a otro concepto de diseño web del que puede haber oído hablar: mejora progresiva. La principal diferencia entre la estrategia de degradación elegante y la mejora progresiva es cuando comienza su diseño. Si comienza con el mínimo común denominador y luego agrega características para los navegadores más modernos para sus páginas web, está usando mejoras progresivas. Si comienza con las características más modernas y de vanguardia, y luego reduce la escala, está usando una degradación elegante. Al final, es probable que el sitio web resultante ofrezca la misma experiencia, ya sea que esté utilizando una mejora progresiva o una degradación elegante. De manera realista, el objetivo de cualquiera de estos enfoques es crear un sitio que funcione a la perfección para los navegadores modernos y, al mismo tiempo, ofrecer una experiencia útil para los navegadores web más antiguos y los clientes que continúan usándolos.
La degradación elegante no significa decirle a sus lectores, 'Descargue el navegador más reciente'
Una de las razones por las que a muchos diseñadores modernos no les gusta el enfoque de degradación elegante es que a menudo se convierte en una demanda de que los lectores descarguen el navegador más moderno para que la página funcione. Esto es no degradación elegante. Si se encuentra con ganas de escribir "descargue el navegador X para que funcione esta característica", ha abandonado el reino de la degradación elegante y ha pasado al diseño centrado en el navegador. Sí, sin duda hay valor en ayudar a un visitante del sitio web a mejorar su navegador, pero a menudo es mucho pedirles (recuerde, muchas personas no entienden cómo descargar nuevos navegadores, y su demanda de que lo hagan puede asustar) lejos de ellos). Si realmente desea su negocio, es poco probable que la forma de hacerlo sea pedirles que salgan de su sitio para descargar un mejor software. A menos que su sitio tenga una funcionalidad clave que requiera una cierta versión del navegador o superior, forzar una descarga es a menudo un factor decisivo en la experiencia del usuario y debe evitarse.
Una buena regla general es seguir las mismas reglas para una degradación elegante como lo haría para una mejora progresiva:
- Escribir código HTML válido y compatible con las normas.
- Usa hojas de estilo externas para tus diseños y diseño
- Utilice scripts enlazados externamente para interactividad
- Asegúrese de que el contenido sea accesible incluso para navegadores de bajo nivel sin CSS o JavaScript
Con este proceso en mente, puede salir y construir el diseño más vanguardista que pueda. Solo asegúrese de que se degrada en navegadores menos funcionales mientras sigue funcionando.
¿Qué tan lejos necesitas ir?
Una pregunta que muchos desarrolladores web tienen es qué tan atrás en términos de versiones de navegador debería admitir? No hay respuesta cortada y seca a esta pregunta. Depende del propio sitio. Si revisa los análisis de tráfico de un sitio web, verá qué navegadores de sitios web se están utilizando para visitar ese sitio. Si ve un porcentaje notable de personas que usan un navegador antiguo determinado, entonces es probable que desee apoyar ese navegador o correr el riesgo de perder ese negocio. Si observa sus análisis y ve que nadie está usando una versión anterior del navegador, probablemente esté seguro de tomar la decisión de no preocuparse por el soporte completo de ese navegador obsoleto y realizar una prueba. Por lo tanto, la respuesta real a la pregunta de hasta qué punto debe respaldar su sitio es "sin embargo, muy atrás, sus análisis le indican que sus clientes están usando".
Artículo original de Jennifer Krynin. Editado el 9/8/17 por Jeremy Girard.
