GUI Psychology. Nossa percepção de informações e imagens

Público-alvo : testadores, designers, analistas, frontend dev, #for easy development

Sobre mim:
Olá pessoal. Meu nome é Lena, trabalho com controle de qualidade há pouco mais de três anos. Em testes, encontrei vários projetos, de software bancário e aplicativos móveis a sites comerciais e corporativos.

No meu projeto atual , os requisitos para a GUI estavam em segundo lugar, após a utilidade dos recursos introduzidos para o usuário, respectivamente, às vezes até os defeitos triviais do #perfectionismcontact eram corrigidos. É claro que, avaliando racionalmente o projeto, não posso dizer que ele foi escrito de acordo com todos os cânones da usabilidade, e poucas pessoas podem se gabar, pois muitas vezes tudo depende do lado financeiro da questão para redesenhar e reduzir a funcionalidade ... Mas! Avaliações positivas de usuários indicaram que estávamos no caminho certo.

Consequentemente, uma certa quantidade de conhecimento acumulou que eu queria compartilhar. Vamos começar.

Se fizermos uma classificação generalizada dos sites, obteremos o seguinte:



Mesmo que seu site não tenha fins lucrativos, você ainda está interessado no público, certo?

E se você tem seu próprio negócio, para manter sua reputação comercial, você estará interessado em aumentar o volume do público de seus recursos, aumentar conversões, SMM e outras coisas da moda, mas para atingir todos esses objetivos, primeiro é necessário ter um conteúdo interessante e amigável).

Eu diria que para sites especializados nos nichos listados abaixo:

• comércio (bens, serviços, quadros de mensagens - o que gera lucro),
• sites - cartões de visita de empresas (promoções),
• sites corporativos (face da empresa).

Conceitos como usabilidade e design bem projetado desempenham um papel fundamental.

Abaixo, coletaremos recomendações gerais sobre como escrever a interface do seu site de maneira com qualidade, para que o usuário subconscientemente a perceba da maneira que precisamos # magic

Facilite o rastreamento das páginas

Na maioria dos casos, os visitantes olham para a página, visualizam parte do texto e clicam no primeiro link que atrai sua atenção ou se assemelham indiretamente ao que estão procurando.

Portanto, nosso cérebro está organizado para que a percepção da informação seja construída no sentido horário. Sem vícios na vida, uma pessoa é canhota ou destra. Algo assim se parece com isso:



Ou seja, no centro, colocamos o conteúdo principal, é fácil e, sem explicação, é claro. Ao colocar o menu (ou catálogo de produtos) no lado esquerdo do site, chamamos o usuário à ação, ele mudaria o olhar ainda mais, mas aqui prendemos sua atenção.
Você também pode usar a zona cega - por exemplo, exibir os resultados da pesquisa no site que o usuário estava procurando.

O ponto principal é que as informações que queremos transmitir ao usuário primeiro, para que ele se lembre, são 12, 3 e 4 horas.

As informações que solicitam a ação do usuário são melhor colocadas em 6 e 9 horas.

Não sobrecarregue formulários da web

A lei de Hick => dependência experimentalmente estabelecida do tempo de reação de escolha do número de sinais alternativos. O psicólogo até deduziu a função logarítmica do tempo de reação # mas isso é muito complicado

Em palavras simples: quanto menos itens de menu, menos tempo leva para selecionar um deles. E também esse menu é melhor que dois. Fornecer ao usuário várias opções ao mesmo tempo geralmente é mais eficaz do que organizar as mesmas opções em grupos hierárquicos. A escolha de um menu, composto por 8 elementos, é mais rápida do que de dois menus compostos por 4 elementos cada.

As habilidades do nosso cérebro não são ilimitadas, e uma pessoa pode manter de 5 a 9 entidades na memória de curto prazo. Portanto, não coloque mais de 8 formulários em uma página.

Ao remover opções desnecessárias, você aumenta a eficiência do uso do produto (no nosso caso, o site).

Dê mais espaço

O espaço livre nem sempre é ruim, mas o contrário: melhora a percepção da informação e do entendimento, concentra o usuário no que ele precisa.

O “ar” entre os elementos separa visualmente o layout e as informações do site em seções, prestando atenção ao mais importante. As áreas que permanecem vazias são visualmente agradáveis ​​aos olhos. Assim, o uso correto do espaço livre permitirá facilitar a navegação no site, torná-lo conveniente, legível e gentilmente levar o usuário à ação, aumentando a conversão do serviço.

As alterações não devem causar uma diferença perceptível (ou lei de Weber)

Usando o Facebook?

Nos últimos 5 anos desde que me registrei lá, não vi nenhuma alteração tangível. Por que o Facebook mantém todos os elementos-chave de seu design? A resposta a esta pergunta explica por que todos os principais sites, incluindo Google, Twitter e Amazon, apesar de seus grandes orçamentos, não realizam reformulações radicais.

Estudos mostram que não gostamos da grande mudança nas estruturas e sistemas existentes, mesmo que essas mudanças nos beneficiem.

Simplificando, a lei de Weber, combinada com a nossa aversão natural à mudança, mostra que a melhor maneira de nos aproximarmos do redesenho é fazê-lo de maneira tão discreta quanto parece engraçada agora, ou seja, pontualmente, mudando um pouco aqui e ali gradualmente. Assim, você salvará a conversão do seu site o máximo possível, e uma parte significativa do público já se acostumará ao redesenho antes de concluí-lo completamente.

E o comportamento?

O tempo médio que um novo usuário passa no site pela primeira vez em busca das informações de que ele precisa é de cerca de 27 segundos. Ao mesmo tempo, apenas 20% de todo o público rolará a página (80% não fará isso). Há também uma regra de 3 cliques, que declara que: o usuário deve encontrar todas as informações necessárias com 3 cliques do mouse. Obviamente, nem sempre os sites, por sua especificidade, possuem uma estrutura simples. Se o seu recurso da web tiver muitas categorias e subcategorias, você deve esquecer esta regra de "três cliques" e voltar sua atenção para garantir a intuitividade e a ordem lógica do sistema.

No total, as recomendações acima podem ser ajustadas nos seguintes pontos:

• Coloque o conteúdo ou os elementos mais importantes onde os usuários o veem, evitando "pontos cegos"
• Torne óbvias as ações que os usuários devem executar em cada página, não faça os usuários pensarem (c)
• Decida quais elementos da página são de maior prioridade. Crie uma hierarquia visual que primeiro direcione o usuário a eles
• Livre-se de qualquer coisa que não dê uma contribuição real.
• Formate o texto para dar suporte à facilidade de percepção: use um grande número de títulos, reduza parágrafos e use listas com marcadores e lembre-se de que as fontes gráficas são lidas muito mais lentamente pelo usuário.
• Forneça aos clientes apenas as informações necessárias atualmente em cada página e permita que eles escolham por si próprios se desejam mais detalhes.

Este artigo contém minhas observações práticas, elas não são uma instrução clara para execução, mas realmente funcionam. Toquei apenas na ponta do iceberg do conhecimento sobre a psicologia do usuário em relação à percepção da informação, mas espero que minhas dicas sejam úteis).

para ser continuado ...