¿Qué filosofía de diseño es más intuitiva, el diseño de materiales de Google o el diseño plano de Apple?

Ventajas y desventajas del diseño plano.

Habiendo dejado atrás nuestra larga historia de la evolución de los diseños, finalmente formemos todo lo anterior en algo breve y demostrativo. Creo que comenzaremos con los pros y los contras del diseño plano en este punto.

Pros

• Minimalista y elegante.
• Fácilmente comprensible. Es decir, su idea se entregará mejor a las masas.
• Ahorro de tiempo y recursos. Las páginas se cargan más rápido, el ancho de banda se consume menos.
• Centrado en un contenido. No hay elementos de IU demasiado detallados que puedan distraer a los usuarios de cosas realmente valiosas.
• Se ve igual de bien en diferentes dispositivos, ya sea una PC o un navegador de teléfonos inteligentes, y hace que las páginas respondan.
• Acelera el proceso de diseño de sitios web / aplicaciones al eliminar trazos de diseño innecesarios.

Contras

• Puede ser demasiado simple en algunos casos. Si se va demasiado lejos, las interfaces de usuario de diseño plano pueden parecer muy características y genéricas.
• Puede ser limitante cuando se trata del uso de formas, colores e iconografía.
• No es tan intuitivo. Los usuarios que carecen de experiencia interactuando con la web y los dispositivos móviles pueden tener dificultades para comprender el propósito de algunos de los elementos de la interfaz de usuario de diseño plano. Eso también es cierto para algunas personas calificadas. Por lo tanto, puede ser inapropiado para soluciones web o móviles complejas.
• Ubicuo. La verdad es que a veces puede ser realmente difícil destacarse con un diseño plano.

Ventajas y desventajas del diseño de materiales.

Y no nos olvidemos del oponente del diseño plano.

Pros

• Minimalista y elegante también.
• Más intuitivo El diseño del material es excelente tanto para usuarios experimentados como para novatos.
• Moderadamente skeuomorphic. Hace que todo parezca más real debido al uso del eje Z (un concepto único de Google).
• Tiene un conjunto de pautas bien definidas que se mantienen actualizadas constantemente. Por lo tanto, siempre puede consultarlos si tiene alguna dificultad para trabajar en el proyecto.
• Promueve la animación para soluciones web. Es inútil negar, la gente ama la acción. Además, la animación ayuda a los usuarios a comprender mejor la interfaz de usuario.

Contras

• Propiedad de Google Por lo tanto, será un poco difícil mejorar algo con lo que no esté satisfecho sin preguntarle al propietario.
• Puede llevar más tiempo implementarlo que plano, debido al eje Z.
• El movimiento puede consumir mucha energía.
• Una adherencia constante a las pautas puede afectar negativamente la creatividad individual del diseñador.

Vamos a resumir

Es realmente estúpido afirmar que uno de estos dos tiene ventajas obvias sobre el otro porque los diseños planos y materiales se acercan demasiado. Ambos están de moda y ambos están despojados del realismo excesivo. El diseño del material fue una respuesta a un enfoque radicalmente plano, mientras que el plano fue una reacción a soluciones pesadas y demasiado realistas. El material acaba de agregar de qué diseño plano siempre se estaba ejecutando: un poco de esceptomorfismo. De todos modos, una cosa sigue siendo diferente: el diseño de materiales es un producto patentado de Google, el diseño plano es producto de varias prácticas de diseño combinadas que se esfuerzan por una simplicidad total (principalmente).

Para obtener más información sobre la diferencia entre diseño plano y material, sugiero leer este artículo: Diseño plano y diseño de material: si hay alguna diferencia.

¡Mira y buena suerte!

En primer lugar, analicemos los méritos y deméritos del diseño plano y el diseño de materiales:

Diseño plano:
Méritos

1. Es simple, mínimo
2. Responsive y amigable para dispositivos móviles
3. Ayuda a cargar más rápido
4. Desarma elementos inutilizables
5. El diseño plano es positivo y vibrante, ya que utiliza colores y tipografía de manera vívida para atraer a los usuarios.

Deméritos

1. Puede ser demasiado simple a veces
2. Tiene un alcance limitado.
3. Es difícil para los usuarios que no son técnicamente aptos.
4. Menos singularidad en términos de diseño

Diseño de material:
Méritos

1. Todo parece tan real
2. Las pautas actualizadas ayudan a los usuarios a aclarar dudas
3. Es conveniente de usar, tanto para usuarios nuevos como experimentados.
4. Promueve el movimiento en la pantalla que ayuda a captar la atención de los usuarios.

Deméritos

1. Está incorporado, completamente controlado por Google
2. Lleva tiempo implementar
3. Estás obligado a usar un diseño orientado al movimiento.

Para mayor referencia, aquí hay un artículo en linkedin.com con el título – Diseño plano o Diseño de materiales – ¡Elija lo que quiera!

De la documentación de diseño de materiales: el próximo esquema de UI / UX de Google parece más pensado y más centrado en sus productos. Aunque no es un concepto nuevo, las “tarjetas” parecen ser el patrón visual predominante y el uso del color es definitivamente más constructivo. Las interacciones de la interfaz de usuario, como transiciones, desvanecimientos, estados de tap, están todas pensadas, algo que iOS carece profundamente. Curiosamente, el diseño de iOS se siente fracturado y carece de verdadera definición. El hecho de que simplemente se define como “plano” es un indicador de cómo debe evolucionar hacia mucho más.

Punteemos las i y crucemos las t aquí y ahora: el diseño de materiales es más bien un producto de marca que un estilo de diseño nacido espontáneamente que se convirtió en un carro.

Lo que quiero decir cuando llamo al diseño de material ‘de marca’ es que tiene un conjunto de pautas y principios bien definidos a los que cada diseñador móvil respetuoso tiene que apegarse (sin embargo, Google no persigue a ellos para hacer las cosas bien como están. en la instrucción). La razón por la cual Google introdujo su diseño de material parece bastante obvia: la necesidad de hacer que las cosas se vean iguales en numerosos dispositivos Android. Pero, ¿cuál es la idea principal del diseño de materiales?

Sin embargo, al ser funcional hasta cierto punto, el diseño plano todavía se considera un tipo de diseño menos intuitivo. La verdad es que la excesiva planeidad de los objetos en la pantalla puede confundir a los usuarios (especialmente si se trata de aquellos de nosotros que no estamos acostumbrados a las interfaces web o móviles). Como dije antes, los elementos en los que se puede hacer clic se pueden confundir fácilmente con los iconos y textos que no se pueden hacer clic, lo que puede dar lugar a una experiencia del usuario mucho peor. Por lo tanto, el diseño de materiales intenta introducir algo de esceptomorfismo, sin embargo, lo hace de la manera más simplificada posible. Puede verse realmente plano (especialmente cuando se trata de colores), pero se mantiene multidimensional gracias al enfoque del eje Z que siempre se tiene en cuenta.

El diseño plano es un tipo de diseño que se despoja de cualquier elemento multidimensional. Es decir, hace que parezca que todos los objetos están acostados en una sola superficie. El diseño plano acaba de deshacerse de cualquier elemento estilístico como sombras paralelas, texturas y degradados para que se parezca más al juego de fuentes, iconos y colores. Pero, ¿por qué necesitamos este movimiento? Eso es muy facil.

En primer lugar, el diseño plano reduce en gran medida el tiempo de carga de una página. La ausencia de detalles skeuomorphic pesados ​​(capas de pensamiento, gradientes, fuentes serif) hace que los elementos de diseño plano sean mucho más pequeños, lo que, en parte, acelera el tiempo de carga. Además, los elementos planos pueden parecer igualmente atractivos tanto en pantallas de alta resolución como de baja resolución (esto es exactamente lo que quise decir con una solución sólida compatible con dispositivos móviles).

En segundo lugar, las imágenes simples transmiten su mensaje más rápidamente que las ilustraciones detalladas. Son esquemáticos, son bastante ingenuos, por lo que todos pueden obtenerlos.

Finalmente, los iconos planos con fuentes igualmente simples que los acompañan pueden ayudarlo a dirigir la atención de los usuarios hacia un contenido realmente valioso. Por lo tanto, no es probable que las personas pasen mucho tiempo examinando su arte digital en lugar de leer texto en su sitio web o aplicación. Sin embargo, estas imágenes planas pueden verse bastante bien para decorar su página y ayudar a los usuarios a navegar por la aplicación web, móvil o de escritorio.

Aquí la diferencia se explica en detalles: Diseño plano y diseño de materiales: si hay alguna diferencia

Me gusta más el diseño de materiales. Google hace algo realmente bueno. Y lo prefiero en lugar del diseño de Apple.