11 set Como a psicologia pode melhorar o design das interfaces

Fazemos uso de muitos aplicativos para dispositivos móveis, como gerenciadores de tarefas, produtividade e de planejamentos que oferecem diversos recursos. Podemos não perceber, mas as leis da psicologia desempenham um papel importante na nossa experiência com um aplicativo. Elas servem como guia, juntamente com conceitos de design visual, pra gerar um produto funcional e que satisfaça as expectativas do usuário.

Conforme documentado em Laws of UX por Jon Yablonski, existem 15 regras que devem ser utilizadas para o desenvolvimento de interfaces, e neste artigo, mostrarei como algumas dessas leis podem ser aplicadas para interfaces em dispositivos móveis.

 

Lei de Fitts

“O tempo para interagir com um alvo é relacionado a distância e tamanho dele”. Para os elementos serem facilmente selecionáveis, eles devem ser posicionados perto dos usuários. Esta lei aplica-se especialmente aos botões, onde o objetivo é facilitar a localização e seleção.

Um aplicativo que segue essa lei corretamente é o Gmail. Pode-se perceber que o botão para escrever um novo e-mail fica posicionado na parte de baixo da tela, ao alcance dos polegares. A cor do botão também cria um bom contraste com os outros elementos, atraindo a atenção do usuário para ele.

Interface do Gmail

 

Lei de Hick

“O tempo que usuário leva para tomar uma decisão aumenta com o número e a complexidade das escolhas mostradas para ele”. Mais opções resultam em mais tempo para pensar sobre essas escolhas e tomar uma decisão, por isso é recomendado simplificar as opções para o usuário dividindo tarefas complexas em etapas menores.

Pelo fato de celulares terem telas menores, essa lei pode ser aplicada para aplicativos de e-commerce e viagens, onde são necessários uma série de passos para concluir uma compra. Nesse caso, é preciso ter um indicador na interface para que o usuário saiba em qual etapa do processo ele se encontra.

Interface do aplicativo Decolar.com

 

Lei de Jakob

“Os usuários que tem experiência em outras interfaces, desejam que a sua funcione de uma maneira parecida com a que eles já conhecem”. Isso significa que eles preferem aplicativos semelhantes aos que utilizam e já estão familiarizados. Por isso, podemos simplificar o processo de aprendizado fornecendo padrões de design familiares. Um padrão que muitos aplicativos utilizam é o menu hamburger para itens de navegação, que é comumente posicionado ao lado esquerdo da tela.

 Interfaces dos aplicativos da Submarino e Uber

 

Lei de Prägnanz

“Os usuários percebem formas complexas da maneira mais simples possível, porque é a interpretação que requer menos esforço mental”. Interfaces que possuem elementos visuais mais simples, também são mais fáceis de serem utilizadas e cumprem com seu propósito.

Essa lei também é conhecida como Lei da Simplicidade e é bastante aplicada para aplicativos móveis, pois seguindo esses padrões é possível construir uma interface agradável e com uma boa usabilidade. O aplicativo da Nubank sabe muito bem como utilizar a simplicidade a seu favor, focando em interações que surpreendem os usuários.

Interface do aplicativo da Nubank

 

Lei da Proximidade

“Objetos próximos tendem a se unir e, na experiência do usuário, são entendidos como membros do mesmo grupo”. Essa lei enfatiza que se você está lidando com um grupo de dados, todos os dados que entendemos que correspondem ao mesmo grupo devem estar juntos, e para os dados diferentes, deve haver uma separação entre eles. Em aplicativos como o Google Play, onde temos uma quantidade maior de dados relacionados, eles são agrupados lado a lado como uma mesma categoria.

Interface do Google Play

 

Lei da Similaridade

“Os elementos que parecem semelhantes são percebidos como uma unidade”. Então, elementos que possuem, por exemplo, a mesma cor, formato ou outras características comuns são vistos como partes do mesmo conjunto. Essa lei pode ser muito útil para agrupar elementos que pertencem a uma categoria e garantir a conformidade entre os elementos de todo o aplicativo. Em uma das atualizações do Instagram, foi adicionada uma lista de categorias para as postagens, dando liberdade para que o usuário escolha o conteúdo que ele deseja ver.

Interface do Instagram

 

Efeito Von Restorff

“Quando vários objetos similares estão presentes, o que se diferencia é mais provável de ser lembrado”. Esse efeito também é conhecido como o Efeito de Isolação e é aplicado em interfaces quando precisamos destacar alguma funcionalidade, e também para mostrar uma nova mensagem ou notificação para o usuário. Um fator que auxilia a aplicação dessa lei é a mudança de cor ou estilo em algum local da interface. Nas notificações dos aplicativos, geralmente é utilizada a cor vermelha em cima do ícone para atrair a atenção do usuário para algo novo.

Interface do ZenUI

 

Posição Serial

“Entre os elementos de uma série, os usuários sempre se lembrarão melhor do primeiro e do último.” Essa é a razão pela qual vemos que na barra de navegação dos aplicativos, as ações mais importantes são colocadas à esquerda ou à direita, introduzindo elementos como início ou perfil levando em consideração a posição serial.

Interfaces dos aplicativos do Linkedin e Instagram

 

Lei de Miller

“Uma pessoa em média só pode manter 7 (com margem de 2 para mais ou menos) itens em sua memória de trabalho”. Para facilitar a lembrança dos elementos, pode-se organiza-los em grupos com uma quantidade menor de itens, como é o caso das listas de séries do aplicativo da Netflix, onde temos uma quantidade de itens reduzida e fácil de ser lembrada.

Interface do aplicativo da Netflix

 

Conclusão

Entender como o usuário pensa e se comporta é primordial, pois possibilita o desenvolvimento de um produto que ofereça uma boa experiência de uso, atraindo o usuário a utilizá-lo mais vezes. Com a competitividade atual de aplicativos no mercado, muitas vezes uma experiência de uso melhor é um fator crucial para a escolha e fidelização do usuário. Tendo um desenvolvimento com base nessas leis, pode-se garantir que o aplicativo gere valor para o usuário e atinja suas expectativas.

 

…

Fonte (adaptado):
UI Lab