Flat 2.0 y cómo resuelve los problemas de usabilidad de Flat Design

El diseño plano ha existido desde la década de 1950, cuando se desarrolló el estilo tipográfico internacional. En los últimos tiempos ha ganado gran popularidad desde el lanzamiento del nuevo Microsoft Diseño de Metro enfocado en geometría y tipografía Idioma, primero en el nuevo Windows Phone en 2010, luego en Windows 8 en 2012.

El diseño plano se caracteriza por la Falta de efectos tridimensionales y elementos visuales brillantes. con el fin de lograr limpieza, minimalismo, y claridad. Va contra el estilo de diseño predominantemente anterior, el skeuomorphism que utiliza botones brillantes e ilustraciones que imitan objetos 3D de la vida real..

El diseño plano esencialmente apunta a optimizar los sitios web, aumentar el enfoque en el contenido, ofrecer interacciones más intuitivas y brindar una experiencia de usuario más rápida y funcional. También es fácil de usar, sus elementos simples, en forma de caja, y diseños basados ​​en cuadrícula para un diseño receptivo.

Problemas de usabilidad del diseño plano

Si bien el diseño plano nos brinda una gran ayuda y un excelente conjunto de herramientas para proporcionar a nuestros usuarios sitios web rápidos y sin desorden, puede causar ciertos problemas de uso, especialmente cuando se usa en exceso..

No hay significantes visuales de clickability

Si utilizamos efectos tridimensionales, naturalmente da una ilusión de profundidad a nuestros diseños. Esto ayuda a los usuarios rápidamente encontrar elementos interactivos, aquellos en los que se puede hacer clic en (como botones e íconos), o rellenarse (como campos de formulario). Una de las principales preocupaciones sobre el diseño plano es que dificulta a los usuarios reconocer elementos pulsables.

Antes de la era de los planos, los diseñadores web solían indicar la posibilidad de hacer clic utilizando soluciones visuales como degradados, texturas, bordes elevados o sombras paralelas para hacer que los botones y otros objetos cliqueables se vean como si se pudieran presionar.

El diseño plano carece de estos significantes visuales y tiene que resolver la misma tarea con un conjunto de herramientas mucho más pequeño: colores, formas, proximidad, y elementos contextuales.

¿Por qué esto es un problema? Probemos un experimento.

Mira esta captura de pantalla a continuación. Intenta adivinar qué elementos se pueden hacer clic en función de esta captura de pantalla. No son aquellos en los que uno pensaría primero. Podemos encontrar muchos otros problemas de usabilidad similares en toda la web..

Descubrimiento reducido debido a que no hay eje Z

Las personas en la vida real encuentran objetos y se mueven en tres dimensiones: los ejes x, y y z. Cuando se encuentran con un sitio web plano y de diseño minimalista sin efectos 3D, obtienen una experiencia diferente a la que están acostumbrados, con lo que están más familiarizados..

Esto significa que necesitan Usar más esfuerzo para descubrir relaciones entre objetos., y entender la jerarquía visual del sitio. Por ejemplo, necesitamos pasar más tiempo en la página de inicio de la Red de desarrolladores de Microsoft para descifrar visualmente la información y el propósito de los diferentes elementos del sitio..

La regla de oro en el diseño de UX es tratar siempre de minimizar la carga cognitiva en el usuario para maximizar la usabilidad. Como podemos ver en muchos casos, esto no siempre ocurre con un diseño plano..

Baja densidad de información

El diseño plano también ha sido criticado por arriesgar una baja densidad de información por parte del experto en UX Nielsen-Norman Group.

En sus críticas sobre la facilidad de uso de Windows 8, utilizaron ejemplos de aplicaciones de la Tienda Windows y el sitio web de Los Angeles Times para mostrar los problemas que baja densidad de información (Tener pocas historias en la pantalla inicial, titulares sin resúmenes, agrupaciones apenas reconocibles, etc.) puede causar desde el punto de vista de la usabilidad..

Desde otro aspecto, también se puede considerar que menos información elimina las distracciones, lo que permite a los usuarios centrarse solo en cosas importantes, pero si se exagera el minimalismo, puede sacrificar fácilmente el objetivo principal de un sitio, es decir, transformar la información para los espectadores..

El ascenso del piso 2.0

A medida que más y más diseñadores reconocen las fallas de usabilidad del diseño plano, ha surgido una nueva versión más madura, llamada “Piso 2.0” o “Casi plano” diseño. Si bien el cambio del skeuomorphism al plano fue radical, la evolución del diseño plano es mucho más esquiva..

El nuevo estilo sigue siendo plano, pero Añade un poco de tridimensionalidad a los diseños. en forma de sombras sutiles, reflejos, y capas. Flat 2.0 - si se usa bien - puede solucionar los problemas de usabilidad mencionados al traer un poco de realismo (skeuomorphism), y agregar algo de profundidad y detalles, mientras mantiene las ventajas del minimalismo como sitios web optimizados, claridad y tiempo de carga de páginas más rápido.

Diseño de materiales

El nuevo lenguaje de diseño de Google, llamado Material Design, es probablemente el ejemplo más notable del estilo Flat 2.0. Google lanzó Material Design con Android L en 2014. Aunque Material Design conserva las características principales del diseño plano, utiliza ciertas metáforas de la física para ayudar a los usuarios a encontrar rápidamente analogías entre el mundo real y el mundo digital..

Material Design utiliza el eje z, da profundidad sutil al diseño, y hace uso inteligente de las capas por separándolos con sombras paralelas y animaciones. Google tiene una descripción detallada sobre cómo funciona, y realmente vale la pena leerla para comprender sus principios y reglas principales..

Conclusión

Como los buenos diseñadores siempre tienen como objetivo mejorar la experiencia de sus usuarios, la industria del diseño web está cambiando constantemente. El diseño plano ha reemplazado rápidamente al skeuomorphism, dando como resultado Basados ​​en grid, diseños minimalistas y elementos simplistas. que últimamente han sobrepasado la web (esto ha generado algunos comentarios sobre cómo el diseño web se vuelve aburrido o incluso muere, pero no podría estar más lejos de la verdad).

Flat 2.0 da respuesta a los problemas percibidos de diseño plano.. Es un compromiso inteligente entre funcionalidad, estética y usabilidad. Por supuesto, no necesitamos usar los kits de IU de material. en todos lados, Pero entender la filosofía detrás de esto puede darnos una base sólida acerca de Cómo desarrollar nuestro propio estilo. De acuerdo con los últimos descubrimientos en diseño de experiencia de usuario..