Historia y evolución del diseño web

Publicado por
caceiro

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 ? O começo da era da internet e os primeiros sites

Em agosto de 1990 ? Tim Berners-lee desenvolveu e rodou o primeiro navegador e servidor web, rodando num computador NeXT no CERN. Uma cópia do primeiro site ainda está disponível no 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

Em 1994 o primeiro site de delivery foi lançado pela Pizza Hut, em Santa Cruz ? California, permitindo o pedido de pizzas pela 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

1998 ? O começo da era dos sites em Flash e 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

Começo dos Anos 2000 ? Crescimento de sites com CSS e usabilidade

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.

Meio dos anos 2000 ? Web 2.0, SEO e a revolução da 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 ? Criado em 2003, era o principal site social, até começar a perder usuários para o Facebook, permitindo usuários conhecerem novas pessoas, manter contato com amigos.
  • Youtube ? Criado em 2005, foi comprado depois pelo Google por $1.65 bilhões de dólares.
  • Reddit ? Fundado em 2005, é hoje um dos maiores sites com grupos de discussão, o site foi fundado com o intuito de facilitar o compartilhamento de conteúdo, sendo subdivididos em diversos tópicos
  • 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

2010 ? Começo da era móvel e queda do 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.

Dias de Hoje ? performance e design flat

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
  • e muito mais?

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.

Vale a pena visitar o site ?Historia del diseño web? para ver mais detalhes.

caceiro

Compartir
Publicado por
caceiro

Publicaciones recientes

  • Artículos y consejos

Los 10 tatuajes de cine más emblemáticos

La espalda de Lisbeth Salander La genial hacker de la trilogía "Millennium" tiene un gran tatuaje...

16/04/2024
  • Artículos y consejos

Descubre los 10 beneficios inesperados de hacerse tatuajes

Los tatuajes pueden reducir el estrés: Los estudios demuestran que hacerse varios tatuajes a lo largo del tiempo...

16/04/2024
  • Artículos y consejos

Tatuajes de párpados: todo lo que debes saber

Tatuajes en los párpados: todo lo que necesitas saber Los tatuajes en los párpados han ido ganando...

26/03/2024
  • Artículos y consejos

Apropiación cultural de los tatuajes: Navegando por un territorio complejo

Los tatuajes son una forma de expresión artística y cultural desde hace miles de años, con diferentes significados y...

26/03/2024
  • Artículos y consejos

Errores comunes al hacerse un tatuaje

Los tatuajes con finales trágicos son fuente de curiosidad morbosa. Tanto por el...

11/03/2024
  • Artículos y consejos

Consejos para cubrir tatuajes

A veces un viejo tatuaje ya no refleja quiénes somos, o quizá no era...

11/02/2024