O que são os princípios da Gestalt & Como aplicá-los

Uma das teorias psicológicas mais influentes nos domínios da experiência do utilizador e do design de interacção é a teoria da Gestalt. A teoria foi fundada por psicólogos alemães e a palavra "Gestalt" significa forma ou forma Como o nome indica, a ideia subjacente aos princípios da Gestalt é a de que os seres humanos percepcionam grupos de objectos como padrões e não como objectos individuais.

Existem muitos artigos sobre os princípios da Gestalt, mas poucos ajudam a compreender como aplicá-los no seu trabalho como designer de UX/UI. Este artigo dá-lhe algumas ideias sobre como utilizar os princípios da Gestalt para criar melhores designs de UX e UI que ajudarão as pessoas a atingir os seus objectivos com menos esforço.

A lei da semelhança

O princípio da semelhança afirma que, quando os objectos são fisicamente semelhantes, tendemos a agrupá-los e assumir que têm o mesma funcionalidade Por exemplo, na imagem abaixo é muito fácil distinguir a linha que contém os círculos vermelho-vinho do resto da imagem devido à sua cor diferente.

Um exemplo do princípio da semelhança. Foto do autor.

Utilizar a semelhança no design UX e UI

Imaginemos que a sua empresa desenvolveu uma aplicação chamada "Il Mio Chef", que é utilizada por aficionados da comida italiana nos EUA e no Canadá (vamos utilizá-la no resto deste artigo). Um relatório recente que o seu investigador de experiência do utilizador lhe entregou afirma que, quando se trata de encomendar comida italiana, os utilizadores preocupam-se sobretudo com os restaurantes mais próximos.lasanha ou pizza entregue enquanto ainda está fresca e quente, não é verdade?

Para facilitar a tarefa de ajudar os utilizadores da nossa aplicação a verem quais os restaurantes mais próximos, podemos utilizar o princípio da semelhança, destacando esses restaurantes na IU. Na imagem abaixo, pode ver como destacar estas opções a amarelo (à direita) faz uma grande diferença, realçando visualmente a diferença entre os restaurantes mais próximos e os mais distantes.pode utilizar o princípio da semelhança para ajudar os seus utilizadores a encontrar rapidamente o que procuram.

Utilizando o princípio da semelhança da Gestalt. Imagem do autor.

A lei da proximidade

O princípio da proximidade estabelece que os objectos que estão localizados perto uns dos outros parecem estar mais relacionados Por exemplo, a primeira imagem e a segunda imagem têm a mesma quantidade de círculos, mas na segunda imagem algumas colunas estão mais próximas umas das outras, dando a impressão de que existem três grupos distintos em vez de um grande grupo.

Proximidade - exemplo 1 - um grande grupo Imagem do autor.

Proximidade - exemplo 2 - três grupos distintos Imagem do autor.

Utilizar a proximidade no design UX e UI

Vejamos um exemplo no domínio da visualização de informações.

Desta vez, imaginemos que é um executivo que pretende ver o desempenho da sua aplicação "Il Mio Chef". Pretende analisar os KPI que medem o desempenho financeiro, o envolvimento dos utilizadores e a satisfação. No início, o seu especialista em visualização de informações cria o painel de controlo abaixo que faz com que você e todos os outros executivos se percam nos números e façam ainda mais perguntas.deixar de utilizar este painel de controlo.

Painel de controlo dos KPI - Il Mio Chef Imagem do autor.

Nesta altura, regressa ao seu especialista em visualização de informações e pede-lhe que facilite a compreensão do panorama geral, redesenhando o painel de controlo. O princípio da proximidade é útil neste caso, e pode ver o novo design abaixo. Contém três grupos divididos pelo tipo de KPI e ajuda toda a gente a compreender o desempenho da aplicação em termos financeirosAgrupar objectos e utilizar mais espaço em branco entre os grupos pode ajudar os seus utilizadores a digerir a informação mais rapidamente.

Utilização do princípio da proximidade da Gestalt na concepção de painéis de instrumentos. Imagem do autor.

A lei da continuidade

O princípio da continuidade afirma que, quando o olho começa a seguir um objecto, continuará a seguir o "movimento" nessa direcção até encontrar outro objecto. Este movimento ajuda-nos a perceber o objecto como parte do mesmo caminho que temos de percorrer para encontrar informações. A imagem abaixo mostra como podemos utilizar o princípio da continuidade para criar padrões visuais que orientam oolho numa determinada direcção.

Um exemplo do princípio da continuidade. Imagem do autor.

Utilizar a continuidade no design UX e UI

O seu investigador de experiência do utilizador apresentou um novo relatório que mostra que a principal motivação para os utilizadores utilizarem a aplicação "Il Mio Chef" é a exploração de alimentos, uma vez que lhes permite aceder a novos restaurantes de comida italiana todas as semanas.média para ver quais são as opções disponíveis.

Utilizando o princípio da continuidade (lado direito da imagem abaixo), o seu UX designer ajudou a aumentar esse número para cerca de 10 passagens, em média. Como é que isso aconteceu? Escondendo parte da imagem e realçando o facto de ser necessário passar o dedo para a esquerda ou para a direita para ver o que está lá dentro, os olhos dos utilizadores foram guiados para criarem literalmente o movimento de "passar o dedo" e ficaram mais motivados para explorar mais restaurantes eIsto é algo que a concepção anterior não o motivava de todo a fazer, mesmo que já estivesse intrinsecamente motivado para o fazer.

Utilizar o princípio da continuidade da Gestalt no design UX/UI. Imagem do autor.

Em suma A utilização dos princípios da Gestalt apresentados neste artigo no seu design de UX e UI pode ajudar os seus utilizadores a encontrar informação mais rapidamente e a digeri-la melhor. Além disso, pode aumentar a sua satisfação com o seu produto, motivando-os a realizar as acções de que mais gostam.

‍

A capa inclui um trabalho artístico de Miklos Philips, editado no Vectornator.