Esto es lo que significa ‘Degradación Grácil’ en el Diseño Web

Esto es lo que significa’Degradación Grácil’ en el Diseño Web

Esto es lo que significa ‘Degradación Grácil’ en el Diseño Web

VALORACIÓN DEL ARTÍCULO:
5/5

Degradación Grácil

La industria del diseño web siempre está cambiando, en parte porque los navegadores y dispositivos web 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.

Índice de contenidos

Cambios en los navegadores web

Uno de los retos a los que los diseñadores y desarrolladores de sitios web siempre han tenido que enfrentarse no sólo son los cambios en los navegadores web, sino también la variedad de 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 usar 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 que carecen de las 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 clavada en el costado de muchos profesionales de la web. A pesar de que la empresa ha dejado de ofrecer soporte para algunos de sus navegadores más antiguos, todavía hay personas que los utilizarán, personas con las que tal vez desee hacer negocios y comunicarse.

Definición de’Degradación Grácil’

La realidad es que las personas que utilizan estos anticuados navegadores web a menudo ni siquiera saben que tienen software anticuado o que su experiencia de navegación web puede verse comprometida debido a su elección de software. Para ellos, ese navegador obsoleto es simplemente lo que han utilizado durante mucho tiempo para acceder a los sitios web. Desde la perspectiva de los desarrolladores web, queremos asegurarnos de que todavía podemos ofrecer una experiencia utilizable a estos clientes, a la vez que creamos sitios web que funcionan de maravilla en los navegadores y dispositivos más modernos y ricos en funciones que están disponibles en la actualidad.

La «degradación elegante» es una estrategia para manejar el diseño de páginas web para una variedad de navegadores diferentes, tanto antiguos como nuevos.

Comenzando con los navegadores modernos

Un diseño de sitio web que se construye para degradarse con gracia se diseña primero con los navegadores modernos en mente. Este sitio ha sido creado para aprovechar las características de estos modernos navegadores web, muchos de los cuales «se actualizan automáticamente» para garantizar que la gente siempre esté utilizando una versión reciente. Sin embargo, los sitios web que se degradan con elegancia también funcionan eficazmente para los navegadores más antiguos. Cuando los navegadores más antiguos, menos ricos en características, ven el sitio, debería degradarse de una manera que siga siendo funcional, pero posiblemente con menos características o con diferentes visuales de visualización. Mientras que este concepto de entregar un sitio menos funcional o no tan bonito puede parecerle extraño, la verdad es que la gente ni siquiera sabrá que están perdidos. No compararán el sitio que están viendo con la «mejor versión», así que mientras el sitio funcione para lo que necesitan y no parezca estar roto, ya sea funcional o visualmente, usted estará en buena forma.

Mejora progresiva

El concepto de degradación grácil es similar en muchos aspectos a otro concepto de diseño web del que puede haber oído hablar: la mejora progresiva. La principal diferencia entre la estrategia de degradación graciosa y la mejora progresiva es donde usted comienza su diseño. Si usted comienza con el mínimo común denominador y luego agrega características para navegadores más modernos para sus páginas web, usted está usando mejoras progresivas. Si empiezas con las características más modernas y vanguardistas, y luego reduces la escala, estás usando una degradación elegante. Al final, el sitio web resultante puede ofrecer la misma experiencia, ya sea que esté usando mejoras progresivas o degradación gradual. Siendo realistas, el objetivo de cualquiera de los dos enfoques es crear un sitio que funcione a la perfección para los navegadores modernos y que al mismo tiempo ofrezca una experiencia utilizable para los navegadores web más antiguos y para los clientes que siguen utilizándolos.

Degradación graciosa 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 porque 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 not degradación gradual. Si quieres escribir «descargar el navegador X para que esta función funcione», has dejado el reino de la degradación agraciada y te has movido a un diseño centrado en el navegador. Sí, es indudablemente valioso ayudar a un visitante de un sitio web a actualizar a un mejor navegador, pero eso es a menudo mucho pedirles (recuerde, muchas personas no entienden acerca de la descarga de nuevos navegadores, y su demanda de que lo hagan puede simplemente ahuyentarlos). Si realmente quieres su negocio, decirles que abandonen tu sitio para descargar mejor software es poco probable que sea la manera de hacerlo. A menos que su sitio tenga una funcionalidad clave que requiera una versión de navegador determinada o superior, forzar una descarga es a menudo un obstáculo en la experiencia del usuario y debe evitarse.

Una buena regla empírica es seguir las mismas reglas para la degradación grácil que para la mejora progresiva:

    1. Escribir HTML válido y compatible con los estándares
    2. Utilice hojas de estilo externas para sus diseños y maquetación
    3. Usar scripts enlazados externamente para interactividad
    4. Asegúrese de que el contenido sea accesible incluso a navegadores de bajo nivel sin CSS o JavaScript

.

Con este proceso en mente, usted puede salir y construir el diseño más vanguardista que pueda! Sólo asegúrate de que se degrada en navegadores menos funcionales mientras sigue funcionando.

¿Cuánto tiempo atrás necesita ir?

Una pregunta que muchos desarrolladores web tienen es ¿cuánto tiempo atrás en términos de versiones de navegadores debería soportar? No hay una respuesta clara a esta pregunta. Depende del sitio mismo. 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 utilizan un determinado navegador antiguo, es probable que desee admitir ese navegador o arriesgarse a perder ese negocio. Si usted mira sus análisis y ve que nadie está usando una versión más antigua del navegador, probablemente esté seguro al tomar la decisión de no preocuparse por el soporte completo de ese navegador obsoleto y las pruebas para el mismo. Así que la respuesta real a la pregunta de cuán lejos debe estar su sitio web es – «por muy lejos que sus análisis le digan que sus clientes lo están usando».

 

TAMBIÉN TE INTERESA

all ia

all ia, el primer buscador de herramientas de inteligencia artificial

Ha llegado el punto en que uno ya se pierde con las herramientas de inteligencia artificial. A lo largo de este último año han surgido infinidad de soluciones que se distribuyen en todos los rincones de internet. Se podría decir que hay una para cada inquietud, sea a nivel personal en el terreno profesional. Pero

login-y-contraseña

El método definitivo para tener una contraseña segura: 9 pasos

Tener una contraseña segura es el primer paso para tener cierta seguridad en nuestra vida digital. Correo electrónico, claves del banco, Amazon, por poner unos ejemplos… son plataformas que estamos acostumbrados a usar casi a diario. Para todos ellos y el resto de plataformas a las que estemos suscritos, la contraseña segura es fundamental para

meta-quest-3

Meta Quest 3: características del nuevo adalid de la realidad virtual

La realidad virtual (VR) ha experimentado un crecimiento exponencial en los últimos años, y Meta Quest 3 se presenta como el pináculo de esta evolución. Como la tercera generación de dispositivos de realidad virtual autónomos desarrollados por Meta, anteriormente conocida como Facebook, el Meta Quest 3 representa una amalgama de tecnología de vanguardia y diseño

Wacom-Movink

Wacom Movink, el panel interactivo OLED más fino y ligero del mercado

Parecía estar ya todo escrito sobre monitores y panales y en éstas, llega el Wacom Movink para sorprendernos a todos. Dirigido especialmente para diseñadores y creadores de contenido, esta pantalla representa un avance significativo por su combinación única de rendimiento, portabilidad y calidad visual excepcional. El dispositivo llega acompañado de un nuevo lápiz digital, su