Cómo más de 25 años de evolución del diseño web nos trajeron aquí

En los Estados Unidos, siete de cada diez pequeñas empresas tienen un sitio web comercial. Las entidades no comerciales, así como los individuos, también son libres de desarrollar sus propios sitios web y agregarlos a la pila de más de 1.800 millones de sitios web que están en línea en este mismo momento. Los sitios web pueden ser útiles, divertidos e interesantes. Pero también se están volviendo cada vez más complejos.

En 2018, el diseño web es una mezcla de diferentes tecnologías y servicios. No es raro usar IA en el diseño web o confiar en servicios de escritura personalizados para una copia diseñada profesionalmente. Y eso sin siquiera mencionar el diseño gráfico o todo el trabajo que se realiza bajo el capó para garantizar que un sitio web funcione de manera rápida, fluida y mejor que la de la competencia.

El diseño web es un campo altamente competitivo en la actualidad. Es principalmente gracias a que los sitios web son activos increíblemente importantes que deben destacarse en un mar de otros sitios web. Pero no siempre fue así.

El primer sitio web que estuvo en línea fue creado en 1991 por el padre de Internet, Tim Berners-Lee. No puede acceder al sitio web original hoy, pero aún puede acceder a una copia hecha en 1992. Notará que el primer sitio web no contenía imágenes, era todo texto e hipervínculos.

La estructura del primer sitio web era simple, como dictaban las primeras versiones de HTML. No podía hacer mucho más que establecer títulos y subtítulos, párrafos y enlaces. Durante gran parte de la década de 1990, los sitios web que podía visitar usaban el mismo diseño basado en texto de una sola columna.

Parecía bastante sombrío, al menos para los estándares actuales. Los primeros sitios web tenían más en común con los procesadores de texto actuales que los sitios web actuales, sin elementos dinámicos.

A mediados de la década de 1990, el diseño web ha dado algunos pasos importantes. El primer diseño web era bajo en diseño y alto en estructura. Un par de años más tarde, los sitios web comenzaron a tener un aspecto diferente. El diseño de una sola columna era cosa del pasado, ya que el diseño web avanzó y comenzó a utilizar diseños basados ​​en tablas.

Junto con los creadores de sitios web basados ​​en la web, los diseños basados ​​en tablas tuvieron un doble efecto. Se hizo más fácil construir un sitio web, y la estructura pasó a un segundo plano y dejó las opciones de diseño a la cabeza. Sin embargo, esta no fue la edad de oro del buen diseño. El diseño web se ocupaba principalmente de lo que pareciera más avanzado, no el mejor, el más funcional o agradable.

Algunos de los elementos de diseño que surgieron durante este paso evolutivo del diseño web se volvieron icónicos. Los contadores de visitas, los cuadros que mostraban cuántas visitas había en un sitio web, comenzaron a aparecer en los sitios web durante este período. Las imágenes de fondo fueron otro invento de la época, al igual que el texto en movimiento. Los espaciadores gif estaban de moda. Se desarrolló Flash y empezó a ganar terreno.

A finales de la década, Flash se convirtió en un elemento básico del diseño web. Shockwave, desarrollado por Macromedia, fue otra forma de darle algo de dinamismo a un sitio web. Incluso fue desarrollado antes que Flash. Sin embargo, era demasiado grande y torpe para los usuarios que todavía accedían a Internet mediante una colección de acceso telefónico. Flash era más pequeño y ágil, y rápidamente se convirtió en el elemento básico del diseño web.

Flash no eliminó los diseños basados ​​en tablas. Se convirtió en parte de ellos. Uno de los usos comunes de los elementos Flash era la navegación de sitios web, donde los botones habilitados para Flash cambiaban de tamaño y color cuando los usuarios hacían clic en ellos. Las páginas de bienvenida con logotipos de empresas u otros gráficos fueron otro uso popular de Flash.

CSS revolucionó el diseño web en el cambio de milenio al permitir a los diseñadores separar el diseño web del contenido web. Los elementos de la página que estaban en el ámbito del diseño se manipularon desde una hoja de estilo, en lugar del código HTML de la página.

Muy pronto, el mundo del diseño vio otro terremoto en forma de JavaScript. Los efectos inmediatos incluyeron deshacerse de la tabla y reemplazarla con JavaScript. JavaScript también fue el principio del fin de Flash. JavaScript fue en gran parte responsable del menú desplegable y desempeñó un papel en el aumento de los formularios de los sitios web. Ambos elementos de diseño siguen siendo muy populares y ampliamente utilizados en la actualidad.

A finales de la década, la “web” en “diseño web” estaba experimentando cambios significativos. Estaba surgiendo un nuevo paradigma que permitiría al usuario tener un papel activo en el desarrollo del sitio web y sus contenidos. Apodado "Web 2.0", el paradigma es más visible en los sitios web de redes sociales, así como en las aplicaciones. El desarrollo Web 2.0 se basa en gran medida en el uso de JavaScript asíncrono y XML.

La forma en que los usuarios del sitio web lo vieron, la Web 2.0 significaba que el contenido de las páginas web podía cambiar sin necesidad de recargar la página. Probablemente también notaron que los sitios web comenzaron a depender en gran medida del contenido de terceros.

Esto dio lugar a negocios como WritingsGuru que se especializan en la creación de contenido. La interoperabilidad se estaba volviendo cada vez más importante y los usuarios tenían la oportunidad de compartir en las redes sociales todo lo que veían o leían en la web.

La década en la que estamos se centra principalmente en crear una buena experiencia de usuario en diferentes dispositivos. Con el aumento del número de usuarios de teléfonos inteligentes, los diseñadores web tuvieron que idear soluciones que permitieran una buena experiencia de visualización y navegación en dispositivos con pantallas pequeñas. Crear versiones móviles del sitio web era una forma de hacerlo. Implementar un diseño web receptivo fue otro.

Las versiones móviles de los sitios web contienen una cantidad mínima de elementos. Una tarea importante del diseño web es determinar cuáles de los elementos son cruciales para el rendimiento de sitios web específicos, ya que estos son los elementos que terminan mostrándose en los teléfonos inteligentes. Los sitios web son más altos en estos días y, a menudo, usan datos de ubicación para ofrecer una experiencia localizada.

Y así es como llegamos a donde estamos hoy. Los teléfonos inteligentes son el dispositivo preferido para navegar por la web. Los sitios web aprenden cada vez mejor sobre las personas que los visitan y estamos progresando lentamente hacia la Web Semántica. En un futuro próximo, probablemente veremos más realidad virtual o aumentada incorporada al diseño web. Y todo eso comenzó con un sitio web HTML simple que ni siquiera tenía varias columnas.