Una mirada retrospectiva a los 30+ Varios años de diseño de sitios de Internet

El diseño web ha recorrido un largo camino desde 1991, cuando se lanzó el primer sitio web. Completamente centrada en el contenido textual, esta página web marcó el comienzo de lo que se convertiría en una revolución electrónica.

Y aunque los recuerdos de los GIF "en construcción" y los colores de registro cegadores me hacen sentir agradecido por cuánto ha evolucionado Internet, hay algunas decisiones históricas de diseño de sitios web que esencialmente necesitan un gesto de respeto.

Sitios de Internet como este 1 no han faltado en el tiempo, tampoco. Si desea ver cómo se veía un sitio web en cualquier momento desde su lanzamiento, ingrese el nombre de su dominio en Wayback Machine y elija un día. En este artículo, echemos un vistazo a cómo se ha desarrollado el estilo de los sitios web, desde las interfaces de solo contenido de texto hasta los diseños fluidos y modernos que vemos en estos días.

Principios de la década de 1990: antigüedad

Los años 90 marcan el comienzo de la línea de tiempo de diseño de nuestro sitio web. En este punto, no había nada como un enlace web de alto ritmo. Eran módems de acceso telefónico, o no era nada. Por lo tanto, los sitios web debían desarrollarse para velocidades de enlace considerablemente inferiores a las estelares. Aparecían principalmente como particiones de texto; lo que ahora damos por sentado como "formato de diseño" no existía.

Aunque luego se permitieron variaciones de HTML para diseños mucho más avanzados, sin embargo, eran increíblemente primarios en comparación con los actuales, y consistían principalmente en etiquetas para encabezados, párrafos y enlaces entrantes. Los componentes visibles y el estilo, como la tipografía, las imágenes y la navegación, eran elementos de un futuro previsible no tan lejano.

Conclusiones para los sitios web modernos de Internet:

Si bien la funcionalidad de estos primeros sitios web era puramente informativa, podemos ver algunos componentes de diseño que se utilizan en este momento. Estas viejas páginas web han sido extremadamente livianas y optimizadas para una conexión a Internet gradual que todos continuamos experimentando de vez en cuando. Estos factores de diseño y estilo tomaron en cuenta la experiencia de trabajo de la persona, algo que los sitios actuales no suelen hacer, incluso con velocidades más rápidas.

Ciertamente, la World Wide Web de hoy puede hacer frente a sitios web de Internet cargados de medios... pero incluso ahora tiene algunos límites. Los archivos multimedia grandes, el estilo gráfico pesado y las animaciones anormales pueden contribuir a mayores tasas de rebote cuando las velocidades de carga generalmente no son tan rápidas como queremos. Mantén a tu persona en mente cuando consideres un estilo y un diseño complejos, y recuerda KISS (Continúa manteniéndolo Muy simple, Superhéroe).

Mediados de la década de 1990: la Edad Media

La era central de la estructura de red estuvo plagada de constructores de sitios web en el sitio web y GIF espaciadores. (Sin embargo, más grande que una plaga real, ¿ideal?) A mediados de los 90, el estilo del sitio web se había desarrollado tanto en términos de composición como de apariencia visual. Los diseñadores comenzaron a utilizar diseños en su mayoría basados ​​en tablas para administrar el material, lo que permitió una mayor flexibilidad e imaginación creativa. Sin embargo, los sitios web han tenido bastante contenido textual, pero el texto ahora se puede dividir en columnas, filas y otras características de navegación para una mejor legibilidad.

Las características de diseño gráfico también crecieron inmediatamente en popularidad. Los contadores de visitas del sitio, el texto animado y los GIF danzantes son solo algunas de las características gráficas que marcan este período en el estilo web.

Conclusiones para los sitios web de hoy:

En este momento, hay muchas razones por las que el diseño y el estilo dependientes del escritorio no son la mejor opción para su sitio web: el marcado marcado, los momentos de carga lentos y la inconsistencia visual son solo algunos de los escollos.

Sin embargo, este progreso fue fundamental en la evolución del estilo de Internet: fue el primer movimiento hacia un marco de página de sitio web no lineal. Elementos distintos ahora se pueden colocar en distintas secciones de una página web de Internet, y los diseñadores experimentaron para contemplar la forma más eficaz de información existente para el consumidor.

La estructura de la página web sigue siendo crucial cuando se considera la navegación y el contenido escrito. Decide en gran medida cómo el usuario experimenta e interactúa con su sitio web. Aunque es posible que estos factores no hayan estado a la vanguardia durante la era central de la estructura web, seguramente están a la vanguardia en la actualidad.

Finales de la década de 1990: el renacimiento

Renacimiento. Renacimiento. El estilo de Internet ha experimentado una buena cantidad de reimaginaciones, pero una de las primeras ocurrió con la introducción de Flash. Introducido en 1996, Flash abrió un mundo de perspectivas de estilo que no eran posibles con HTML simple. Era la unión de gráficos virtuales e interacción.

Si bien muchos de los mismos componentes de diseño y estilo de períodos anteriores continuaron presentándose, se mejoraron con animaciones, imágenes de historia en mosaico, colores de neón, botones 3D, páginas de bienvenida y otros multimedia.

Flash marcó el comienzo del estilo y el diseño centrados en el cliente: la construcción y la navegación se convirtieron en criterios vitales y los diseñadores comenzaron a perfeccionar la apariencia y la usabilidad en exceso de los artículos puros.

Conclusiones para los sitios de Internet actuales:

Flash fue un cambio de juego, pero no se adherirá de forma permanente. Flash casi nunca se aplica en este momento y se considera uno de los mayores pecados de optimización web de todos los tiempos. Hoy en día, es la norma elegir soluciones alternativas, como animaciones CSS y JavaScript para obtener resultados equivalentes, o incrustar videos de sitios web de alojamiento de videos.

Principios de la década de 2000: la Ilustración

La década de 2000 fue un período en el que la usabilidad y la adaptabilidad realmente llegaron a la vanguardia de la estructura de la red mundial.

La principal demanda era CSS, un lenguaje de codificación que permitía a los desarrolladores mantener reglas visibles en los datos separados de HTML, separando hábilmente el contenido escrito y el estilo. Esto otorgó una mayor libertad artística tanto a los diseñadores web como a los desarrolladores de contenido escrito: el contenido ahora se podía desarrollar completamente a partir del diseño y viceversa. CSS produjo sitios más fáciles de mantener (menos código y complejidad), mucho más flexibles (las etiquetas div son independientes entre sí) y más rápidos de cargar (archivos de menor tamaño).

Un conocimiento mucho mejor de la psicología del color también condujo a un mayor uso de los espacios en blanco y la reducción de los tonos chillones, como los neones. Los enlaces comenzaron a agregarse a los íconos en lugar de solo el contenido textual, la resolución y la pixelación se convirtieron en cuestiones mucho más importantes, y la ubicación estratégica del material también ganó terreno.

Conclusiones para los sitios de Internet actuales:

Los hombres y las mujeres generalmente exploran los sitios web en busca de la información y los datos que necesitan, por lo que cualquier sitio que simplifique esta tarea obtiene una gran calificación de prueba. Los diseñadores web inteligentes saben que la mayoría de los usuarios finales no deben explorar todo en un sitio web y comprender cómo la audiencia considera la información.

En consecuencia, los hechos intuitivos, los enlaces entrantes visualmente acentuados y la navegación simple son solo algunos de los mejores procedimientos que los sitios web modernos deben cumplir. ¡Generalmente estilo y diseño con usabilidad en mente!

Mediados y finales de la década de 2000: la revolución industrial

La revolución industrial del diseño web y el estilo comienza con el comienzo de Net 2. Es en este momento que las cosas realmente comenzaron a moverse hacia la Internet moderna. El progreso de las aplicaciones multimedia, el auge del contenido escrito interactivo y el advenimiento de las redes sociales son algunas de las características definitivas de este período.

Además, estas mejoras dictaron principalmente la forma en que la estructura del sitio web era... muy bien hecha . Las alteraciones estéticas incluyeron una mejor distribución de sombras, un mayor uso de íconos y una mejor atención a la tipografía.

Sin embargo, lo más importante es que el estilo y el diseño se convirtieron en material de contenido, y el contenido escrito se convirtió en optimización de motores de investigación. Con la persona ahora firmemente en el centro del diseño, las soluciones de marketing (al menos explícitamente) se convirtieron en la función secundaria de los sitios; ahora todo se trataba de descubrir.

Conclusiones para los sitios de Internet de hoy:

Como se mencionó, la evolución del sitio web 2. observó el avance de la optimización web como algo a considerar. Si bien estos métodos se han adaptado a lo largo de los años, considerar su sitio web en términos de optimización web sigue siendo una prioridad importante para la mayoría de los sitios web empresariales florecientes.

SEO requiere contenido escrito, y el contenido escrito en su mayoría creció hasta convertirse en el énfasis del estilo y diseño del sitio web durante este período. La optimización de palabras clave, los enlaces entrantes y salientes, la autoría, el etiquetado y la tecnología de sindicación como RSS se convirtieron en puros elementos de diseño. Si bien el spam de URL y el bloqueo de términos de búsqueda explotaron rápidamente estos métodos, estos procedimientos no son efectivos por un período más largo y (espero) en su mayoría se han esfumado.

2010 hasta ahora: la era de la moda

Hoy, alrededor de dos años después de la publicación del primer sitio web, el diseño web se ha establecido firmemente como un ingrediente insustituible de cada estrategia de publicidad y marketing. El último análisis encontró que el 50% de los consumidores de hoy asumen que el estilo del sitio web es crucial para el modelo de negocio.

En condiciones de estética contemporánea, hemos sido testigos de la proliferación del minimalismo: artículos escasos, gráficos planos (¡tan largos, botones 3D!), paletas de colores más simples y visuales grandes y audaces. Además, UX ha ocupado un lugar intermedio, dando paso a estas opciones de diseño como el desplazamiento infinito y el diseño y estilo de páginas web solitarias.

Es posible que haya observado que nuestro sitio de Internet ha adoptado todas estas características con su último diseño:

Un paso más importante en la evolución del estilo y el diseño web es Internet móvil. Desde el lanzamiento del Iphone en 2007, ha habido un nuevo análisis de la forma en que los sitios web están estructurados para adaptarse a la creciente cantidad de usuarios móviles de Internet. Esto presenta varios marcos móviles que eligen una estrategia de "móvil primero" y un objetivo aún mayor en la optimización de la velocidad del celular, considerando el hecho de que los teléfonos generalmente carecen de la velocidad de procesamiento o el poder de conexión de su computadora de escritorio típica.

Esta revolución digital también ha proporcionado un aumento al diseño receptivo, en el que las partes de la página se modifican automáticamente al ancho de la ventana de navegación, lo que permite que los sitios web se vean muy bien en cualquier máquina o pantalla. Ahora, se requiere un diseño receptivo para garantizar una experiencia de usuario móvil satisfactoria, especificando que más del 50 % de los visitantes del sitio en todo el mundo provendrán de dispositivos móviles.

¿Adónde irán los sitios web a continuación?

Si hay un elemento que ha educado a cada uno de estos desarrollos, es el contenido escrito. Cada uno de los ingredientes de la estructura a continuación se ha adaptado de tal manera que lleve el material más apropiado para la persona de la manera más productiva y efectiva. Las nociones de accesibilidad, adaptabilidad y usabilidad realmente definen este período del diseño de la World Wide Web.

Aunque ciertamente hay mucho más que podemos hacer con el diseño web en la actualidad, es agradable considerar una mirada de donde venimos. Mirando cómo ha progresado el diseño de sitios web, es realmente emocionante saber dónde estará en los próximos 20 años.

Nota del editor: esta publicación se publicó inicialmente en julio de 2013 y se ha actualizado por su exhaustividad.