Lado positivo das inconsistências no Design
Ter inconsistências em interfaces nem sempre é algo negativo, desde que seja utilizado de forma consciente e com moderação as inconsistências podem ser bem positivas.
Antes de começar, queria deixar claro que defendo a importância da consistência na construção de soluções, esse texto traz apenas uma forma diferente de pensar sobre as inconsistências.
Fazendo apenas um recap rápido do que eu acredito ser consistência:
A consistência no design de interface é responsável por garantir que os elementos de uma interface com usuário estejam uniformes e se comportem da mesma forma independente da interface que ele esteja aplicado.
Basicamente a consistência em interfaces com usuário ajuda a reduzir o esforço cognitivo necessário para realizar uma tarefa, garantindo que o usuário não precise aprender algo novo a cada ação realizada e que não gere confusão.
Consistência também têm relação com familiaridade e padrões populares, ou seja, como outros produtos/interfaces se comportam e como os usuários se sentem utilizando eles.
Um exemplo bem legal de consistência fora do mundo digital são as setas dos automóveis, ja pensou se cada marca colocasse a seta de forma diferente?
A seta é um item de segurança indispensável, então ter essa consistência de onde ficam as alavancas e como utilizá-las é super importante para que quando precisarmos não seja necessário aprender ou lembrar de como funciona a seta.
Mas e no caso das motos, como são as setas? Mesmo sendo diferentes dos carros, as motos também possuem setas e que também são itens indispensáveis de segurança mas apesar das motos terem suas características específicas a consistência das setas permanece.
Recentemente o Google anunciou que faria algumas mudanças na identidade visual dos serviços mais populares do G Suite: Gmail, Calendar, Drive, Docs e Meet, mas essas mudanças trouxeram um pouco de desconforto para muitos usuários, inclusive para mim.
Olhando para os novos ícones podemos perceber uma coisa, eles estão bem mais consistentes com relação as cores utilizadas na própria marca do Google, vemos mais tons de azul, vermelho, amarelo e verde. Talvez o que tenha menos sofrido mudanças seja o Drive que ja seguia uma linha visual parecida.
Mas será que forçar essa consistência foi uma boa escolha?
Confesso que a primeira vez que vi esses novos ícones me gerou um pouco de estranheza, os ícones do Gmail, Drive e Meet na minha concepção ficaram “Ok” pois não perderam sua essência e eu consigo olhar para eles e identificar o que são, mas os ícones do Calendar e do Docs eu não consigo fazer isso porque eu ja estava acostumado ao do Calendar ter aquela “dobrinha” parecendo que estava trocando o dia e do Docs ter aquela “orelha” no topo do ícone que faz alusão as marcas de páginas que fazemos nos livros.
Lembra que la no começo eu falei sobre a consistência com padrões populares? Pois é, vejo que o maior desconforto com essas mudanças foi justamente essa quebra de padrões populares que muitas pessoas, inclusive eu, ja estavam acostumadas.
Agora respondendo se essa consistência foi uma boa escolha, na minha humilde opinião, SIM, vejo que por trás dessas mudanças existe um propósito muito claro do Google que é reforçar sua identidade visual.
Muitos usuários vão achar estranho no começo e vão até reclamar que os ícones estão ruins mas com o passar o tempo nós vamos nos acostumar e quando vermos um ícone utilizando essa mesma linha visual ja vamos pensar “Opa, é um serviço/produto do Google!” e então o objetivo do Google será alcançado.
Olhar para o mercado e entender como outros produtos estão desenvolvendo soluções e consistências é super legal, mas não acho legal forçar uma linha de solução somente porque o Google faz assim que eu também tenho que fazer. Eu preciso ver, aprender e adaptar para o meu cenário e minhas necessidades.
O lado positivo das inconsistências
Muita inconsistência gera confusão e caos, utilize a inconsistência a seu favor e com moderação, essa é a regra de ouro.
Quebrar a consistência visual precisa ocorrer de acordo com uma necessidade e isso não quer dizer que essa quebra possa ser algo extremamente distante dos Princípios de Design que o produto que você está trabalhando possui, sempre que pensar em gerar uma inconsistência leve em consideração os princípios (princípios de Design, de Usabilidade, de Acessibilidade) eles serão sempre o seu guia e irão te ajudar a tomar uma decisão.
Quer conhecer um pouco dos Princípios de Design que temos aqui na RD? Temos um post muito legal feito pelo nosso Head de Design falando sobre, é só clicar aqui ;)
Quebras de consistência tendem a chamar mais atenção, o motivo das inconsistências funcionarem bem é justamente a quebra de expectativa, quando todos outros elementos utilizam o padrão e apenas um deles quebra uma das regras ele se destaca.
No mundo digital aplicativos como o Twitter, Instagram e Whatsapp utilizam o gesto de “slide” (nos dispositivos mobile) da esquerda para direita como função de voltar para a tela anterior, já o iFood não têm esse mesmo comportamento, a ação de “voltar” continua sendo na seta que fica na parte superior da interface.
Isso significa que o iFood está errado? Não, essas inconsistências ou diferenças dos padrões populares podem ocorrer desde que haja um propósito para tal.
Para concluir…
Se manter a consistência atrapalhar a usabilidade, se for essencial que os usuários encontrem um elemento específico ou se for necessário chamar atenção do usuário então eu posso quebrar a regra para aquele elemento e se essa quebra de regra acontecer com alguma frequência então posso considerar mudar a regra em si.
Então se às vezes você precisar quebrar a consistência não se sinta desconfortável, você pode fazer aquilo que for necessário para atender às necessidades dos seus usuários.
Consistency is not necessary. For years, students of UI and UX have been taught that consistency in the interface is one of the cardinal rules of interface design. Perhaps that holds in software, but on the Web, it’s just not true. What matters on the Web is whether, on each individual page, the user can quickly and easily advance the next step in the process.
— Mark Hurst, founder of Creative Good
E ai, o que você acha das inconsistências em interfaces? Tem uma opinião diferente? Sinta-se a vontade de deixar seu comentário, vamos trocar mais ideias e sair um pouco da caixinha ❤
