El diseño en la web ha dado un giro completo desde sus inicios.

Ha habido una reactivación de diseños de sitios web sencillos y discretos que ponen el contenido directamente al frente, evitando los gráficos y trucos llamativos de la última década, similar a la forma en que los primeros sitios web hacían hincapié en la función y el contenido.

Pero es probable que la web y la forma en que está diseñada se muevan en ciclos, como lo hacen la mayoría de las tendencias. En algún momento en el futuro cercano, podremos volver a ver sitios con más "diseños" abiertos, con contenido un poco más bajo en la escala de importancia.

Notarás a lo largo de este artículo que hay casos en los que he puesto "diseño" entre comillas. Por supuesto, todos los sitios web están diseñados de una manera u otra, y el diseño no solo significa gráficos.

Las citas están ahí para diferenciar entre diseños abiertos, visualmente dominantes y la práctica general del diseño.

Al principio…

En los primeros días de Internet, había muy poco "diseño" en marcha. En su mayor parte, las páginas web eran texto, y tal vez una o dos imágenes arrojadas por si acaso. Mucho de esto se debió a los límites de ancho de banda y las preocupaciones sobre el tiempo de carga (cuando todos están en acceso telefónico, cada byte cuenta). Y mucho de eso fue porque no había realmente muchas funciones de "diseño" integradas en los estándares web.

Agregue problemas con diferentes navegadores que muestran cosas de formas muy diferentes, y puede ver por qué a casi nadie le molesta el diseño, más allá de algunos estilos de texto. El contenido reinó supremo (junto con el GIF animado ocasional).

La web era nueva, y las personas se acercaron a ella de forma similar al diseño impreso. No había muchos diseñadores web "profesionales", y solía haber más personas diseñando para la web que provenían de un fondo de software en lugar de un fondo de diseño. Debido a esto, los diseños visuales se mantuvieron mínimos, o fueron realmente, realmente malos.

Deberíamos mencionar aquí la prevalencia del fondo de la "noche estrellada" en los primeros diseños de sitios web. Sus teorizado que la prevalencia de este espacio exterior con el estilo de fondo se debe a la gran cantidad de fanáticos de la ciencia ficción y los videojuegos que estuvieron en línea a principios y mediados de los 90. A veces, estos fondos estaban formados por imágenes de mosaico estáticas, mientras que otras veces tenían animados parpadeos o chispeantes. En cualquier caso, eran increíblemente comunes en los primeros sitios web.

El texto parpadeante fue una de las peores tendencias de los primeros días del diseño web. El texto del arco iris (especialmente el texto animado que cambiaba de color en un bucle constante) fue otra tendencia que ha desaparecido felizmente de los sitios web profesionales (aunque todavía se ve en sitios construidos por aficionados, que se remonta a mediados de los 90, aunque generalmente ni siquiera un toque de nostalgia). Estos fueron los primeros grandes intentos de "diseño" visual en la web.

Marcos, tablas, Flash y el pico del "diseño"

No pasó mucho tiempo antes de que las personas descubrieran que podían formatear sus sitios web usando tablas HTML. Si bien esto hizo mucho para avanzar en el mundo del diseño web, también dio como resultado algunos diseños de sitios web verdaderamente horribles. También se agregó al tamaño de los sitios web y a los tiempos de carga, ya que requirieron varias imágenes de fondo para crear el diseño en la mayoría de los casos.

Los marcos fueron otra forma en que muchos creadores de sitios formatearon su contenido. Un marco contendría elementos de navegación, mientras que otro mantendría el contenido principal. El marco de navegación permanecerá estático a medida que se cargue contenido nuevo. Los marcos también se usaron para mostrar enlaces fuera del sitio mientras se mantenía el encabezado del sitio original u otra información (esta técnica todavía se usa en varios sitios hoy en día, más notablemente About.com )

Flash también se estaba haciendo más o menos al mismo tiempo, y se utilizó para crear sitios web animados totalmente interactivos. Los tiempos de carga para los sitios Flash fueron más largos en muchos casos, pero a medida que el Internet de banda ancha se hizo más común, los tiempos de carga se volvieron menos importantes.

Internet en ese momento estaba dominado por el "diseño". El contenido, en muchos (¿la mayoría?) Casos, quedó en segundo plano al estilo visual. Los diseñadores (profesionales y aficionados) querían mostrar sus habilidades de diseño, y el contenido y la usabilidad sufrieron. Pero la web todavía era relativamente joven, y no formaba parte de la vida cotidiana de miles de millones de personas, como lo es ahora.

La arquitectura de la información y la usabilidad aún se encontraban en sus inicios en línea, y fueron ignoradas por muchos diseñadores. Las campanas y los silbidos fueron el enfoque principal, independientemente de si realmente mejoraron la experiencia del usuario.

Web 2.0: equilibrio de contenido y diseño

Con la llegada de la Web 2.0, los blogs y más contenido generado por los usuarios, el contenido comenzó a ser más importante. El diseño en negrita seguía siendo importante, y todavía se pensaba mucho, y en algunos casos aún tenía prioridad sobre el contenido que se mostraba.

Squidoo es un gran ejemplo de estilos de diseño comunes en la era de la Web 2.0.

Hubo algunos sitios durante este tiempo que centraron más la atención en el contenido (Wikipedia probablemente sería la más destacada), pero el diseño abierto aún jugó un papel importante en la mayoría.

Se puede atribuir a la Web 2.0 énfasis en el contenido y, finalmente, otorgarle a la función la misma importancia que la forma. La mayoría de los sitios Web 2.0 eran relativamente fáciles de usar y ponían énfasis en la experiencia del usuario. Todavía se destacaban elementos y gráficos de "diseño", pero en general no a expensas del contenido y la facilidad de uso del sitio.

MySpace Design

Probablemente lo peor que salga de la era de la Web 2.0 sea lo que voy a llamar "diseño de MySpace". Glitter graphics Arco iris y unicornios. Horribles combinaciones de colores ilegibles. Páginas con todo animado. Y todos los generadores que permitieron a las personas sin antecedentes de diseño y sin conocimiento de HTML o CSS crear páginas de perfil que eran más horribles que cualquier "diseño" amateur creado en los primeros días de la web. Y para colmo de males, en su mayoría estaban escritos en HTML y CSS mal formateados.

Afortunadamente, este tipo de sitios y páginas completamente exagerados y exagerados se han quedado en el camino. Claro, todavía se los ve comúnmente en los perfiles de MySpace de chicas de 14 años (entre muchos otros datos demográficos), pero afortunadamente no se han extendido demasiado en la web general. Con la excepción de Cornify , por supuesto.

El foco está de vuelta en el contenido

En los últimos años, ha habido un resurgimiento en diseños simples y limpios. Incluso los diseños que se considerarían "grungy" o "Web 2.0" -ish suelen tener una simplicidad sobre ellos. El enfoque se vuelve directamente al contenido.

Frieze Magazine tiene un diseño muy limpio y simple, con énfasis en el contenido.

Una de las razones que impulsa esta tendencia es la cantidad de personas que navegan por la web en teléfonos inteligentes. Los usuarios que navegan desde un iPhone u otro teléfono inteligente de pantalla grande no necesariamente quieren ver un sitio móvil. Pero navegar por un sitio que es demasiado complejo es una tarea en una pantalla pequeña.

Typographica es otro gran ejemplo de un sitio que da el escenario del centro de contenido.

Estos nuevos diseños entregan contenido mientras desaparecen sin problemas en el fondo. Facilitan a los visitantes navegar y encontrar lo que buscan y mejorar la experiencia general. Pero no son obvios u ostentosos, y la mayoría de la gente no los nota conscientemente. Es una gran desviación de los diseños que han sido prominentes desde finales de los 90.

Contenido vs. Estilo

Con demasiada frecuencia, los diseñadores y especialmente sus clientes miran el contenido y el estilo (o diseño) por separado. Ven a los dos como entidades separadas que de alguna manera tienen que trabajar juntas. O al menos convivir en el mismo espacio.

Sin embargo, esa es la forma incorrecta de abordar un proyecto. Su contenido debe ser mejorado por el estilo visual de su sitio web. Y los elementos visuales deben crearse para admitir el contenido y hacerlo más útil para sus visitantes. Tratar el contenido y el diseño como dos cosas separadas lleva a un producto final que a menudo falta.

Mire el contenido que su sitio necesita incorporar, y piense cómo mostrar mejor ese contenido dentro del diseño. Tomar un enfoque holístico es más probable que resulte en un diseño que entregue contenido sin esfuerzo, sin llamar la atención sobre sí mismo.

La naturaleza cíclica del diseño

Si bien el diseño está en constante evolución, también se mueve en ciclos bastante regulares. Hemos completado el círculo desde los primeros días del diseño web, donde el contenido es el enfoque principal de los sitios web. Y sin embargo, hemos crecido tanto desde los primeros días de la web que nadie confundiría un sitio bien diseñado desde 2010 con uno diseñado en 1995.

El diseño visual dominante y dominante probablemente reaparezca en los próximos años, pero es probable que haya evolucionado y mejorado hasta el punto de que ya no sea perjudicial para la experiencia del usuario.

Con la prevalencia del video y otro contenido no textual combinado con las nuevas posibilidades presentadas por CSS3 y HTML5, solo tiene sentido que los gráficos vuelvan a ocupar el centro del escenario.


Escrito exclusivamente para WDD por Cameron Chapman

¿Cómo ves la relación entre diseño y contenido y los ciclos de vida presentados en esta publicación? Por favor comparta sus puntos de vista a continuación ...