La historia del diseño web

De los noventa

A principios de la década de 1990, Sega Genesis y Sonic the Hedgehog arrasaron con la nación. El primer sitio web se puso en marcha en 1991; era un sitio muy simple basado en texto. Más tarde, el diseño todavía se basaba en gran medida en texto, pero ahora los diseñadores web podían agregar hasta 16 colores seguros para la web. Se desarrolló HTML o lenguaje de marcado de hipertexto para que los diseñadores pudieran establecer la estructura de sus páginas web y controlar cómo se veían sus páginas. Aquí es también cuando se estableció el Consorcio World Wide Web (W3C). El W3C es un grupo de personas de todo el mundo que se unieron para establecer pautas de coherencia en el diseño web.

A mediados de la década de 1990, apareció la consola Playstation y las cosas se estaban sacudiendo en el mundo del diseño web. Los diseñadores ahora tenían el uso de 256 colores, así como 2 fuentes seguras para la web : Times New Roman y Courier New. Se determinó que estas eran las fuentes que todos tenían en sus computadoras y, por lo tanto, podrían ver las páginas web de la forma en que los diseñadores las pretendían.

Los anuncios aparecían en Internet y los botones que permitían la interacción con el usuario aparecían por primera vez. Macromedia Shockwave, JavaScript y Flash hicieron su debut, lo que aumentó la interacción y la animación. Y finalmente, los diseñadores web tenían más control sobre el diseño y el diseño de sus páginas con la llegada de las hojas de estilo en cascada (CSS).

A fines de la década de 1990, había aparecido la Nintendo 64 y los diseñadores web confiaban más en el color para agregar emoción a su diseño web. Los diseñadores usaban bloques de color y fondos oscuros, similar a lo que estaba de moda en la moda. Los diseñadores web ahora pueden hacer uso de degradados que agregan una sensación de fluidez a sus páginas.

A medida que más y más usuarios estaban en línea, quedó claro que la navegación debía ser más fácil, por lo que los diseñadores web agregaron menús que permitían a los usuarios ir directamente a otra parte de la web. Con todas estas nuevas capacidades, HTML se actualizó a la versión 4, lo que permitió un mayor control sobre las imágenes, tablas y otros elementos que los diseñadores podrían usar para hacer sus páginas más atractivas.

Años 2000

A mediados de la década de 2000, los juegos de Xbox 360 y PC se estaban volviendo populares y en el diseño web las palabras de moda eran legibilidad y funcionalidad . Los diseñadores web querían asegurarse de que tantas personas como fuera posible pudieran ver y disfrutar de sus páginas. Aclararon las fuentes y fueron más moderados con el uso del color (¡con más de 16 millones de colores disponibles ahora!). Debido a la iniciativa del W3C para la accesibilidad web, los diseñadores web agregaron funcionalidad para hacer que sus páginas sean accesibles para los discapacitados. Los lectores de pantalla, por ejemplo, “dirían” el texto en la pantalla para que las personas con discapacidad visual también puedan usar la web.

Los usuarios utilizaban Internet para entretenerse en lugar de solo para investigar, y los diseñadores tenían que mantenerse al día. La animación y la interactividad aumentaron a medida que los diseñadores usaban Flash para permitir más actividad en empresas en línea como WordPress, MySpace, Facebook y YouTube.

A fines de la década de 2000, la Nintendo Wii y World of Warcraft se estaban fortaleciendo y los diseñadores estaban usando más videos y páginas de desplazamiento más largas. HTML 5 finalmente hizo su debut. Esta nueva versión de HTML integró CSS ​​con el lenguaje de codificación y agregó características como soporte de fuente incrustado donde los diseñadores podían usar cualquier fuente que quisieran si la computadora del usuario tenía o no esa fuente. Para mantenerse alineados con la nueva palabra de moda, ‘ skeuomorphic ‘, los diseñadores utilizaron iconos que imitaban lo que haría la herramienta. Por ejemplo, un icono de un bote de basura representaba la papelera de reciclaje y un icono de un sobre se convirtió en el símbolo del correo.

Mediados de 2010

Ahora estamos en los días de múltiples dispositivos. Los juegos como Angry Birds o Minecraft se pueden jugar en teléfonos inteligentes y tabletas, que están cambiando la forma en que los diseñadores web construyen sus páginas. Los diseñadores están utilizando un diseño receptivo para brindar a los espectadores la mejor experiencia desde cualquier dispositivo. Los diseñadores web están incorporando un diseño de paralaje que proporciona una ilusión de profundidad, y el contenido de la página web se ve en 3D. Para que las páginas web se puedan ver en una pantalla más pequeña, el diseño web para dispositivos móviles se ha vuelto más minimalista y la animación está en todas partes.

Han sucedido muchas cosas en el diseño web en solo un cuarto de siglo, y las cosas cambian todos los días. Solo el tiempo dirá cómo será el diseño web en las próximas décadas.

Resumen de la lección


Cronología del diseño web
Cronología del diseño web

En los primeros años, el diseño web era solo texto básico en blanco y negro. A lo largo de las décadas, un rápido aumento de la flexibilidad y el control cambió dramáticamente la web. El Consorcio World Wide Web estableció las pautas para la coherencia del diseño web en los años 90, y el lenguaje de marcado de hipertexto ayudó a los diseñadores a controlar el aspecto de sus páginas y se actualizó muchas veces.

Algunos de los grandes cambios fueron más colores, botones, menús, más control de estilo con CSS y, finalmente, animación e interactividad. El diseño ‘eskeuomórfico’, que hace que las aplicaciones se parezcan a sus contrapartes del mundo real, era un tema común, y ahora el diseño de paralaje le da un aspecto 3D a las páginas web.

En estos días, el mayor uso de teléfonos inteligentes está haciendo que los diseñadores web sean más minimalistas con su contenido y ‘receptivos’ en su diseño, por lo que los sitios se ven limpios en cualquier cosa, desde una tableta hasta un escritorio o un teléfono inteligente. ¡Quién sabe lo que traerán las próximas décadas!