Diseño

Historia del diseño web y evolución

La historia del diseño web todavía se está formando y no es tan antigua, tiene su origen a principios de los años 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 cotidiana.

Desde 1991 (lanzamiento del primer sitio) hasta hoy, Internet ha evolucionado a una velocidad muy alta, alcanzando hoy los teléfonos celulares, las computadoras y también los objetos que están dentro de nuestros hogares, desde televisores, robots de limpieza, lámparas y más. Como resultado, el diseño web tuvo que evolucionar y decidimos contar aquí un breve resumen de esta historia que todavía estamos construyendo.

1990 y #8211; 1997 y #8211; El comienzo de la era de Internet y los primeros sitios.

Agosto de 1990 y #8211; Tim Berners-lee desarrolló y ejecutó el primer navegador y servidor web, ejecutándose en una computadora NeXT en el CERN. Una copia del primer sitio todavía está disponible en w3.org. El sitio tenía algunos enlaces para explicar de qué se trataba 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 lanzó el primer sitio de entrega en Santa Cruz & #8211; California, lo que le permite pedir pizza en línea.

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

En 1996 también lanzamos uno de los mayores e-commerce de la actualidad: Amazon.
Fundada por Jeff Bezos, Amazon comenzó como una gran librería en línea, y ha ampliado sus servicios a CD, DVD, ropa, hasta que se convirtió en el gigante de hoy.

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

1998 y #8211; El comienzo de la era de los sitios Flash y Google

Desaprobado hoy, Flash era una plataforma que permitía a los diseñadores incorporar música, videos y animaciones en sus sitios web, creando una experiencia interactiva que antes no era posible. Flash ha marcado una generación, trayendo importantes innovaciones tecnológicas a la web, como menús interactivos, páginas de bienvenida, animaciones y botones con imágenes detalladas.
Internet todavía era nuevo para muchas personas, y muchos de estos elementos no solo sirvieron como decoración, sino también para hacer que Internet fuera aún más accesible, con botones que en realidad parecían botones, con interacciones que mantenían a los usuarios en los sitios.

La popularidad de Flash ha disminuido a lo largo de los años, una de las principales razones es la cantidad de funciones necesarias y los usuarios deben tener instalado un complemento, que también ayudó a propagar virus y estafas.

También en el mismo año se lanzó Google, hoy el motor de búsqueda más grande en Internet, aún compitiendo con directorios importantes como Altavista o Yahoo. Google surgió como un proyecto de investigación de Larry Page y Sergey Brin para encontrar resultados de búsqueda utilizando un algoritmo matemático. Posteriormente, el algoritmo se denominó PageRank y analizó la relación entre varias páginas, su contenido y referencias cruzadas, definiendo así su relevancia.

Google en 1998 y 2019
Google en 1998 y 2019

Comienzo de los años 2000 y #8211; Crecimiento del sitio 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 aproximadamente el soporte 99% para CSS1, que comenzaría la generación de sitios web estilizados que tenemos hoy (hoy usamos CSS3 y HTML5). CSS permitió la separación de contenido (HTML) y diseño (CSS), facilitando el diseño de un sitio web sin tener que cambiar su estructura, y los sitios se cargan más rápido que Flash.
En el mismo año, el W3C recomendó la segunda versión de Javascript, y en 2002 prácticamente todos los navegadores admitían la tecnología.

Gracias a estos cambios, la usabilidad ha comenzado a convertirse en un tema aún más importante, y uno de los mejores clásicos de la literatura relacionada fue lanzado por Steve Krug, el libro Don't Make Me Think. A pesar de sus casi 20 años, el libro original tiene conceptos que son válidos hoy, y hay una versión actualizada para hoy. Ambos se pueden encontrar haciendo clic en las imágenes al lado.

Mediados de la década de 2000 y #8211; Web 2.0, SEO y la revolución de internet

A mediados de la década de 2000, la revolución de Internet comenzó con lo que se llamó Web 2.0: los sitios con contenido interactivo, redes sociales, respuestas inmediatas, semántica y, por supuesto, la usabilidad se hicieron aún más importantes.
Además de los cambios en la estética, ha habido un aumento en la importancia de la tipografía, el uso de iconos y colores, así como el comienzo de la popularización de SEO y el declive de Flash.

Los sitios sociales comenzaron a crearse y popularizarse, como:

  • MySpace y #8211; Creado en 2003, fue el sitio social principal, hasta que comenzó a perder usuarios en Facebook, lo que les permitió conocer gente nueva y mantenerse en contacto con amigos.
  • Youtube y #8211; Creado en 2005, más tarde fue comprado por Google por $ $1.65 mil millones.
  • Reddit y #8211; Fundado en 2005, es hoy uno de los sitios más grandes con grupos de discusión, el sitio fue fundado con el propósito de facilitar el intercambio de contenido, subdividido en varios temas.
  • Facebook, creado en 2004, el sitio se abrió al público en 2006, convirtiéndose rápidamente en la red social más grande.

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

Un millón de dólares Página de inicio - Historia del diseño web
Página de inicio de un millón de dólares

2010 y #8211; Comienza la era móvil y Flash Drop

Para 2010, el uso de teléfonos móviles había crecido hasta el punto de que aproximadamente la mitad del acceso a Internet se realizaba como teléfonos celulares. Como resultado, el enfoque en crear sitios web que funcionaran en pantallas mucho más pequeñas que las de escritorio y con conexiones más lentas creció mucho. Esta fue una de las razones por las cuales el uso de sitios Flash comenzó a disminuir, y se fortaleció después de la carta abierta de Steve Jobs, fundador de Apple y iPhone, donde habló de las desventajas de usar sitios Flash. Como Apple ya era un líder del mercado en teléfonos móviles, esta carta tuvo un gran impacto en el diseño del sitio web, disminuyendo la popularidad de Flash.

Con la caída del flash llegó la generación de sitios web receptivos, 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 de acuerdo con el hardware que accede al sitio. La popularidad se hizo aún mayor con la llegada de HTML5 y CSS3.

Día de hoy y #8211; rendimiento y diseño plano

La web está en constante evolución, y parece que estamos en otra fase de transición. Hasta hace unos años, aunque respondían, los sitios web eran más complejos, y hoy en día el rendimiento se ha convertido en uno de los temas principales, ya que el acceso móvil ahora ha pasado el acceso al escritorio (aproximadamente 60% de los accesos al sitio web son realizado con teléfonos móviles).

Esta demanda está haciendo que el rendimiento de un sitio sea aún más importante, e incluso es importante que aparezca en las páginas de búsqueda. Y una tendencia de diseño que se está acercando es Flat, donde utiliza colores y elementos más simples para brindar una mejor experiencia de usuario.

Libro de historia del diseño web

Taschen, en asociación con FWA, conocida por su reconocimiento de los mejores sitios en Internet, acaba de lanzar un libro que cuenta la historia de Design on the Web o Webdesign como prefiera.

Estudia el pasado si quieres descifrar el futuro.
Confucio

El libro es una colección de ejemplos de la evolución de Internet en los últimos 30 años, desde sus inicios en computadoras de escritorio hasta la realidad virtual y móvil moderna. En el mismo puede encontrar ejemplos de lo que tenemos hoy como algo común, como:

  • 1er sitio con sonido
  • Primera navegación con cambio de efecto de página
  • 1er sitio para usar videos integrados
  • 1er sitio viral
  • 1er sitio donde puedes subir tu foto
  • 1er sitio similar a youtube
  • y mucho más & #8230;

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

Vale la pena visitar el sitio & #8220;La historia del diseño web& #8221; para ver más detalles

Tatuajes, motocicletas, graffiti, música son algunas de mis pasiones y mis temas principales en BlendUp.

es_ESES