Amaioria dos usuários só percebe o design da IU de um aplicativo ou software quando algo dá errado. Por esse motivo, podemos dizer que um bom design de IU é quase invisível, deixando o usuário livre para começar a trabalhar sem interrupção. E, por mais diversificados que os projetos de design de IU possam ser, todos os bons exemplos de design de IU tendem a seguir as mesmas regras básicas de ouro.
Neste artigo, examinamos os princípios de design de IU mais importantes a serem seguidos para uma experiência do usuário totalmente contínua – e virtualmente imperceptível.
10 princípios essenciais de design de IU
Um design de interface de usuário eficaz consiste em remover o máximo possível de obstáculos, gargalos, obstáculos e possíveis causas de confusão a partir da experiência do usuário. Acima de tudo, o objetivo é criar um ambiente que todos os usuários considerem fluido e intuitivo para navegar; permitindo que alcancem seus objetivos com o mínimo de barulho.
Cada projeto de design de interface do usuário é diferente, é claro. Especialmente quando se trata de detalhes mais sutis. E o que funciona para um aplicativo móvel, por exemplo, não será necessariamente a solução certa para software de desktop ou site. Ainda assim, os princípios gerais de um bom design de IU permanecem consistentes em todas as plataformas e projetos.
O que se segue é uma série de princípios fundamentais de design de IU que podem – de fato devem – ser aplicados a quase todos os projetos de design de IU em que você trabalha. Ignore essas regras de ouro por sua conta e risco!
- 1. Mantenha o design da IU simples
- 2. Prever e antecipar
- 3. Coloque o usuário no assento do motorista
- 4. Seja metódico e consistente
- 5. Evite complexidade desnecessária
- 6. Forneça sinalizações claras
- 7. Seja tolerante com os erros
- 8. Dê feedback relevante
- 9. Priorizar funções
- 10. Projete a IU para acessibilidade
1. Mantenha o design da IU simples
O processo de design da IU geralmente é divertido. E assim deve ser. Mas é importante ter em mente seus objetivos, e a satisfação pessoal de um designer deve estar sempre no final da lista.
Talvez o mais importante de todos os principais princípios de design da IU seja simplesmente não esquecer para quem você está projetando e por quê. Um bom design de IU é prático; nunca decorativo. O design auto-indulgente ou excessivamente formalista só cria ruído desnecessário; distração dos elementos que são realmente relevantes para o usuário.Se parte de seu design de IU não serve a nenhum propósito prático para o usuário, ela não deveria estar lá.
Limpe seu design de volta ao essencial. Todo crescimento supérfluo deve ser cortado, deixando apenas aqueles elementos que são absolutamente necessários. Se parte de seu design de IU não serve a nenhum propósito prático para o usuário, mas apenas satisfaz sua fantasia criativa, ela não deveria estar lá.
2. Prever e antecipar
Mas como saber o que é relevante para o usuário? Bem, uma das primeiras etapas de design de IU a ser executada é certificar-se de que você entendeu totalmente o usuário e as necessidades dele. Depois de conseguir isso, você poderá prever o que o usuário fará a seguir.
Agora você pode fornecer ao usuário exatamente as ferramentas, informações e recursos de que ele precisa. E exatamente quando eles precisam. Alternativamente, se isso não coincidir com o que você deseja que o usuário faça, você pode antecipar seu comportamento alterando uma parte anterior do design para que ele os conduza em uma direção totalmente diferente desde o início.
3. Coloque o usuário no assento do motorista
Os usuários devem se sentir totalmente no controle – estejam eles realmente no controle ou não. Isso significa fazer com que a IU desapareça do plano de fundo. Deve sempre estar lá quando o usuário precisar, é claro. E exatamente onde eles esperam que esteja, também. Mas ninguém deve sentir que a interface o está forçando a uma determinada ação ou tomando decisões por ele. Mesmo que em alguns casos isso possa ser exatamente o que está acontecendo.
4. Seja metódico e consistente
Um dos conceitos de design de IU mais básicos para dominar é simplesmente ser consistente. Não apenas internamente – ou seja, em sua própria plataforma – mas também com os padrões da indústria empregados em outros lugares. Bons projetos de design de IU não reinventam a roda; eles melhoram nisso. Somos todos a favor da inovação, quando necessário. Mas como se costuma dizer, “se não está quebrado, não conserte”.
Na verdade, mesmo que esteja quebrado, você pode não querer consertá-lo de qualquer maneira. Considere isto; sua ideia pode ser objetivamente “melhor” – ou seja, mais lógica – mas se não for o que os usuários esperam encontrar, isso apenas os confundirá. E na prática isso não é “melhor” de forma alguma.
Essa regra se aplica a tudo, desde padrões até terminologia. Em caso de dúvida, siga o que é mais amplamente compreendido.
Dito isso, quando funções novas ou incomuns são introduzidas, pode ser igualmente importante diferenciá-las do que existia antes. E talvez a melhor maneira de conseguir isso seja quebrar um dos nossos próprios princípios sagrados de design de IU; empregar a inconsistência como forma de destacar características importantes e inovadoras. Apenas tenha em mente que inconsistência deliberada é muito diferente de comportamento desleixado ou errático.
5. Evite complexidade desnecessária no design da IU
Tenha como objetivo o número mínimo de etapas e telas possíveis em todos os momentos. Use sobreposições, como folhas de fundo e janelas modais para condensar os dados e reduzir a pegada do seu aplicativo.
Ao mesmo tempo, certifique-se de organizar as informações de forma lógica, autônoma e independente. Na verdade, uma das regras de ouro do design de IU é sempre agrupar tarefas e subtarefas, não apenas tematicamente, mas também de uma maneira totalmente prática.
Acima de tudo, não esconda subtarefas em páginas onde ninguém pensaria em procurá-las. Ninguém espera encontrar o chuveiro na cozinha, a TV no banheiro ou o armário do quintal. Organize as telas e seu conteúdo de acordo com uma taxonomia clara e lógica.Tenha como objetivo o número mínimo de etapas e telas possíveis em todos os momentos.
Da mesma forma, sempre reduza ao mínimo absoluto o número de etapas necessárias para concluir uma tarefa. Não envie os usuários através de uma tediosa corrida de obstáculos de cliques quando apenas uma ou duas ações bastam. Um dos princípios de design de IU mais práticos, a regra de três cliques , afirma que um usuário deve ser capaz de realizar qualquer ação ou acessar qualquer informação necessária clicando no máximo três vezes em qualquer lugar do aplicativo.
Acima de tudo, nunca peça aos usuários para inserir novamente as informações que já forneceram. Se você já teve a experiência em que um formulário excluiu todas as suas informações e fez você começar tudo de novo apenas porque você forneceu entrada incorreta em apenas um campo, você saberá que nada é mais provável de fazer um usuário jogar seu dispositivo contra a parede e desistir em vexame total.
6. Forneça sinalizações claras
O sexto dos nossos princípios essenciais de design de IU diz respeito ao layout intuitivo e à identificação clara das informações. Navegar em seu aplicativo não deve ser de forma alguma intimidante ou confuso, mesmo para usuários inexperientes. Em vez disso, a exploração da interface deve ser divertida e ocorrer quase inconscientemente.
Certifique-se de que a arquitetura da página seja simples, lógica e claramente sinalizada. Os usuários nunca devem ter dúvidas sobre onde estão no software, nem sobre o que precisam fazer para chegar a qualquer outro lugar que desejem.
Mas não coloque o fardo sobre o usuário de esperar que ele se lembre de como chegou à localização atual. Em vez disso, forneça pistas visuais para navegação sempre que necessário. Assim, Chapeuzinho Vermelho pode encontrar facilmente o caminho de volta para fora da floresta – sem medo de encontrar o Lobo Mau.
7. Seja tolerante com os erros
Erros acontecem. E os usuários mudam de ideia. Na verdade, se eles são novos no aplicativo, podem não estar totalmente certos de suas ações.
Não use isso contra os usuários; torne mais fácil voltar atrás sempre que necessário, implementando uma função desfazer / refazer rápida e indulgente. Isso não apenas ajudará a evitar a frustração de dados perdidos e tempo desperdiçado, mas também dará aos usuários a confiança para explorar seu aplicativo e fazer alterações sem medo de consequências negativas.
8. Dê feedback relevante
Mantenha os usuários informados sobre seu progresso. Forneça reconhecimento de que suas ações foram recebidas. Deixe-os saber que as coisas estão ocorrendo como deveriam. Ações grandes, importantes e / ou raras exigem grandes e importantes formas de feedback. Enquanto isso, ações menores e mais frequentes merecem formas menores de reconhecimento.Mantenha os usuários informados sobre seu progresso e forneça um reconhecimento de que suas ações foram recebidas.
Já enfatizamos que um dos fundamentos de design de IU mais importantes é simplesmente reduzir as informações ao mínimo. Mas poucas coisas são mais essenciais do que as informações de status, portanto, não force os usuários a procurá-las. As informações de status devem sempre ser facilmente acessíveis e totalmente precisas.
Os usuários devem saber exatamente o que está acontecendo o tempo todo, sem ter que procurar deliberadamente essas informações ou ficar se perguntando se o aplicativo parou de responder.
Ocasionalmente, ocorrem erros, é claro. E, quando o fizerem, os usuários devem ser informados sobre eles de maneira clara e fácil de entender. Uma mensagem dizendo “código de erro” seguida por uma série opaca de números não atende a essa descrição.
Em vez disso, explique qual é o problema; informar ao usuário o que ele precisa fazer a respeito; e ao escrever sua mensagem de erro, não descarte a possibilidade de que o erro tenha sido causado por um mau funcionamento do sistema, e não por qualquer falha do usuário.
9. Priorizar funções
A falha em criar uma hierarquia clara é um dos obstáculos mais comuns que impedem as pessoas de projetar uma IU verdadeiramente minimalista e simplificada.
Como já enfatizamos, cada item em cada tela deve ser absolutamente essencial para a experiência do usuário, com tudo o que é supérfluo retirado na fase de prototipagem. No entanto, mesmo entre esses itens essenciais, alguns serão inevitavelmente mais essenciais do que outros. E o nono dos nossos princípios de design de IU afirma que essa hierarquia deve ser claramente refletida no design de IU.
Talvez você já saiba que seus usuários irão preferir fazer X? E talvez você queira incentivá-los a fazer o Y também? Fácil; torne essas duas funções mais proeminentes do que Z. Isso pode ser tão simples quanto alterar o tamanho dos botões, texto ou outros elementos.
10. Projete a IU para acessibilidade
Não presuma que todos os usuários são exatamente como você e as pessoas que você conhece. Isso vale para tudo, desde conhecimento técnico e habilidades até visão de mundo.
Os aplicativos são usados por pessoas de origens culturais muito diferentes. Embora realisticamente não se possa esperar que você leve em consideração todas as variações possíveis nas convenções sociais e culturais, não presuma automaticamente que a maneira como você faz as coisas é a única maneira lógica de fazê-las. Por exemplo, em muitas partes do mundo as pessoas lêem da direita para a esquerda, portanto, colocar objetos da esquerda para a direita não fará necessariamente com que todos os usuários os encontrem da esquerda para a direita. Projete com perguntas em mente, não com respostas.
Mesmo coisas muito simples, como as cores que você usa, serão vistas de maneira diferente por pessoas diferentes. E este não é apenas um caso de diferenças subjetivas ou culturais; afinal, uma porção significativa da população mundial é daltônica.
Na verdade, embora as cores sejam um método válido de diferenciar elementos e funções de design de IU, você nunca deve depender apenas das cores para fazer isso. Em vez disso, combine cor com forma ou alguma outra variável para ajudar a diferenciar funções importantes de uma forma que seja válida para todos os usuários.
As regras de ouro do design de IU
Assim como tendemos a não notar o ar que respiramos até que seja contaminado ou até que nos falte ar, um bom design de interface do usuário cria um ambiente sem atrito no qual os usuários podem prosperar, mas o design em si quase desaparece de vista.
Os melhores designers sabem que seguir princípios simples de design de IU, como os que vimos acima, pode ajudar a criar uma interface de usuário mais eficaz, facilitando a interação a tal ponto que o usuário quase não percebe a IU. Aplique esses 10 fundamentos de design de IU ao seu próximo projeto e descubra por si mesmo o quão poderoso o design de IU pode ser bem-sucedido. ■