Por que usar o design de materiais? Pesando os prós e contras

Introduzidas há mais de cinco anos, as diretrizes de design de materiais do Google se tornaram a assinatura de seus sites e serviços baseados em aplicativos. Eles são imediatamente reconhecidos como afiliados ao Google, um benefício para a marca da empresa.

O Material Design também foi adotado pela comunidade de design mais ampla e agora pode ser encontrado em sites e aplicativos fora das plataformas nativas do Google (e até mesmo em plataformas concorrentes). O Simplenote, por exemplo, usa uma estética do Material Design em seus aplicativos para plataformas de desktop e móveis. É apenas um exemplo de por que o Material Design é uma excelente escolha para uma variedade de implementações de design.

O que é design de materiais?

O Material Design foi criado pelo Google em 2014, baseado em parte no layout baseado em cartão utilizado no Google Now. O aceno aos estilos de design baseados em papel o diferenciava do estilo de design plano que era amplamente utilizado na época.

Como a maioria dos sistemas de design, o Material Design foi criado para trazer uma experiência de usuário unificada em vários dispositivos, plataformas e métodos de entrada. Semelhante à maneira como a Apple implementou os princípios de design plano como padrão, o Google usou o Material Design para garantir que, independentemente de como os usuários acessassem seus produtos, eles tivessem uma experiência de usuário consistente.

A especificação do Material Design inclui diretrizes para tudo: tipografia, grades, espaço, escala, cor e imagens. Mas o Material Design vai um passo além de apenas dizer aos designers como fazer as coisas parecerem. Ele permite que os designers criem designs intencionais com hierarquia, significado e foco em seu resultado final.

Por que usar o design de materiais?

Como acontece com qualquer sistema de design bem estabelecido, existem algumas vantagens importantes no uso do Material Design que os designers devem considerar.

O Material Design é efetivamente um ecossistema de design inteiro, em vez de apenas um conjunto de diretrizes de estilo. Se houver uma situação de projeto em potencial, o Material Design provavelmente tem um conjunto abrangente de regras sobre como lidar com isso. Isso inclui casos de uso complexos que geralmente são ignorados por sistemas de design menos abrangentes. Isso pode ser muito reconfortante para designers que desejam esse tipo de estrutura.

O Google mantém o Material Design e mantém uma extensa documentação sobre como usá-lo e implementá-lo. Esse tipo de suporte e documentação pode estar faltando em muitos sistemas de design modernos.

Apesar de toda essa abrangência e documentação, o Material Design continua sendo uma biblioteca de design bastante flexível. Dentro das diretrizes, muitas das especificidades de como implementar o design são deixadas inteiramente para o designer.

As vantagens mais granulares do Material Design incluem coisas como skeuomorphism sutil, que o diferencia do design plano e o torna mais intuitivo para muitos usuários. Outro recurso fácil de usar é que o feedback do usuário na forma de feedback tátil, animações sutis e coisas semelhantes são incorporados às diretrizes. Ele também tem um senso de física muito simplificado, o que torna as interações mais intuitivas.

O Material Design foi construído em uma sensibilidade mobile-first, o que faz sentido considerando que seu propósito original era projetar aplicativos Android. Também promove animação em designs, tanto para feedback do usuário quanto para sugerir como funcionam os diferentes recursos.

Por fim, as opções de tema escuro foram disponibilizadas, adicionando ainda mais flexibilidade visual para os designers. Originalmente, o Material Design era muito leve e brilhante, o que não funcionava bem com a estética de algumas marcas. A adição de uma diretriz de tema escuro corrige esse problema.

Desvantagens do uso do Material Design

Embora o Material Design tenha prós muito óbvios, isso não significa que não haja contras que o acompanham.

Em primeiro lugar, o Material Design é imediatamente identificável e está fortemente associado ao Google e, especificamente, ao Android. Embora isso não seja necessariamente uma coisa ruim para todos, é potencialmente negativo para alguns.

Uma grande razão pela qual isso pode ser negativo é que limita a eficácia de outras marcas ao usar o sistema de design. Sim, os designers podem incorporar logotipos, paletas de cores (dentro das diretrizes do Material Design) e outros fatores de diferenciação para apoiar a identidade da marca, mas um produto que segue as especificações do Material Design quase sempre também estará associado ao Google.

Como o movimento e a animação são promovidos de acordo com as diretrizes do Material Design, sites ou aplicativos que não o incorporam podem parecer aos usuários como se estivessem faltando algo. As pessoas associam as características de movimento do Material Design com as características visuais, que podem deixar os designs sem falta de movimento.

Claro, uma solução é sempre incorporar movimento em projetos que seguem as especificações do Material Design. Mas animações extensas podem consumir muitos recursos em dispositivos móveis, resultando em maior uso de dados e esgotamento mais rápido da bateria. É um ato de equilíbrio que os designers devem considerar ao trabalhar dentro das diretrizes do Material Design.

Os iniciantes podem achar que a especificação do Material Design é mais complicada e mais difícil de implementar do que outros estilos, como o design plano. Como o sistema de design de materiais é tão abrangente, há muito mais coisas a considerar e aderir do que muitos novos designers podem se sentir confortáveis.

Sua abrangência também pode levar alguns designers a se sentirem constrangidos e incapazes de realizar plenamente sua própria criatividade. Também pode sufocar a inovação, uma vez que praticamente qualquer desafio de design foi planejado e as soluções oferecidas. Embora seja útil em muitos casos, isso pode impedir que os designers adotem novas abordagens para os problemas, além de limitar o número de novas ideias que podem ocorrer.

Existem também alguns problemas de usabilidade no Material Design que podem tornar sites e aplicativos muito pouco amigáveis. Um dos maiores problemas é com a chamada navegação “carne misteriosa” encontrada em muitos aplicativos de design móvel. Os ícones são frequentemente usados ​​no lugar do texto e, embora às vezes os ícones sejam imediatamente reconhecíveis e bastante utilizáveis, outras vezes não.

Um círculo para indicar “Home” é significativamente mais difícil de identificar do que o ícone de casa que era usado anteriormente na maioria das interfaces do Android. Este é um excelente exemplo de colocar a forma sobre a função, que é um resquício das raízes do design plano do Material Design.

E não é apenas na barra de navegação inferior. A preferência do Material Design por incluir botões de ação circulares flutuantes também é um problema de usabilidade. Esses botões circulares incluem apenas espaço para um ícone, sem texto de assistência incluído. E como os ícones podem ser tão abertos à interpretação, em muitos casos, os usuários ficam questionando o que esses botões realmente fazem.

Conclusão

Se um aplicativo está sendo desenvolvido principalmente para a plataforma Android, usar o Material Design é uma escolha fácil. Devido à ampla adoção do Google, qualquer aplicativo baseado nos princípios do Material Design parecerá um aplicativo nativo.

Dito isso, existem muitos outros casos de uso fora da plataforma Android em que o Material Design é uma escolha sólida. À medida que o sistema de design amadurece ainda mais, essas situações tendem a aumentar. Os designers devem, no mínimo, se familiarizar com as diretrizes para que possam determinar por si mesmos quando é apropriado usar o Material Design e quando outros sistemas podem ser mais adequados.

• • •

Leia mais no Blog Toptal Design:

• Como construir uma estrutura de design eficaz (com um arquivo de esboço gratuito)
• Criando um guia de estilo de interface do usuário para melhor UX
• Noções básicas sobre sistemas e padrões de design
• UX de teste A/B para estruturas baseadas em componentes
• Psicologia do Design e a Neurociência do Awesome UX