Design Interativo

A psicologia do design web

Os designers muitas vezes não levam tempo para aprender sobre como os princípios psicológicos básicos podem afetar a experiência que os visitantes têm nos sites que criam.

Os princípios psicológicos são considerados desnecessários ou muito complicados. Mas a verdade é que eles não são.

Não existem muitos conceitos associados à psicologia básica do design, e a maioria é relativamente direta e fácil de aprender.

Eles também são principalmente fáceis de implementar, embora alguns tenham um pouco mais de cuidado e planejamento do que outros.

Continue lendo para saber mais e deixe seus comentários e comentários no final deste post.

O propósito do design baseado em psicologia

Considerando psicologia em seu processo de design pode ter alguns efeitos positivos no seu resultado final. Se você dedicar um tempo para pensar sobre o que seus visitantes querem e como eles querem, então você já está no caminho certo para criar um site que vai explorar os impulsos psicológicos de seu público-alvo.

Ao considerar a psicologia do visitante, você provavelmente terá visitantes mais felizes, com maior probabilidade de realizar as ações que deseja, seja entrando em contato com você, comprando seu produto ou consultando seus amigos.

Essa é a principal razão para levar a psicologia em consideração em seus projetos. Você quer tornar mais provável que seus visitantes façam o que você deseja.

Construindo confiança

Para que seus visitantes façam o que você quer que eles façam, eles precisam confiar em você. A confiança não vem facilmente, especialmente nesta era de fraudes, esquemas e personagens desagradáveis ​​em quase todos os lugares que procuramos online.

Para alguém que sabe pouco sobre como a Internet realmente funciona, eles desconfiam de qualquer um que peça informações pessoais, não importa o quanto isso seja necessário ou o quão altamente recomendado é o site.

Como designers, muitas vezes ignoramos isso, pois estamos tão acostumados a realizar negócios on-line. Mas para nossos clientes e para seus clientes, a Internet ainda pode ser um grande e assustador buraco negro em que suas informações entram.

Com isso em mente, você pode usar a psicologia do design para tornar seu site mais confiável para o visitante médio. Criar um site que coloque os visitantes à vontade significa que eles estão mais propensos a se inscrever em uma conta, comprar um produto ou fazer negócios com você. Isso pode ser feito através de uma combinação de design e da linguagem usada no site.

Familiaridade e Padrões Reconhecíveis

Quando alguém chega a uma página em um site, há certas coisas que eles esperam ver imediatamente, praticamente independentemente do tipo de site em que estão.

Se eles não vêem essas coisas, muitas vezes sentem como se tivessem acabado em algum terreno estranho que não faz sentido para eles (e, portanto, não é confiável). As duas grandes coisas que as pessoas esperam são o objetivo do site (que pode ser qualquer coisa, desde fornecer informações sobre um determinado tópico até a venda de um produto até algo bonito) e alguma forma de navegação.

Enquanto linhas de tag podem ajudar a discernir o propósito, o design pode complementar e reforçar essa mensagem. Digamos, por exemplo, que você esteja criando um blog ambiental. Se o seu design é todo sombrio e chocante e tem um horizonte da cidade ao pôr do sol no cabeçalho, ele não nos dará nem mesmo o menor indício sobre qual é o propósito do site.

Por outro lado, se é um site limpo e moderno, com muitos detalhes verdes e naturais, isso reforça o fato de que este é um blog ambiental.

Além dos elementos que todos esperam encontrar em todos os sites, há coisas adicionais que as pessoas podem esperar em determinados tipos de sites ou em determinados setores. As pessoas esperam postagens de blog na primeira página de um blog. Eles esperam produtos na primeira página de um site de comércio eletrônico. Eles esperam uma função de pesquisa em qualquer site com mais de algumas páginas de profundidade. E na maioria dos casos, eles esperam algum tipo de informação “sobre” e uma página de contato.

Consistência de branding

Além dos elementos gerais que a maioria dos visitantes espera ver em um site, muitas vezes há coisas que os visitantes podem associar à sua empresa em particular. Embora isso possa não ser uma preocupação para um novo negócio ou para uma empresa muito pequena, é uma preocupação para muitos outros.

Pense nas cores que você usa em seus materiais promocionais off-line. Essas cores devem ser incorporadas em seu site de alguma forma, mesmo que seja apenas na imagem do cabeçalho ou como cores de destaque.

O mesmo vale para o seu logotipo. Se você usar um logotipo em seus materiais de marketing impressos, também precisará incluí-lo em seu site. Essas são coisas muito básicas, mas é surpreendente como muitas empresas ignoram a manutenção da consistência entre seus esforços de marketing on-line e off-line.

Gatilhos psicológicos

Os gatilhos psicológicos e emocionais são uma ferramenta valiosa para influenciar os visitantes a realizarem as ações que você deseja que eles realizem. Os gatilhos incluem coisas como culpa e medo, mas também um sentimento de pertencer e apelar para os valores das pessoas.

Incorporar gatilhos emocionais em seus projetos é mais comumente feito através da linguagem no próprio site, com elementos gráficos servindo como um sistema de suporte para esses gatilhos. Use imagens e gráficos que reforçam o gatilho que está sendo usado.

Imagens para reforçar conceitos

As imagens que você usa nos seus sites podem ajudar ou confundir os visitantes. Uma imagem bem escolhida pode deixar seu visitante à vontade, deixando sua intenção clara. Um mal escolhido pode deixá-los coçando a cabeça e sentindo como se estivessem caindo naquele buraco negro novamente.

Esta foto de um hipopótamo na Disney World não tem absolutamente nada a ver com este post e só serve para confundir as coisas.

Imagens abstratas podem às vezes funcionar bem, mas tenha cuidado em usá-las se o significado delas for vital. Às vezes, uma imagem abstrata terá significados diferentes para pessoas diferentes, ou o significado será completamente esquecido.

Psicologia das Cores

A psicologia da cor é um dos assuntos mais complexos da psicologia do design, e não algo que aprofundaremos aqui. Mas as cores que você usa podem ter um grande impacto na maneira como seus visitantes percebem seu site. Certifique-se de que as cores selecionadas reforçam sua mensagem e a imagem que você deseja retratar.

Abaixo está uma lista básica de cores e seus significados. Naturalmente, as combinações de cores que você usa junto com sua tonalidade, matiz ou tom exato também terão um impacto sobre o significado delas.

  • Vermelho
    Ardente e apaixonado, pode representar amor e raiva.
  • laranja
    Compartilha atributos de vermelho e amarelo. Associado com energia e calor. É mais calmo que vermelho e mais alegre.
  • Amarelo
    Uma cor quente e feliz. Pode representar alegria ou covardia.
  • Verde
    Significa natureza, crescimento e renovação. Na mesma linha, o verde às vezes pode representar inexperiência. Por outro lado, o verde às vezes é associado a inveja ou ciúme.
  • Azul
    Calmante e legal, mas muito pode ser deprimente. Frequentemente associado a imagens corporativas.
  • Violeta roxa
    Há muito associado à realeza e riqueza. É também uma cor espiritual e é pensada para ser criativa.
  • Preto
    Um pouco de camaleão, pode ser conservador ou ousado, tradicional ou moderno. Pode ser misterioso e sexy ou convencional e seguro, dependendo de como é usado.
  • Branco
    Associado com pureza e inocência. Vai bem com qualquer outra cor.
  • cinzento
    Neutra e equilibrada. Gray é conservador e sofisticado, mas também pode ser visto como mal-humorado.
  • Castanho
    Uma cor saudável e realista que denota estabilidade e confiabilidade.

Padrões de Leitura

As pessoas tendem a ler em um padrão "Z" em um site, começando na parte superior a partir da esquerda e terminando no canto inferior direito da tela.

Como designer, você deve se esforçar para colocar o conteúdo mais importante dentro dessa área de padrão de leitura. É por isso que muitos sites incluem o logotipo no canto superior esquerdo do cabeçalho.

A incorporação de informações não essenciais dentro dessa zona de leitura significa que seus visitantes podem sair do site antes de encontrar o que estão procurando, pois podem achar que ele não está presente em seu site.

Foco de cada página

Todas as páginas do seu site devem ter foco. Deve haver um propósito em todas as páginas, seja para mostrar um produto, falar sobre sua empresa ou divulgar notícias recentes.

Seu design precisa enfatizar o elemento focal de cada página. O foco de cada página também deve ser imediatamente aparente, para que os visitantes saibam o que estão fazendo lá. Isso pode ser feito por meio de dicas na navegação ou por meio de um cabeçalho, além do conteúdo da página.

Uma das maiores marcas de um site amador é tentar colocar muita informação em cada página. Não tenha medo de espaços em branco nas suas páginas e não tenha medo de ter um objetivo definido para cada uma das páginas do seu site.

Espaço para respirar

Isso nos leva ao conceito de espaço em branco e espaço para respirar. Se um visitante chega em uma página desordenada cheia de todas as coisas possíveis imagináveis, eles vão se sentir sobrecarregados e claustrofóbicos.

É provável que a página se sinta ao acaso e caótica. Isso deixa os visitantes se sentindo como se não soubessem por onde começar, o que significa que eles podem simplesmente ignorar completamente o seu site e passar para um local onde tenham espaço para respirar.

Permita que o espaço negativo em seu site direcione seus visitantes para as áreas em que você deseja que eles se concentrem. Combinando espaço vazio e elementos com estilo e proporção adequados, você pode incentivar seus visitantes a olhar para uma determinada coisa e realizar uma ação desejada.

Passos para Incorporar a Psicologia do Design

Agora que você está familiarizado com o que é a psicologia do design e o que significa design para web, você pode estar se perguntando como, exatamente, você deve incorporá-la ao seu próprio processo de design. Aqui estão algumas técnicas que você pode usar:

Descobrir quem são seus visitantes
Saber quem são seus visitantes é um primeiro passo muito importante na criação de um site que os atraia. Se os seus visitantes são veteranos da Internet interessados ​​em tecnologia, eles terão um conjunto diferente de prioridades do que alguém que só acessa a Internet para ver fotos de seus netos. Descubra quem é seu usuário-alvo e depois descubra quais gatilhos emocionais funcionarão para eles.

Entreviste seus usuários
Se você não tem certeza do que seus usuários ou visitantes querem, tente entrevistar alguns deles. Encontre clientes atuais ou antigos e veja se eles estariam dispostos a responder a algumas perguntas sobre seu site. Em seguida, crie perguntas significativas com base nos objetivos específicos do seu próprio site. Mais importante ainda, atue nos conselhos que eles lhe dão. Demasiadas vezes, as empresas fazem entrevistas ou inquéritos, mas nunca fazem alterações com base no que lhes é dito.

Crie um Sitemap para o seu site
Você precisa criar um mapa de todas as páginas do seu site para garantir que cada página tenha apenas um foco. Faça uma lista de tudo o que precisa estar em seu site, primeiro, e então mapeie em qual página cada item deve ir (idealmente, deve ser uma página por item, a menos que as coisas estejam muito, muito relacionadas).

Monte seus elementos de branding
Faça uma lista ou crie um arquivo dos elementos comuns usados ​​para representar sua marca. Provavelmente, isso incluiria um logotipo, um esquema de cores e possivelmente um tipo particular de letra. Em seguida, descubra onde incorporá-los ao design do seu site.

Faça um teste A / B
Mesmo que você faça isso de forma limitada, é importante descobrir quais elementos do site funcionam melhor. Se você não tiver certeza do que seus visitantes ficariam mais confortáveis ​​com uma determinada página, teste-a com duas versões para ver qual obtém melhores resultados.

A psicologia do design é algo que todo designer deve se esforçar para aprender mais e incorporar em seu fluxo de trabalho. Pode ser o maior fator em quão efetivos são seus projetos e como seus clientes são felizes como resultado. Não leva muito tempo e não é particularmente difícil, então não há realmente nenhuma desculpa para não pegar pelo menos alguns desses princípios e colocá-los em prática.

Mais recursos


Escrito exclusivamente para WDD por Cameron Chapman

Você mantém os princípios psicológicos em mente ao fazer seu trabalho de design? Quais são os mais usados ​​em seu trabalho e por quê?

desenhar Designer de Web psicologia