¿Por qué utilizar el diseño de materiales? Sopesar los pros y los contras

Presentadas hace más de cinco años, las pautas de diseño de materiales de Google se han convertido en el aspecto característico de sus sitios web y servicios basados ​​en aplicaciones. Son inmediatamente reconocibles como afiliados a Google, una bendición para la marca de la empresa.

Material Design también ha sido adoptado por la comunidad de diseño en general y ahora se puede encontrar en sitios web y aplicaciones fuera de las plataformas nativas de Google (e incluso en plataformas de la competencia). Simplenote, por ejemplo, utiliza una estética de Material Design en sus aplicaciones para plataformas móviles y de escritorio. Es solo un ejemplo de por qué Material Design es una excelente opción para una variedad de implementaciones de diseño.

¿Qué es el diseño de materiales?

Material Design fue creado por Google en 2014, basado en parte en el diseño basado en tarjetas utilizado en Google Now. El guiño a los estilos de diseño basados ​​en papel lo diferenció del estilo de diseño plano que se usaba mucho en ese momento.

Como la mayoría de los sistemas de diseño, Material Design se creó para brindar una experiencia de usuario unificada en varios dispositivos, plataformas y métodos de entrada. De manera similar a la forma en que Apple implementó los principios de diseño plano como su estándar, Google usó Material Design para garantizar que, independientemente de cómo los usuarios accedieran a sus productos, tuvieran una experiencia de usuario uniforme.

La especificación de Material Design incluye pautas para todo: tipografía, cuadrículas, espacio, escala, color e imágenes. Pero Material Design va un paso más allá de simplemente decirles a los diseñadores cómo hacer que las cosas se vean. Permite a los diseñadores crear diseños intencionales con jerarquía, significado y enfoque en su resultado final.

¿Por qué utilizar el diseño de materiales?

Al igual que con cualquier sistema de diseño bien establecido, el uso de Material Design tiene algunas ventajas importantes que los diseñadores deben considerar.

Material Design es efectivamente un ecosistema de diseño completo, en lugar de solo un conjunto de pautas de estilo. Si existe una posible situación de diseño, es probable que Material Design tenga un conjunto completo de reglas sobre cómo manejarla. Eso incluye casos de uso complejos que a menudo se pasan por alto en sistemas de diseño menos completos. Esto puede ser muy reconfortante para los diseñadores que quieren ese tipo de estructura.

Google mantiene Material Design y mantiene una extensa documentación sobre cómo usarlo e implementarlo. Este tipo de soporte y documentación puede faltar para muchos sistemas de diseño modernos.

A pesar de toda esta exhaustividad y documentación, Material Design sigue siendo una biblioteca de diseño bastante flexible. Dentro de las pautas, gran parte de los detalles de cómo implementar el diseño se dejan totalmente en manos del diseñador.

Las ventajas más granulares para Material Design incluyen cosas como el esqueuomorfismo sutil, que lo distingue del diseño plano y lo hace más intuitivo para muchos usuarios. Otra característica fácil de usar es que los comentarios de los usuarios en forma de comentarios hápticos, animaciones sutiles y cosas similares están integrados en las pautas. También tiene un sentido de la física muy simplificado, lo que hace que las interacciones sean más intuitivas.

Material Design se creó sobre la base de una sensibilidad móvil, lo que tiene sentido teniendo en cuenta que su propósito original era diseñar aplicaciones de Android. También promueve la animación en los diseños, tanto para los comentarios de los usuarios como para dar pistas sobre cómo funcionan las diferentes funciones.

Finalmente, las opciones de temas oscuros están disponibles, lo que agrega aún más flexibilidad visual para los diseñadores. Originalmente, Material Design era muy ligero y brillante, lo que no funcionaba bien con la estética de algunas marcas. La adición de una guía de tema oscuro soluciona ese problema.

Inconvenientes de usar Material Design

Si bien Material Design tiene ventajas muy obvias, eso no significa que no haya desventajas que lo acompañen.

Primero, Material Design es inmediatamente identificable y está fuertemente asociado con Google y, específicamente, con Android. Si bien esto no es necesariamente algo malo para todos, es potencialmente negativo para algunos.

Una gran razón por la que podría ser negativo es que limita la efectividad de otras marcas al usar el sistema de diseño. Sí, los diseñadores pueden incorporar logotipos, paletas de colores (dentro de las pautas de Material Design) y otros factores diferenciadores para respaldar la identidad de la marca, pero un producto que siga las especificaciones de Material Design casi siempre también estará asociado con Google.

Dado que el movimiento y la animación se promueven dentro de las pautas de Material Design, los sitios o las aplicaciones que no las incorporan pueden parecerles a los usuarios que les falta algo. Las personas asocian las características de movimiento de Material Design con las características visuales, lo que puede dejar diseños sin falta de movimiento.

Claro, una solución es incorporar siempre movimiento en los diseños que siguen las especificaciones de Material Design. Pero las animaciones extensas pueden consumir muchos recursos en los dispositivos móviles, lo que resulta en un mayor uso de datos y un agotamiento más rápido de la batería. Es un acto de equilibrio que los diseñadores deben considerar cuando trabajan dentro de las pautas de Material Design.

Los principiantes pueden encontrar que la especificación de Material Design es más complicada y más difícil de implementar que otros estilos como el diseño plano. Debido a que el sistema Material Design es tan completo, hay muchas más cosas para considerar y cumplir con las que muchos diseñadores nuevos pueden sentirse cómodos.

Su amplitud también puede hacer que algunos diseñadores se sientan limitados e incapaces de realizar plenamente su propia creatividad. También puede sofocar la innovación, ya que se ha planificado prácticamente cualquier desafío de diseño y se han ofrecido soluciones. Si bien es útil en muchos casos, esto puede evitar que los diseñadores adopten nuevos enfoques para los problemas, al mismo tiempo que limita la cantidad de nuevas ideas que pueden surgir.

También hay algunos problemas de usabilidad en Material Design que pueden hacer que los sitios web y las aplicaciones sean muy poco amigables para el usuario. Uno de los mayores problemas es con la llamada navegación de "carne misteriosa" que se encuentra en muchas aplicaciones de diseño móvil. Los íconos se usan a menudo en lugar de texto, y aunque a veces los íconos son inmediatamente reconocibles y bastante utilizables, en otras ocasiones no lo son.

Un círculo para indicar "Inicio" es significativamente más difícil de identificar que el ícono de la casa que se usaba anteriormente en la mayoría de las interfaces de Android. Este es un excelente ejemplo de colocar la forma sobre la función, que es un vestigio de las raíces del diseño plano de Material Design.

Y no es solo en la barra de navegación inferior. La preferencia de Material Design por incluir botones de acción flotantes circulares también es un problema de usabilidad. Estos botones circulares solo incluyen espacio para un ícono, sin incluir texto de asistencia. Y debido a que los íconos pueden estar tan abiertos a la interpretación, en muchos casos, los usuarios se preguntan qué hacen realmente estos botones.

Conclusión

Si una aplicación se crea principalmente para la plataforma Android, usar Material Design es una opción fácil. Debido a la adopción generalizada de Google, cualquier aplicación basada en los principios de Material Design se sentirá como una aplicación nativa.

Dicho esto, hay muchos otros casos de uso fuera de la plataforma Android donde Material Design es una opción sólida. A medida que el sistema de diseño madure aún más, esas situaciones aumentarán. Los diseñadores deben, como mínimo, familiarizarse con las pautas para que puedan determinar por sí mismos cuándo es apropiado usar Material Design y cuándo otros sistemas podrían ser más adecuados.

• • •

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

• Cómo construir un marco de diseño efectivo (con un archivo de boceto gratuito)
• Creación de una guía de estilo de interfaz de usuario para una mejor experiencia de usuario
• Comprender los sistemas y patrones de diseño
• A/B Testing UX para marcos basados ​​en componentes
• Psicología del diseño y la neurociencia de Awesome UX