Diseño web brutalista, diseño web minimalista y el futuro de la experiencia de usuario web

¿Los sitios web se están volviendo más caóticos, desordenados y sin refinar? ¿Se están rompiendo las reglas del buen diseño? ¿Se está poniendo fea la web? ¿Es esta una nueva tendencia?

Si usted es como la mayoría de los diseñadores y presta mucha atención a lo que sucede, habrá escuchado la palabra brutalismo por un tiempo. Los sitios web brutalistas se están alejando de las interfaces fáciles de usar que durante mucho tiempo han sido las mejores prácticas de la industria y, en cambio, se centran en sitios HTML imperfectos y codificados a mano. Parece que los diseñadores están eliminando las reglas de UX tal como las conocemos, dejando todo un poco caótico.

Los principios del diseño elegante y contemporáneo son tan comunes que apenas pensamos en ellos como una elección estilística. Un “buen” diseño web generalmente significa uno que obedece las reglas del minimalismo. Interfaces limpias, simples y despejadas, pero no siempre ha sido así. Retrocedamos el reloj unas cuantas décadas.

El nacimiento de la web

El diseño web ha recorrido un largo camino desde 1991, cuando se publicó el primer sitio web. La revolución de Internet comenzó con sus primeros sitios web basados ​​exclusivamente en texto utilizando la primera generación de HTML.

Luego vino Flash con todos esos locos sitios animados que todos seguramente recuerdan. Llegó el desarrollo de CSS (hojas de estilo en cascada), que brinda a los diseñadores web aún más control sobre las mejoras como el color de fondo, el tamaño del texto y los estilos de texto en el código. JavaScript nos proporcionó menús desplegables, navegación avanzada y formularios web con verificación de errores.

Al principio, nadie sabía qué significaba realmente “diseño web”, y los pioneros de la web establecieron patrones de diseño por ensayo y error. La primera era del diseño web utilizaba diseños que prestaban poca atención a la semántica formal y la accesibilidad, optando en cambio por la estética sobre la estructura.

Para construir y estructurar sus diseños, los diseñadores se basaron en gran medida en elementos HTML como tablas, tablas anidadas y archivos espaciadores invisibles de 1 píxel, lo que les permitió crear diseños de varias columnas más complicados. Hizo algunas interfaces bastante aburridas.

A mediados de la década de 2000, nacieron los sitios web con un pensamiento más cuidadoso detrás de su estructura. La navegación estaba en la parte superior de su navegador y las categorías se colocaron en una barra izquierda. Las páginas web se mantuvieron cortas y estrechas, con contenido repartido en muchas páginas para no obligar a los usuarios a desplazarse. Los diseñadores aprendieron lo que funcionaba y comenzaron a construir mejores sitios, estableciendo estándares y mejores prácticas en el camino.

Con más y más opciones de diseño, llegó una mezcla de interfaces de usuario ruidosas repletas de imágenes y texto en todas partes. Sin embargo, algunos diseñadores disciplinados optaron por el minimalismo.

La estética minimalista

Las tendencias de diseño van y vienen; sin embargo, el minimalismo es un lenguaje de diseño que ha estado presente a través del tiempo. Es una filosofía de diseño que se enfoca en la simplificación de la forma, lograda haciendo uso de los elementos más simples y esenciales en un diseño.

El minimalismo no es exclusivo del diseño web. Piensa en todos los elementos a tu alrededor que engloban ese ideal de diseño; es fácil conectar diseños minimalistas con Nest, Apple, Herman Miller y muchos otros que han inspirado a muchos diseñadores minimalistas.

¿Qué hace que el diseño de Herman Miller siga siendo excelente hoy en día? Son simplemente objetos bien diseñados con un aspecto atemporal. Sus diseños se adaptan muy bien a los hogares e interiores contemporáneos; todavía se sienten frescos y modernos hoy en día. Muchas de sus piezas están diseñadas con un aspecto minimalista y realmente no pueden vincularse a una moda específica. Todavía resisten la prueba del tiempo.

Los diseños minimalistas de uno de los diseñadores gráficos más renombrados de su época, Josef Muller-Brockmann, son muy similares a los de Herman Miller: atemporales . Muller-Brockmann abrazó y dominó el minimalismo durante las décadas de 1940 y 1950 en la forma del estilo de diseño suizo.

Cualquier decoración ajena o superflua fue despojada de su diseño gráfico; cada elemento en sus diseños tenía un propósito. El pensamiento de diseño detrás de este enfoque es lo que hace que los diseños digitales minimalistas funcionen muy bien hoy en día.

Cómo se estableció el minimalismo en la era digital

La historia siempre encuentra la manera de alcanzarnos. Al igual que sucedió con el diseño de impresión, el minimalismo y la filosofía detrás de él alcanzaron al diseño web y otros artefactos digitales. Piense en cómo se veían los sitios web hace solo un par de años con sus botones brillantes, líneas y párrafos de texto, todo pidiendo atención a gritos.

Luego vino la tendencia skeuomorphic donde los diseñadores diseñaron elementos que imitaban objetos de la vida real en el espacio digital. ¿Recuerdas el acolchado de cuero en el iCal de Apple?

Los diseños mínimos son en realidad intencionales. Es un enfoque de diseño que elimina todo lo innecesario y se enfoca en elementos que se supone que deben llamar la máxima atención, poniendo énfasis en el contenido.

Los beneficios del diseño minimalista

El enfoque de diseño minimalista se hizo popular por muchas más razones además de su apariencia. Nuestra mayor comprensión de los comportamientos de los usuarios, los procesos de pensamiento de diseño y el aumento de los procesos de diseño de contenido primero han ayudado a impulsar este pensamiento. El reciente crecimiento masivo de usuarios móviles ha sido un fuerte punto de aceleración hacia el minimalismo, con un mayor enfoque en UX y usabilidad.

Ahora que los usuarios acceden a Internet en cualquier momento y en cualquier lugar, los diseñadores de productos deben centrarse en brindar lo que es absolutamente esencial en el contexto del momento: las cosas correctas de la manera correcta y en el momento correcto, donde el diseño se reduce a sus características más fundamentales.

El uso de dispositivos móviles ahora representa más de la mitad de todas las visitas web, y esta tasa seguirá aumentando. El diseño receptivo ha cambiado las reglas del juego y ha obligado a los diseñadores a "pensar diferente". Hoy más que nunca, el diseño receptivo o adaptativo es una necesidad en el mundo móvil, donde un enfoque de diseño minimalista es de vital importancia.

Para el usuario promedio, el minimalismo probablemente parece ser lo más fácil de diseñar. Lograr el equilibrio perfecto utilizando la menor cantidad de contenido visual y centrándose solo en los elementos fundamentales con la máxima elegancia es en realidad muy, muy difícil.

El futuro del minimalismo

Deberíamos pensar en el minimalismo como un concepto atemporal, que irradia elegancia y sofisticación, en lugar de una tendencia real o una simple fase pasajera. Aunque atemporal y clásico, evolucionará y mejorará, como ya hemos visto desde su implementación a principios del siglo XX.

Por ejemplo, Material Design de Google fue una de las primeras evoluciones importantes en el enfoque de diseño "plano" inspirado en el minimalismo. Los diseñadores de Google mantuvieron las cosas simples y minimalistas, pero mejoraron su lenguaje de diseño con el uso de efectos de sombra y los conceptos de movimiento y profundidad. El material adopta el diseño plano con un giro específico: imitar materiales del mundo real.

La desventaja del minimalismo

Al igual que con otros elementos de la vida, siempre tenemos que mirar tanto los pros como los contras. Muchos argumentan que los sitios web de hoy en día carecen de sabor y en su mayoría son todos iguales. Ya sabes: una gran imagen de héroe o un video con texto superpuesto, una fila de íconos con texto, etc. Cualquiera puede tomarse un par de minutos de su tiempo y crear 10 sitios que se parecen mucho entre sí. ¿Es esto el reflejo de nuestro comportamiento y preferencias en línea en constante cambio?

La consistencia del diseño y el diseño para el comportamiento común del usuario es extremadamente importante en cada diseño, pero no podemos olvidar el valor de ser único. ¿Nos hemos vuelto perezosos o es que hemos cambiado nuestros pensamientos de la singularidad y hacia una estrategia de experiencia de usuario más efectiva?

Brutalismo en el Diseño Web

En su robustez y falta de preocupación por parecer cómodo o fácil, el brutalismo puede verse como una reacción de una generación más joven a la ligereza, el optimismo y la frivolidad del diseño web minimalista omnipresente de hoy.

Algunos lo aman, otros lo odian y muchos otros simplemente no lo entienden: sitios web brutalistas.

Tome Craigslist como ejemplo. Craigslist debe ser considerado el "abuelo" de los sitios web brutalistas. No es estéticamente agradable y nunca aparecería en www.awwwards.com. Texto negro, enlaces azules, fondo blanco. No es lindo. No tiene por qué ser porque funciona, y funciona muy bien. Encuentra lo que necesita para comprar o vender sin complicaciones ni complicaciones, y sin piezas móviles extrañas.

Desde su fundación en 1996, Craigslist ha mantenido su popularidad a pesar de, o quizás debido a, su diseño extremadamente utilitario. El diseño no ha cambiado de manera significativa en los últimos 20 años o más.

Quizás inspirado por el ejemplo de Craigslist, el estilo brutalista está regresando. Los siguientes son excelentes ejemplos de diseños bien ejecutados que utilizan el estilo brutalista.

Estos sitios web brutalistas se están poniendo de moda a lo grande. ¿Por qué estos sitios web de repente son tan populares? ¿Es porque algunos diseñadores se cansaron de la homogeneización de la web?

En los días en que el diseño de UX es de importancia primordial, donde el comportamiento del usuario y un enfoque de contenido primero son los reyes, el UX en estos sitios es malo (intencionalmente). Contrariamente a los principios del minimalismo, estos diseños son directos con collages de texto e imágenes donde el diseño está por todas partes (nuevamente, intencionalmente).

Una breve historia del brutalismo

El estilo de diseño brutalista no es nuevo. Una búsqueda rápida en Wikipedia le dirá que el estilo en realidad proviene de la arquitectura brutalista de la década de 1950 hasta mediados de la década de 1970. Es gracioso que al brutalismo le siguiera el movimiento arquitectónico modernista donde el minimalismo era clave.

Le Corbusier fue uno de los mayores pioneros de este movimiento. Su carrera abarcó cinco décadas con edificios diseñados en Europa, Japón, India y América del Norte y del Sur.

El término se origina de la palabra francesa " brut " para "crudo", como Le Corbusier describió su elección de material " beton brut ", hormigón en bruto. El diseño hiperfuncionalista parecía diseñado solo para proporcionar utilidad, no para complacer, como si le señalara el dedo al modernismo.

El brutalismo intenta hacer frente a una sociedad de producción en masa, y sacar una poesía áspera de las fuerzas confusas y poderosas que están en juego. Hasta ahora se ha discutido el Brutalismo estilísticamente, mientras que su esencia es ética. –Alison & Peter Smithson, The New Brutalism, Architectural Design (abril de 1957)

Los diseños brutalistas rechazan rotundamente la apariencia, optando por la función sobre la forma. Los diseñadores brutalistas se enorgullecen de ejecutar diseños con el mínimo esfuerzo y los materiales más baratos disponibles para lograr un resultado más honesto y antiburgués.

Brutalismo en la era digital

Bloomberg ha adoptado el estilo a su manera para su sitio de noticias. El diseño es casi chillón y claramente se enfoca en la funcionalidad pura.

El brutalismo está haciendo una sólida reaparición. Feo, crudo, que se libera del diseño convencional, los locos efectos de desplazamiento y los adornos superficiales están en todas partes. Muchos puristas consideran que esta tendencia es dura, áspera, áspera, incómoda, conflictiva y cínica. Está. A propósito.

El brutalismo tiene un enfoque más primitivo del diseño y vuelve a poner el foco en el núcleo mismo del diseño web: su código. El brutalismo a menudo se representa como una tendencia de diseño "fea", pero tenemos que mirar más allá de eso. La filosofía detrás del movimiento brutalista no es hacer las cosas “feas”, sino crudas y sin adornos.

Podríamos decir que los sitios brutalistas de hoy se basan en la web de bricolaje de los 90 y se centran en un enfoque de adentro hacia afuera en lugar de ocultar la funcionalidad detrás de una hermosa fachada.

El diseño de la interfaz de usuario para el popular sitio de intercambio social Reddit es cruda y cuadrada sin disculpas, repleta de tipografía web de finales de los 90, controles pesados ​​sin refinar y casi sin espacio para respirar verticalmente.

El diseñador Pierre Buttin ha llevado el brutalismo a un nuevo extremo con una serie de aplicaciones móviles rediseñadas. En su último proyecto, titulado Rediseños brutalistas, Buttin presenta Facebook, Instagram, Twitter y otras aplicaciones populares en un estilo brutalista, con diseños pesados ​​​​de texto y planos.

Brutalismo vs Minimalismo

El brutalismo y el minimalismo no deben verse comparativamente, sino como una nueva forma de ver las cosas y otro enfoque del diseño. El brutalismo es un impulso contra la homogeneización de los sitios y aplicaciones actuales, pero antes de que los diseñadores puedan comenzar a diseñar un sitio web utilizando el enfoque brutalista, primero deben saber qué reglas van a romper.

El diseño minimalista convencional no va a ser reemplazado por el brutalismo. Debemos considerar el brutalismo como una cultura del diseño que desafía el statu quo, una cultura que está cansada de que le digan qué es lo "mejor".

No hay nada correcto o incorrecto al elegir entre estos estilos para su próximo proyecto. Sin embargo, antes de que se agote y diseñe su próximo sitio web o aplicación con un estilo de diseño brutal, asegúrese de conocer a su audiencia. Arriésgate si crees que la empresa y tu audiencia lo apreciarán.

El diseño web brutalista atrae la atención y el conocimiento de la marca está creciendo tremendamente rápido. Las reglas estan hechas para romperse. Atrévete a dejar que la web sea la web. Atrévete a sobresalir y ser un poco atrevido, aunque sea un poco raro.

¡Háganos saber lo que piensas! Por favor, deje sus pensamientos, comentarios y comentarios a continuación.

• • •

Lectura adicional en el blog de diseño de Toptal:

• Los principios del diseño y su importancia
• Los mejores portafolios de diseñadores de UX: estudios de casos y ejemplos inspiradores
• Explorando los Principios Gestalt del Diseño
• Adobe XD vs. Sketch: ¿Qué herramienta UX es adecuada para usted?
• Los 10 entregables de UX que usan los mejores diseñadores