El diseño web original fue mejorando y pasando por distintas generaciones, principalmente debido a mejoras en la tecnología, hardware y software. Estos cambios han generado a día de hoy 4 generaciones del diseño web.
Primera generación de diseño web
El primer diseño web de una página se realiza en 1993, la página web tenía el nombre Mosaic, y en menos de un año había recibido 2 millones de visitantes. El navegador web era capaz de mostrar tanto imágenes como textos, aunque con una limitación muy alta a la hora de diagramar la información de la página web. El diseño web de estas páginas era lineal y estaba orientado para científicos que eran los usuarios que compartían su información alrededor de todo el mundo mediante estas páginas web. La tecnología de los navegadores web era limitada y no disponía de la capacidad de transmitir información grafica para la comunicación visual.
Las principales características de esta primera generación de diseño web eran las velocidades de transmisión de datos, ya que era conexión vía MODEM, lo que limitaba el peso de las páginas web. Otro detalle era el uso de monitores monocromos. Respecto al diseño web en particular, la estructuración era bastante desordenada con imágenes dispuestas horizontalmente y lineas de texto separadoras.
Debido a este caos en el diseño web, un año más tarde se estableció un consorcio para establecer unas normas y pautas para el futuro desarrollo de la web, el W3C. Se comenzaron entonces a desarrollar unos estándares de lenguaje html para una unificación del diseño web que trajo consigo la aparición de una serie de navegadores web con el constante desarrollo de nuevas funcionalidades y progresos en este ámbito.
Segunda generación de diseño web
El diseño web de esta generación está basado en los conceptos de la primera salvo por que empieza a utilizar iconos en lugar de algunas palabras, las páginas web comienzan a poseer imágenes de fondo, aparece el diseño y uso de botones con relieve para la navegabilidad, el uso de banners en lugar de cabeceras, la estructuración de texto de forma jerárquica mediante menús o listados, propiedades del código html Standard definido.
La aparición de estos elementos gráficos en el diseño web generó un deseo de todos los diseñadores de añadir estos archivos en sus páginas web, pero sin control, lo que generó una saturación en las páginas web, sin tener en cuenta la accesibilidad ni la usabilidad. Aun así seguían habiendo algunos diseñadores que utilizaban estos elementos de manera correcta para generar unos diseños innovadores y elegantes, llenos de elegancia, usando correctamente tanto etiquetas como el resto del código html. Se comenzaron a usar tablas para la organización de los contenidos, posicionamiento de los elementos y generación de diseño y maquetación similar a libros o revistas.
En esta generación está la aparición de monitores y tarjetas gráficas con mayores resoluciones y definición de color, lo cual generó la consecuente mejora en la calidad del diseño web.
Pero apareció un problema, la diferencia en la adaptación de estándares de los 2 principales navegadores: Internet Explorer y Netscape Navigator.
Tercera Generación del diseño web
En la tercera generación, el diseño web sigue teniendo muchas restricciones con el uso del lenguaje para los dos navegadores web. El diseño web se orienta en esta generación a los diseñadores, los cuales tienen mucho más dinamismo al aparecer el plugin de Macromedia Flash, el cual revolucionaría la concepción de diseño web.
Es una era de enfocar las páginas web según el objetivo de las mismas: vender productos o servicios, comunidades, información, noticias. Para esta especialización del diseño web de acuerdo al objetivo de las páginas se necesita ayudar al usuario a encontrar la información, generando una navegabilidad estructurada e intuitiva.
La gran mayoría de páginas web que aparecen en esta generación son de publicidad y venta de productos y servicios, con lo que es este el diseño más utilizado. Conseguir acercarles al producto, que deseen ver más páginas del sitio web.
Cuarta Generación de diseño web
En la cuarta generación, el diseño web ya está enfocado totalmente a la multimedia, integrando en las páginas web los elementos multimedia de última generación. Con usuarios de todos los tipos, cualquiera tiene una página web a día de hoy y la variedad de diseño es enorme debido a todas las posibilididades que ofrecen las últimas tecnologías para los programadores. A esto le podemos añadir que las últimas versiones de los navegadores soportan muchas más prestaciones y elementos en las páginas web.
Quinta Generación de diseño web
Se podría añadir una última generación de diseño web que representaría el auge de las páginas de televisión ip o televisión online. La integración de televisión en la web para empresas, ayuntamientos o asociaciones representa el movimiento más notable del diseño web en la actualidad.
Primeira xeración de deseño web