Diseño

Historia y evolución del diseño web

Pinterest LinkedIn Tumblr

La historia del diseño web sigue formándose y no es tan antigua, teniendo su origen a principios de los 90, todavía como fuente de estudios y hoy en día es utilizada por la gran mayoría de la población como parte esencial de su vida diaria.

Desde 1991 (lanzamiento del primer sitio) hasta hoy, Internet ha evolucionado a gran velocidad, llegando hoy a nuestros teléfonos móviles, ordenadores y también a objetos que permanecen dentro de nuestros hogares, como los televisores, robots limpiadoresbombillas y mucho más. Con esto el diseño web tuvo que evolucionar y decidimos contar aquí un breve resumen de esta historia que aún estamos construyendo.

1990 - 1997 - El comienzo de la era de Internet y los primeros sitios web

En agosto de 1990, Tim Berners-lee desarrolló y puso en marcha el primer navegador y servidor web en un ordenador NeXT del CERN. Una copia del primer sitio aún está disponible en w3.org. El sitio tenía algunos enlaces que servían para explicar qué era internet.

Imagen del primer sitio web de Internet, creado en 1991
Imagen del primer sitio web de Internet, creado en 1991

En 1994, Pizza Hut puso en marcha en Santa Cruz (California) el primer sitio de reparto que permitía encargar pizzas por Internet.

También en 1994 se formó el World Wide Web Consortium (W3C), que comenzó a definir los estándares que se utilizarían en los lenguajes de programación, y hasta hoy es la principal referencia que ayuda en la producción de nuevos navegadores y lenguajes utilizados, como HTML, Javascript, etc.

En 1996 también se produjo el lanzamiento de uno de los mayores comercios electrónicos de la actualidad: Amazon.
Fundada por Jeff Bezos, Amazon comenzó siendo una gran librería online, y fue ampliando sus servicios a CD, DVD, ropa, hasta convertirse en el gigante que es hoy.

El primer sitio web de Amazon
El primer sitio web de Amazon

1998 - El comienzo de la era de los sitios Flash y Google

Hoy descatalogado, Flash era una plataforma que permitía a los diseñadores incorporar música, vídeo y animación a los sitios web, creando una experiencia interactiva que antes no era posible. Flash marcó una generación, aportando grandes innovaciones tecnológicas a la web, como menús interactivos, apertura de páginas, animaciones y botones con visuales detallados.
Internet aún era nuevo para mucha gente y muchos de estos elementos no sólo servían para decorar, sino también para hacer Internet aún más accesible, con botones que realmente recordaban a botones, con interacciones que mantenían a los usuarios en los sitios.

La popularidad de Flash ha disminuido con los años, una de las principales razones es la cantidad de recursos necesarios, además de que los usuarios tenían que tener instalado un plugin, lo que también ayudaba a propagar virus y estafas.

También ese mismo año se lanzó Google, hoy el mayor buscador de Internet, que sigue compitiendo con grandes directorios como Altavista o Yahoo. Google surgió como un proyecto de investigación de Larry Page y Sergey Brin, con el objetivo de encontrar resultados de búsqueda con la ayuda de un algoritmo matemático. El algoritmo se llamó más tarde PageRank y analizaba la relación entre varias páginas, su contenido y referencias cruzadas, definiendo así su relevancia.

Google en 1998 y en 2019
Google en 1998 y en 2019

Principios de la década de 2000 - Crecimiento de los sitios web con CSS y usabilidad

En el año 2000, además del famoso Millennium Bug, Internet Explorer 5 fue el primer navegador en alcanzar cerca de 99% de soporte para CSS1, lo que daría inicio a la generación de sitios estilizados que tenemos hoy en día (hoy usamos CSS3 y HTML5). CSS permitió separar el contenido (HTML) y el diseño (CSS), de esta manera se hizo más fácil estilizar un sitio web, sin tener que cambiar su estructura, además los sitios cargan más rápido que los realizados con Flash.
Ese mismo año, el W3C recomendó la segunda versión de Javascript, y en 2002 casi todos los navegadores soportaban esta tecnología.

Gracias a estos cambios, la usabilidad comenzó a convertirse en un tema aún más importante, y uno de los mayores clásicos de la literatura relacionada con el tema fue publicado por Steve Krug, el libro Don't Make Me Think. A pesar de sus casi 20 años, el libro original tiene conceptos que siguen siendo válidos hoy en día, y existe una versión actualizada para nuestros días. Ambas se pueden encontrar haciendo clic en las imágenes de al lado.

Mediados de la década de 2000 - Web 2.0, SEO y la revolución de Internet

A mediados de la década de 2000 comenzó la revolución de Internet con lo que se denominó Web 2.0: sitios web con contenidos interactivos, redes sociales, respuestas inmediatas, semántica y, por supuesto, usabilidad cobraron aún más importancia.
Además de los cambios estéticos, se produjo un aumento de la importancia de la tipografía, el uso de iconos y colores, y también el comienzo de la popularización del SEO (Search Engine Optimisation) y el inicio del declive de Flash.

Comenzaron a crearse y popularizarse sitios sociales como :

  • MySpace - Creado en 2003, fue el principal sitio social hasta que empezó a perder usuarios a favor de Facebook, permitiendo a los usuarios conocer gente nueva, mantenerse en contacto con amigos.
  • Youtube - Creada en 2005, fue comprada posteriormente por Google por $1.650 millones de dólares.
  • Reddit - Fundado en 2005, Reddit es hoy uno de los mayores sitios con grupos de discusión, el sitio fue fundado con el fin de facilitar el intercambio de contenidos, siendo subdividido en varios temas
  • Facebook, creado en 2004, el sitio salió a bolsa en 2006, convirtiéndose rápidamente en la mayor red social.

En 2005 se creó uno de los primeros sitios web virales, conocido como A Million Dollar Homepage. El sitio web fue creado por un estudiante británico, Alex Tew, y consistía en una página con una cuadrícula de 1000x1000px en la que cualquier usuario podía comprar el espacio de 1px por un dólar. El espacio más pequeño permitido era de 10×10, y el sitio web alcanzó el millón de píxeles en 2006.

Una página web de un millón de dólares - Historia del diseño web
Una página web de un millón de dólares

2010 - Inicio de la era móvil y caída de Flash

En 2010, el uso de teléfonos móviles había crecido hasta el punto de que aproximadamente la mitad de todos los accesos a Internet se realizaban desde teléfonos móviles. Por eso creció mucho el interés por crear sitios web que funcionaran en pantallas mucho más pequeñas que las de los ordenadores de sobremesa y con conexiones más lentas. Esta fue una de las causas del inicio del declive en el uso de sitios Flash, y se vio reforzada tras el Carta abierta de Steve Jobs, fundador de Apple y del iPhone, en la que hablaba de las desventajas de utilizar sitios web Flash. Como Apple ya era el líder del mercado en telefonía móvil, esta carta tuvo un gran impacto en la creación de sitios web, disminuyendo la popularidad de Flash.

Con la caída de flash, llegó la generación de sitios web responsivos, populares hasta el día de hoy, que hacen que las páginas sean accesibles para todos los navegadores con la ayuda de CSS y Javascript para identificar y configurar según el hardware que está accediendo al sitio. La popularización fue aún mayor con la llegada de HTML5 y CSS3.

Días de hoy - rendimiento y diseño plano

La web evoluciona constantemente, y todo indica que nos encontramos en otra fase de transición. Hasta hace unos años, aunque fueran responsive, los sitios web eran más complejos, y hoy en día cada vez más el rendimiento se ha convertido en uno de los temas principales, ya que el acceso móvil ya ha superado al acceso de escritorio (alrededor del 60% de los accesos a sitios web se realizan con teléfonos móviles).

Esta demanda está haciendo que el rendimiento de un sitio sea aún más importante, siendo un factor importante incluso para aparecer en las páginas de búsqueda. Y una tendencia de diseño cada vez más cercana es el Flat, donde se utilizan colores y elementos más sencillos para aportar una mejor experiencia al usuario.

Libro de historia del diseño web

La editorial Taschen, en colaboración con el sitio web FWA, conocido por su reconocimiento de los mejores sitios web de Internet, acaba de anunciar el lanzamiento de un libro que cuenta la historia del diseño en la Web, o Webdesign, como prefiera.

Estudia el pasado si quieres descifrar el futuro.
Confucio

El libro es una recopilación de ejemplos de la evolución de internet en los últimos 30 años, desde sus inicios en los ordenadores de sobremesa hasta la actualidad con los teléfonos móviles y la realidad virtual. En él es posible encontrar ejemplos de lo que hoy tenemos como algo común, como por ejemplo:

  • 1er sitio con sonido
  • 1ª navegación con efecto de paso de página
  • Primer sitio que utiliza vídeos integrados
  • 1er sitio viral
  • 1er sitio donde puedes subir tu foto
  • 1er sitio tipo youtube
  • y mucho más ...

Hay más de 200 sitios, todos con comentarios y curiosidades de sus creadores, entre ellos Jonathan Gay (Flash), Joshua Davis (Praystation) y muchas otras mentes creativas que ayudaron a dar forma a la web tal como la vemos hoy. Hay 21 capítulos, uno por cada año, que detallan la experiencia del usuario, la usabilidad y los hitos que influyeron en el desarrollo de la web hasta el nivel que hemos alcanzado hoy.

Merece la pena visitar el sitio "Historia del diseño web" para ver más detalles.

Los comentarios están cerrados.

es_ESSpanish