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 a los que siempre se han enfrentado los diseñadores y desarrolladores de sitios web no es solo 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 fantástico si todos los visitantes de un sitio estuvieran seguros de utilizar el software más reciente y mejor, pero ese nunca ha sido 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 faltan características de los navegadores más modernos. Por ejemplo, versiones anteriores del navegador Internet Explorer de Microsoft
han sido durante mucho tiempo una espina clavada en el costado de muchos profesionales de la web. A pesar de que la compañía ha dejado de admitir algunos de sus navegadores más antiguos, todavía hay personas que los usarán, personas con las que es posible que desee hacer negocios y comunicarse.Definición de 'degradación elegante'
La realidad es que las personas que utilizan estos navegadores web anticuados a menudo ni siquiera saben que tienen software desactualizado o que su experiencia de navegación web puede verse comprometida debido a su software elección. Para ellos, ese navegador obsoleto es simplemente lo que han utilizado durante mucho tiempo para acceder a sitios web. Desde la perspectiva de los desarrolladores web, queremos asegurarnos de que todavía podemos ofrecer una experiencia útil a estos clientes, al mismo tiempo que crean sitios web que funcionan maravillosamente en los navegadores más modernos y ricos en funciones y dispositivos que están disponibles hoy.
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.
Comenzando con navegadores modernos
Un diseño de sitio web que está diseñado para degradarse con elegancia se diseña primero teniendo en cuenta los navegadores modernos. Ese sitio se creó para aprovechar las funciones de estos navegadores web modernos, muchos de los cuales se "actualizan automáticamente" para garantizar que las personas siempre utilicen 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ía degradarse de una manera que siga siendo funcional pero posiblemente con menos funciones o visualizaciones de pantalla diferentes. Si bien este concepto de ofrecer un sitio menos funcional o menos atractivo puede parecerle extraño, la verdad es que la gente ni siquiera sabrá que están perdidos. No compararán el sitio que ven con la "mejor versión", siempre y cuando el sitio funciona para lo que necesitan y no parece estar roto, ni funcional ni visualmente, estarás bien forma.
Mejora progresiva
El concepto de degradación elegante es similar en muchos aspectos a otro concepto de diseño web del que quizás hayas oído hablar: mejora progresiva. La principal diferencia entre la elegante estrategia de degradación y la mejora progresiva es donde comienza su diseño. Si comienza con el mínimo común denominador y luego agrega funciones para navegadores más modernos para sus páginas web, está utilizando la mejora progresiva. Si comienza con las funciones más modernas y de vanguardia y luego las reduce, está utilizando una degradación elegante. Al final, es probable que el sitio web resultante ofrezca la misma experiencia, ya sea que utilice una mejora progresiva o una degradación elegante. Siendo realistas, el objetivo de cualquiera de los enfoques es crear un sitio que funcione muy bien para los navegadores modernos. sin dejar de ofrecer una experiencia útil para los navegadores web más antiguos y los clientes que continúan usando ellos.
La degradación elegante no significa decirle a sus lectores que 'descarguen el navegador más reciente'
Una de las razones por las que a muchos diseñadores modernos no les gusta el elegante enfoque de degradación es porque a menudo se convierte en una demanda para que los lectores descarguen el navegador más moderno para que la página funcione. Esto es no Degradación agraciada. Si se encuentra deseando escribir "descargar el navegador X para que esta característica funcione", ha abandonado el reino de la degradación elegante y se ha trasladado al diseño centrado en el navegador. Sí, indudablemente es valioso ayudar a un visitante del sitio web a actualizar a un navegador mejor, pero a menudo es mucho pedirle. (recuerde, muchas personas no entienden la descarga de nuevos navegadores, y su exigencia de que lo hagan simplemente puede asustarlos fuera). Si realmente desea su negocio, es poco probable que decirles que abandonen su sitio para descargar un mejor software sea la forma de hacerlo. A menos que su sitio tenga una funcionalidad clave que requiera una determinada versión del navegador o superior, forzar una descarga suele ser un factor decisivo en la experiencia del usuario y debe evitarse.
Una buena regla general es seguir las mismas reglas para la degradación elegante que para la mejora progresiva:
- Escribir válido, compatible con los estándares HTML
- Utilice hojas de estilo externas para sus diseños y maquetación
- Utilice scripts vinculados externamente para la 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 degrade en navegadores menos funcionales mientras sigue funcionando.
¿Qué tan atrás necesitas ir?
Una pregunta que tienen muchos desarrolladores web es ¿qué tan atrás en términos de versiones de navegador debería admitir? No hay una respuesta sencilla a esta pregunta. Depende del sitio en sí. Si revisa el análisis de tráfico de un sitio web, verá qué navegadores web se utilizan para visitar ese sitio. Si ve un porcentaje notable de personas que utilizan un determinado navegador más antiguo, es probable que desee admitir ese navegador o se arriesgue a perder ese negocio. Si observa sus análisis y ve que nadie está usando una versión anterior del navegador, probablemente esté seguro al tomar la decisión de no preocuparse por la compatibilidad total con ese navegador obsoleto y las pruebas para eso. Por lo tanto, la respuesta real a la pregunta de qué tan atrás debe soportar su sitio es: "sin importar qué tan atrás sus análisis le digan que están usando sus clientes".