Princípio de design: consistência

O princípio de design mais conhecido e mais frágil.

Consistência é um princípio fundamental na vida e no design. Sem isso, não podemos ir longe. Mesmo o mais poderoso dos problemas vai cair se você continuar a hackeá-lo todos os dias!

Consistência é um dos princípios de design que gostamos de violar com frequência. Eu também sou culpado de fazer isso e não me orgulho disso. Indo todo criativo e artzy pode facilmente quebrar este princípio de design.

O tópico sobre consistência no design é enorme. Vou tentar o meu melhor para resumir os pontos mais importantes. Desta forma, podemos aprender a usar consistência e como mantê-lo em nossos projetos sem quebrá-lo.

O que é consistência no design

Consistência é uma das moléculas do DNA do Design. Design consistente é design intuitivo. É muito útil e faz do mundo um lugar melhor.

Em suma, a usabilidade e a capacidade de aprendizado aumentam quando elementos similares têm aparência e função consistentes de maneira semelhante. Quando a consistência está presente em seu design, as pessoas podem transferir conhecimento para novos contextos e aprender coisas novas rapidamente, sem dor. Dessa forma, eles podem se concentrar em executar a tarefa e não aprender como a interface do usuário do produto funciona toda vez que eles alternam o contexto.

Nós humanos como consistência por padrão! Nossos corpos físicos constantemente lutam por um equilíbrio consistente, para que possamos ser saudáveis. Precisamos sentir que as coisas são consistentes para nos sentir seguros e protegidos.

Benefícios da consistência

Os usuários aprenderão mais rapidamente como usar seu design . Imagine que os elementos consistentes em seu design são as letras do alfabeto. Uma vez, o usuário aprendeu o alfabeto, ele pode ir a qualquer lugar em seu produto e ainda ser capaz de se comunicar com a interface sem atrito.

Ter uma interface inconsistente é como tentar se comunicar com o usuário em vários idiomas. Somente os usuários avançados poderão concluir suas tarefas. Mantenha-o simples e consistente.

Consistência elimina a confusão! Quando o usuário se sente confuso, o próximo passo é sentir frustração. Nós não queremos que nosso querido usuário sinta isso, não é?

Consistência economiza tempo e dinheiro! O design consistente é freqüentemente construído por componentes predefinidos. Isso permite que designers e partes interessadas tomem decisões rapidamente sem gastar tempo precioso para discutir. Isso economiza tempo que pode ser usado para construir o produto e fazer melhorias incrementais.

Quatro tipos de consistência

Vejamos quatro tipos de consistência que são importantes para estar ciente ao projetar.

Consistência visual

Elementos semelhantes que são percebidos da mesma forma compõem a consistência visual. Aumenta a capacidade de aprendizado do produto. Fontes, tamanhos, botões, etiquetas e similares precisam ser consistentes em todo o produto para manter a consistência visual.

Consistência funcional

Controles similares que estão funcionando da mesma maneira compõem a consistência funcional. Aumenta a previsibilidade do produto. A previsibilidade leva os usuários a se sentirem seguros e protegidos. Por exemplo, o caminho para dar um passo atrás no fluxo deve funcionar da mesma maneira em todo o produto.

Consistência interna

Esta é a combinação de consistência visual e funcional no design do produto. Melhora a usabilidade e a capacidade de aprendizado do produto. Mesmo quando você introduz novos recursos / páginas, os usuários terão facilidade de usá-los, desde que você mantenha a consistência interna.

Consistência externa

Esse tipo de consistência é obtido quando há consistência de design em vários sistemas / produtos. Desta forma, o conhecimento do usuário para um produto pode ser reutilizado em outro. Sim, isso ajuda a eliminar muito o atrito e proporciona uma ótima experiência ao usuário.

Um bom exemplo de consistência externa é a interface do usuário dos produtos da Adobe. Depois de conhecer o Photoshop, é muito mais fácil reutilizar o mesmo conhecimento para começar a usar o Illustrator e assim por diante.

Atingir esses quatro tipos de consistência ajudará seu projeto a obter melhor usabilidade e usuários mais felizes.

Como ser consistente

A essência de ser consistente é ser capaz de replicar a mesma ação ou elemento várias vezes, e ainda ser capaz de suportar o usuário com a tarefa.

Visuais

Tipografia, cores, espaço, grade, tamanho e posições. Esses elementos precisam ser definidos em um local central e usados ??no sistema que você está projetando.

Definir hierarquia visual forte, as coisas mais importantes são maiores que as menos importantes. Use a mesma paleta de cores em todo o produto. Preenchimento e margens precisam ser consistentes em todos os elementos similares ( botões, cartões e etc. ). Tudo deve ser pedido em uma grade de sua escolha que permita o arranjo de todos os componentes de maneira agradável e estética.

Ter visuais consistentes permitirá que o usuário aprenda o sistema rapidamente e tenha uma experiência tranquila. Seu design ganhará bom Feng Shui quando você usar visuais consistentes. 🙂

Aqui está uma boa fonte com exemplos de diretrizes de estilo:

Exemplos
Uma coleção colaborativa de recursos para criação de Guias de Estilo Front-End e Bibliotecas de Padrões styleguides.io

Voz e tom

A linguagem e o tom que você usa em todo o fluxo do usuário influenciam como o usuário percebe o produto. Mantenha a voz e o tom consistentes, de modo que pareça uma voz falando com o usuário. Nós não queremos que eles ouçam muitas vozes, não é? 🙂

Se você quiser manter a voz engraçada e amigável em seu design de produto, mantenha-o até as mensagens de erro e falha. O MailChimp é um bom exemplo de voz e tom consistentes.

http://styleguide.mailchimp.com/voice-and-tone/

Use padrões familiares

As pessoas que usarão nossos designs sejam digitais ou não, já existem há algum tempo. Isso significa que eles experimentaram e aprenderam outros projetos e conhecem os padrões usados ??neles.

http://www.mobile-patterns.com/

Devemos aproveitar isso e incorporar padrões familiares em nossos projetos. A jornada do usuário será muito mais suave e as pessoas nem vão parar para pensar “Hmm, como eu uso isso?”, Elas vão usá-lo diretamente.

Aqui estão duas boas fontes para pesquisar padrões de muitos:

Padrões Móveis
Uma biblioteca de capturas de tela do iOS e do Android para designers e desenvolvedores fazerem referência. www.mobile-patterns.com
Padrões de design
Há muito tempo é prática comum no design de software usar bibliotecas de soluções recorrentes para resolver problemas comuns em… ui-patterns.com

Dobre a consistência, não quebre

Você pode argumentar que a consistência poderia aborrecer o usuário. Se mantivermos as coisas sempre consistentes, quase não haverá inovação.

Primeiro precisamos aprender as regras antes de dobrá-las. Sim, não dobre! Consistência quebrada é igual a design quebrado e experiência do usuário.

É uma dor tanto para o usuário quanto para a organização. Processo de design fica mais lento. Toneladas de dinheiro se queimam para pagar as pessoas para discutir em salas de reunião sobre qual cor é melhor para aquele botão. Todo mundo perde um tempo precioso para tomar decisões que já deveriam ter sido tomadas e agora são reutilizadas.

Designers devem preservar e construir a consistência, tanto quanto possível.

Manter as coisas consistentes significa que a mudança será retardada. Ainda assim, precisamos que nosso produto seja agradável e prazeroso. Precisamos que eles evoluam para uma versão melhor.

Então, como nos mantemos consistentes e ainda chegamos onde queremos estar e impulsionamos a mudança?

O "segredo" está em entender seus usuários. Todas as suas decisões de design devem vir desse entendimento. Faça ajustes no sistema de design já estabelecido e consistente somente quando eles forem informados pelas necessidades do usuário. Fazer essas pequenas alterações irá evoluir o produto para uma versão melhor e manterá a consistência.

Pensamentos finais

Alinhe seu design com as expectativas do usuário. Conheça seus usuários como você conhece seu parceiro. Ser capaz de olhar através de seus olhos e sentir através de seus corações. Torne-se um com eles.

Combine isso com grande compreensão dos fundamentos do design como hierarquia visual, tipografia, padrões de usabilidade e etc. Lembre-se, pouca mudança é boa, mais mudança não é necessariamente melhor!

Crie consistência para melhorar a usabilidade e criar prazer, reduzindo surpresas indesejáveis.

Apelo à ação

Se você achou este artigo útil, toque em ? para que outros também possam apreciá-lo.

Obrigado pelo seu tempo! Conecte-se comigo no LinkedIn e no Twitter .