Diseño web Brutalista: ¿De dónde vino y por qué regresó?

Es el comienzo de un nuevo año, lo que significa que todos realizan pronósticos en nuevas tendencias de diseño web que veremos en los sitios de WordPress este año. Una de las predicciones que vi mucho y que no estaba demasiado contenta es el diseño web brutalista. Aquí está la cosa: no quiero cancelar el brutalismo si hay buenas razones para su uso en el diseño web. Después de todo, puede ser excelente para aumentar las conversiones o generar interés en el sitio web de un competidor que sigue una forma más tradicional de diseño web. Quizás. Hoy, quiero reflexionar sobre esta nueva tendencia de diseño web sobre la cual muchos proporcionan para tener un dominio más firme en los sitios de WordPress este año. Haré una reseña:
¿Qué es un diseño web brutalista?
¿De donde vino el?
¿Por qué debería dejar de confundir el diseño brutalista con antidesign?
¿Cómo pueden los sitios de WordPress usar el brutalismo correctamente?
¿Hay beneficios que ganar de él?
¿Cuál es el diseño web brutalista? Mientras trabajaba en otro artículo, llegué al sitio web de Balenciaga mientras busqué ejemplos. Mi primer pensamiento fue: “Uh-oh. Alguien rompió algo “. Una vez que comencé a hacer clic en los enlaces, el segundo pensamiento fue: “Oh, no. ¿De quién es la gran idea diseñar el sitio de esta manera?

Este es el sitio web de Balenciaga de enero de 2018.
A primera vista, parece un marco muy simple, ¿verdad? Sin embargo, si hace clic en los enlaces (que dura demasiado tiempo, en mi opinión), descubrirá que este es realmente su diseño web y no una estructura de alambre rudimentaria. Una vez que llegue al final del sitio “Navegación”, se reunirá con uno de sus numerosos lookbooks o campañas llenas de fotografías de aspecto bruto y descripciones mínimas. El estilo brutalista de Balenciaga.

Estaba realmente confundido. Pensé que tal vez el sitio estaba incompleto o en progreso y que debe haber estado completando por completo las imágenes faltantes. Sin embargo, analizando la máquina Wayback de archivo de Internet, parece que fueron su diseño durante aproximadamente un año. Si esta es la primera vez que ve un sitio web como este, este es un ejemplo de un diseño web brutalista. Y no está solo. ¿De dónde vino el diseño brutalista? Los orígenes del brutalismo provienen del diseño arquitectónico, que, cuando lo piensas, tiene mucho sentido. Un sitio web es prácticamente una estructura digital para que una empresa se configure, entonces, ¿por qué no se basaría en las técnicas de diseño en el mundo real?
El término “brutalismo” proviene de varias fuentes diferentes de Suecia, el Reino Unido y Francia. Básicamente, proviene del concreto bruto francés, que se traduce en “cruel”. Y este es exactamente el diseño brutalista, en arquitectura y en la web, es esencial. Cuando miras la razón por la cual el brutalismo apareció en las décadas de 1940 y 1950, había una razón muy clara para ello. Esto fue después de la Segunda Guerra Mundial cuando gran parte de Europa fue reconstruida después de la guerra extremadamente destructiva que devastó sus ciudades. En lugar de pasar meses o años proyectando y construyendo residencias lujosas y edificios públicos para reemplazar lo que se había perdido, los arquitectos optaron por un estilo simplista, práctico y más rentable.
Repetición de modelos geométricos
Diseño de cuadrícula muy modularizado
Materiales de concreto y ladrillo
Sistemas de soporte interior expuestos
Una mayor concentración en el carácter y el propósito prácticos en lugar del diseño ornamental
A medida que pasó el tiempo y el continente ha regresado, la arquitectura brutalista se convirtió en un símbolo de ese esfuerzo para recuperar la guerra. Dicho esto, esto no siempre fue algo positivo, porque a menudo se ha asociado con la pobreza, la destrucción y la depresión. Ni los colores sombríos y las líneas rígidas de las estructuras han ayudado demasiado a la causa. Y luego fue el hecho de que el brutalismo estaba estrechamente relacionado con el comunismo, una fuerza creciente en ese momento. En la década de 1970, este estilo de arquitectura había desaparecido.
¿Por qué debería dejar de confundir el diseño web brutalista para antidesign? Espera tan lejos y parece que el brutalismo está regresando. Sin embargo, existe un problema importante con esto y se debe al hecho de que muchas personas confunden un diseño web brutalista. En mi investigación sobre este tema, no pude encontrar demasiada evidencia estadística de las ventajas y desventajas del diseño web brutalista. Esto puede deberse al hecho de que todavía es bastante nuevo o puede ser porque los investigadores de UX no creen que tenga poder de resistencia. Sin embargo, lo que encontré es esta explicación del grupo Nielsen Norman sobre las diferencias entre el diseño web brutalista y antidasign. En este momento. Quieren que la web sea leal a sí misma, se sienta honesta y no artificial ”. ANTIDSIGN: “En lugar de centrarse solo en las interfaces de uso reducido, con un estilo grueso o no existente, algunos diseñadores interpretan el brutalismo como una rebelión contra el diseño excesivamente simplificado mediante la creación intencional de interfaces feas, desorientadas o complejas … algunos usan colores duros, modelos desorientados. , cursores extraños e inútiles. animaciones que distraen la atención. El efecto general se siente como un mal diseño desde la década de 1990 en esteroides “.
Ahora, él levanta la mano si, antes de hoy, pensaste que los modelos nostálgicos y súper feos de los años 90 son el brutalismo en acción. (Si no puedes decir, levanto la mano aquí). Creo que hubo mucha confusión sobre lo que significa Brunetismo, por lo que a menudo hay una reacción tan grande. Cuando miras los orígenes del brutalismo en la arquitectura, la definición presentada por NNG tiene mucho más sentido. Simplemente no sé si muchos diseñadores web han sido o están al tanto de dónde han brotado todo esto en primer lugar. Parte del problema es que estas tendencias de diseño web o brutalismo, como esta desde Awwward, son perjudiciales para la causa. No crea la información errónea. Antidesign no es lo mismo que un diseño web brutalista. Aunque no creo que el diseño web brutalista sea adecuado para la mayoría de los sitios de WordPress, creo que hay ciertos usos que funcionarán. Solo tenemos que mantenernos alejados del antidesign. La única declaración que hace es que desea deshacerse de todos y no respetar los principios del diseño inteligente. ¿Cómo pueden los sitios de WordPress usar el diseño web brutalista correctamente? Suponiendo que el NNG es correcto y que los sitios web feos de Antidesign no son brutalistas, para echar un vistazo a algunos ejemplos reales de diseño web brutalista. Aunque es posible que no encuentre que sean atractivos, creativos o impresionantes por ningún tramo de imaginación, centrarse solo en los principios básicos que han ejecutado bien. Si realmente quieres entender la atracción detrás del brutalismo, la encontrarás en estos ejemplos.
Noticias sobre hackers
Y las noticias del hacker del sitio web del sitio web.
En primer lugar, el diseño web brutalista intenta desnudar un sitio web hasta su núcleo. Esto generalmente significa eliminar cualquier destello innecesario, de modo que el propósito sea claro como el día. Wavy Studiodeclaration misión simple de Wavy Studio.
Wavy es un estudio creativo que se centra en proporcionar a los clientes contenido visual. No hay absolutamente nada especial para este sitio, porque es en gran medida mucho espacio en blanco y mensajes muy pequeños, pero esta es la idea, ¿no? Son maestros de imagen, no creadores de palabras o diseñadores web.
Joao Paulo Teixeira

La introducción muy brutalista de Joao Paulo Teixeira.
Una de las cosas más comunes que encontrará en el diseño web brutalista es un esquema de color blanco y negro, que creo que ejemplifica bien. Aunque este sitio puede ser no impresionante a primera vista, es bastante lógico. Para los usuarios que no hacen clic en “¿Quién es JP?” (Lo que conduce a una cartera trippy y colorida), pueden, en cambio, visitar los enlaces en la parte inferior que van al trabajo del diseñador web: ¿cuál es el objetivo final para un diseñador, verdad?

Etapas creativas pagadas en Nueva York
La apariencia y el esquema de color simplificado de pasantes de pago.
Para los diseñadores web que desean adherirse a los principios originales del brutalismo, pueden usar los colores sinónimos de las materias primas utilizadas en el estilo arquitectónico; a saber, concreto. Planta22

La imagen colorida de la planta22 en las cuadrículas modulares.
Otra forma en que los diseñadores pueden adaptar los principios del brunetismo a la web es mediante el uso de ladrillos modulares. Dado que el diseño basado en la red está actualmente de moda y juega muy bien con el diseño receptivo, probablemente será la única parte del brutalismo con la que todos podemos estar de acuerdo. Ignacio Rivasignacio Rivas mantiene el abundante espacio en blanco y la vieja fuente.

Este ejemplo vuelve a la idea de que el diseño brutalista se basa en gran medida en el uso de materias primas. Por lo tanto, verá que muchos de estos modelos usan el tipo monoespacial. Es posible que no ofrezca la lectura más interesante o haga mucho para revivir su diseño web, pero este tipo de impresión es confiable y constante. Brutalismo ux

Un sitio web de “broma” que en realidad hace un gran trabajo para demostrar el brutalismo al máximo.
Este es en realidad un sitio web forjado creado por UX Design Collective. Afirma que ofrece a los diseñadores un marco de brutalismo, mientras que en realidad solo ofrece razones por las que no debe usarlo. Además, este sitio ofrece un buen ejemplo de cuán simple es la estructura de estos sitios. Solo hay un impulso en todo el sitio de una página, en lugar de la mayoría de los sitios web de hoy, que incluyen uno en cada nuevo visitante del paso A. Imagen (i) ahora

Está bien volverse grande y audaz siempre que se mantenga funcional.
Hay una serie de elementos brutalistas resaltados aquí. Hay un color de fondo similar al concreto. Hay una fuente simplificada y neo -erasa. Y también está el texto de gran tamaño en el centro de todos, que es similar a los edificios de gran tamaño a menudo diseñados durante la era del brutalismo. Cirtres de siete y medias/expuestas del sitio web de siete: treinta.

Uno de los otros elementos clave de la arquitectura brutalista es cómo se sintieron sus edificios expuestos. Por lo general, puede ver las vigas y la infraestructura responsables de mantener juntos el edificio. En el diseño web, esto suele ser algo que nos esforzamos por ocultar. No necesitamos personas para ver la cuadrícula básica y los elementos detrás de un sitio web, pero eso es realmente lo que tenemos aquí. La conclusión de regresar a mi primera reunión con Balenciaga, ¿verdad? Una vez que me di cuenta de que este era su diseño web durante un buen año y algo, no pude evitar preguntarme cómo una lujosa marca de moda podría escapar con un diseño tan confundido y poco atractivo. Usando una de mis herramientas favoritas de SEO WordPress Semrush, hice una búsqueda rápida en sus números de tráfico:
Balenciaga recibe 164,000 tráfico cada mes; Más que Hermes pero significativamente menos que Gucci. ¿Es el diseño de la culpa?

No es un número terrible para una marca de lujo. Hermes tiene más de 130,000 tráfico mensual, y Gucci tiene más de 240,000. También realizamos una prueba de velocidad de página para ver si este diseño estaba tratando de compensar el peso de un sitio web rico en medios:
Probablemente lo marcaría como un puntaje fallido para la velocidad de la página para un sitio web de la marca de lujo.

Como puede ver, ni siquiera la velocidad de carga de la página de Balenciaga es tan alta. Entonces, ¿qué está pasando aquí? ¿Qué motivó esta elección de diseño web? ¿La novedad de tener un diseño web brutalista excede los números de tráfico no impresionantes y los tiempos de carga lentos? ¿Y qué hay de sus tasas de conversión? Desafortunadamente, esta información no es fácil para Balenciaga. Pero lo que puedo significar sobre el diseño web brutalista en general es lo siguiente: el diseño web brutal no es bueno para: corporaciones y otras entidades que desean parecer profesionales y modernas.
Cualquiera que quiera hacer de su sitio un ambiente cálido y acogedor.

Los sitios web que son de naturaleza compleja y requieren funciones de conversión, como mega menús, ventanas emergentes y chat en vivo para apoyar sus objetivos.
Cualquiera está nervioso de que cualquier cosa menos un diseño moderno confundiera a su audiencia y, en última instancia, evite que se conviertan.

El diseño web brutal (al menos algunos de los artículos) puede ser bueno para:
Nuevos diseñadores web que intentan llevarse bien con HTML.

Cualquiera que quiera sorprender a su público o hacer una declaración social.
Sitios web que sufren páginas bajas o canales de conversión demasiado complejos que desean experimentar un rediseño total.
Los sitios web pesados ​​de texto que desean más énfasis en la experiencia de lectura y menos distracción.
Pequeños sitios de comercio electrónico que desean centrarse más en el inventario y menos en las barras promocionales brillantes y los modelos con sobrepeso.
Los sitios web que tienen una audiencia en la que este tipo de nostalgia podría atraer (por ejemplo, otros diseñadores web, desarrolladores, jugadores, etc.).
Aquí está la cosa: si el diseño web brutalista es realmente una tendencia moderna, entonces debe ser bueno en él. Aunque a primera vista puede ser difícil, es posible descubrir que el uso simplificado, la eficiencia mejorada (no solo para los visitantes navegan en el sitio, sino también el tiempo que pasa su construcción) y una mayor transparencia son beneficiosas para su sitio. WordPress. . Siendo realistas, no importa cuán simples sean estos sitios web, deberían ser más rápidos de cargar, más fáciles de navegar y tener menos opciones para resolver … lo que debería aumentar las tasas de conversión. Sin embargo, si experimenta esto y descubre que este no es el resultado, entonces la elección más segura es combinar el brutalismo con su sitio de WordPress, de lo contrario diseñado. ¿Qué tipo de validez espera tener esta tendencia de diseño web?
Etiquetas:
Diseño web brutalista
Tendencias de diseño web