La mejora progresiva es una estrategia de diseño web diseñada para permitir que el contenido básico de una web se muestre independientemente de la tecnología del navegador, la conexión a Internet o el tipo de dispositivo final. A la vez, no obstante, la web en cuestión además debería ofrecer una versión completa diseñada para satisfacer los mejores requerimientos técnicos posibles. Un resultado de esta estrategia es un diseño responsive. Una variante de esto es la estrategia mobile first.
Desarrollo y antecedentes
Steven Champeon habló por primera vez del principio de la mejora progresiva en una conferencia en marzo de 2003. En posts que publicó más tarde para el portal Webmonkey, complementó su principio con más explicaciones sobre el tema. Este fue un desarrollo más de la técnica de Graceful Degradation (Degradación Grácil) previamente introducida. Al momento de desarrollar la web, se centró en la versión más moderna de navegador web disponible actualmente, para proporcionar las gradaciones en términos de diseño y funciones que se requieran. Detrás de este principio estaba la opinión de que el usuario sólo tenía que actualizar la versión actual del navegador para conseguir el mejor rendimiento factible del portal web.
A pesar de todo, las condiciones en la práctica generalmente son distintos. Los usuarios no pueden básicamente actualizar su móvil para usar contenido basado en Flash en la Web. Los usuarios no se limitan a realizar una actualización rápida del navegador, sólo para poder ver mejor el contenido actual. En mayor medida, esto además se aplica a las empresas. Las actualizaciones importantes requieren mucho esfuerzo por parte del departamento de TI. Por esta razón, estas innovaciones no se llevan a cabo con tanta frecuencia.
Las mejoras progresivas deberían ahora poner remedio a esta situación. El principio se basa en un consenso técnico mínimo y permite adaptar las webs a la progresividad del dispositivo de salida. Para esto se usan técnicas como CSS o JavaScript, que están enlazadas externamente y sólo están disponibles si el navegador soporta su procesamiento.
Otra característica distintiva de la mejora progresiva es la idea de que el contenido y la presentación se tratan de forma separada y, por ende, existen más flexibilidad en la producción de contenido. Estas ideas se basan en el Lenguaje de Marcado Generalizado Estándar (SGML), que se desarrolló en la década de 1990 inclusive antes de que se estableciera el HTML como lenguaje de marcado. El contenido y la presentación estaban separados. A pesar de todo, posteriormente de que se estableció el HTML, los desarrolladores web inicialmente trabajaron de acuerdo al principio de Degradación Grácil. Pero con la llegada de muchos dispositivos finales distintos, como smartphones, tablets o ordenadores portátiles, el enfoque dentro del diseño web además cambió. El objetivo principal actualmente es garantizar que el contenido se pueda mostrar de la forma más idéntica factible en todos los dispositivos finales posibles. Las mejoras progresivas desempeñan ahora un papel muy importante en este contexto.
Principios
El principio de la mejora progresiva puede reducirse a seis enunciados básicos.
- Todo el contenido básico debe poder visualizarse en todos los navegadores web.
- Todas las funciones básicas deben poder ser ejecutadas por todos los navegadores web.
- El diseño más inmenso se subcontrata por medio de de CSS.
- Las funciones más extensas se subcontratan por medio de de Javascript.
- El usuario no está obligado a actualizar o cambiar su navegador.
- Se usa el marcado semántico.
Traiter
Progressive Enhancement se basa en la correcta visualización del contenido[1]. Todas las extensiones se basan en código HTML semánticamente excelente. Esto puede ser visualizado más tarde como se desee por extensiones CSS y adaptado al dispositivo final. Este enfoque garantiza que el contenido sea alcanzable a la mayor audiencia factible, independientemente del dispositivo de salida. La separación de contenido y diseño además facilita el mantenimiento de la web. En comparación con la degradación gradual, la mejora progresiva tiene la ventaja de que se necesita menos tiempo para realizar pruebas con distintos versiones de navegador.
Importancia para la usabilidad y SEO
Las webs que se diseñan e implementan de acuerdo con el principio de mejora progresiva disponen la ventaja de que el contenido básico se puede entregar a todos los crawlers. A la vez, estos contenidos son de muy fácil acceso. Esto puede facilitar la indexación de sitios web. La mejora progresiva de las webs es una ventaja para los usuarios, puesto que se puede ingresar al contenido por medio de de dispositivos y tecnologías. De este modo, sólo existen una pequeña diferencia entre el hecho de que un usuario acceda a un portal web con un móvil mientras se desplaza, o con un portátil desde su red doméstica por medio de de DSL. Esto no sólo mejora la usabilidad de una web, sino además la experiencia del usuario.
En el caso de los proyectos web comerciales, esto puede dar lugar a un incremento de las conversiones y a un menor número de compras abandonadas. A la vez, la tasa de rebotes probablemente disminuirá y el tiempo de retención aumentará si el contenido web se muestra satisfactoriamente para el usuario. Un tiempo de permanencia más largo en combinación con una tasa de rebote reducida son señales para los motores de búsqueda de que el contenido de la web es de alta calidad y relevante. De este modo, la mejora progresiva podría tener una influencia a largo plazo en el posicionamiento de una web al mejorar la experiencia del usuario a largo plazo.
