As primeiras impressões são importantes: por que um bom design visual é essencial

As pessoas fazem julgamentos precipitados. Leva apenas 1/10 de segundo para formar uma primeira impressão sobre uma pessoa. Os sites não são diferentes.

Demora cerca de 50 milissegundos (ms) (0,05 segundos) para os usuários formarem uma opinião sobre o seu site que determina se eles ficarão ou sairão.

Este número vem de estudos específicos. No primeiro estudo, os participantes avaliaram duas vezes o apelo visual das homepages da web apresentadas por 500 ms cada. Em um estudo de acompanhamento, eles reduziram o tempo de exposição para 50 ms.

Durante todo o tempo, as classificações de apelo visual correlacionaram-se altamente de uma fase para a próxima, assim como as correlações entre as condições de 50 ms e 500 ms. Assim, o apelo visual pode ser avaliado em 50 ms, sugerindo que você tem cerca de 50 ms para causar uma boa primeira impressão com seu site.

Essa primeira impressão depende de muitos fatores: estrutura, cores, espaçamento, simetria, quantidade de texto, fontes e muito mais. Esta postagem:

• Pesquisa de detalhes em sites e primeiras impressões.
• Mostra como criar um design visual para melhorar as primeiras impressões.

Nota: Todas as imagens do site abaixo são apenas para fins ilustrativos .

Pesquisa em sites e primeiras impressões

Os usuários formam opiniões de design em 17 ms.

Há alguns anos, o Google confirmou o número de 50 ms em sua própria pesquisa. Na verdade, de acordo com seu estudo, algumas opiniões se desenvolvem em 17 ms, embora o efeito tenha sido menos pronunciado em alguns fatores de design.

As principais conclusões do estudo foram que sites com baixa complexidade visual e alta prototipicidade (a representatividade de um design para uma determinada categoria de sites) foram percebidos como altamente atraentes.

Conclusão principal: torne seu design da web simples e familiar. Siga as convenções. As pessoas têm uma ideia fixa de como deve ser um site de comércio eletrônico. Se você optar por layouts inovadores e não convencionais, é menos provável que as pessoas gostem deles.

Observação: veja várias diretrizes de comércio eletrônico e ideias de teste em nosso relatório abrangente (247 diretrizes específicas para comércio eletrônico).

Leva 2,6 segundos para que os olhos se fixem nas principais áreas de uma página da web.

Leva 2,6 segundos para que os olhos de um usuário pousem na área de um site que mais influencia sua primeira impressão.

Os pesquisadores monitoraram os movimentos dos olhos dos alunos enquanto eles liam as páginas da web. Os pesquisadores então analisaram os dados de rastreamento ocular para determinar quanto tempo levou para os alunos se concentrarem em seções específicas de uma página, como o cardápio , logotipo, imagens e ícones de mídia social - antes de passarem para outra seção.

Eles descobriram que quanto melhor a primeira impressão, quanto mais os participantes permaneceram na página.

As seis seções do site que atraíram mais interesse dos visualizadores foram:

1. O logotipo da instituição. Os usuários gastaram 6,48 segundos focados nesta área antes de prosseguir.
2. O menu de navegação principal. Quase tão popular quanto o logotipo, os participantes passaram em média 6,44 segundos visualizando o menu.
3. A caixa de pesquisa . Os usuários se concentraram por pouco mais de 6 segundos.
4. A imagem principal do site. Os olhos dos usuários se fixaram por uma média de 5,94 segundos.
5. O conteúdo escrito do site . Os usuários gastaram cerca de 5,59 segundos.
6. A parte inferior de um site . Os usuários gastaram cerca de 5,25 segundos.

Conclusão importante: uma boa primeira impressão leva a uma visita mais longa. Certifique-se de que os seis elementos listados aqui estão ótimos.

As primeiras impressões são 94% relacionadas ao design.

Pesquisadores britânicos analisaram como diferentes fatores de design e conteúdo de informação influenciam a confiança de sites de saúde online. O estudo mostrou claramente que a aparência do site foi o principal motivador das primeiras impressões.

De todo o feedback que os participantes do teste deram, 94% foi sobre design:

• Complexo;
• Layout ocupado;
• Falta de ajudas à navegação;
• Web design enfadonho;
• Uso de cor;
• Anúncios pop-up;
• Introduções lentas ao site;
• Letras pequenas;
• Muito texto;
• Aparência e comportamento corporativo;
• Recursos de pesquisa pobres.

Apenas 6% do feedback foi sobre o conteúdo real. O apelo visual e a navegação do site tiveram a maior influência nas primeiras impressões das pessoas sobre o site.

Ao mesmo tempo, um design de interface ruim foi associado à rápida rejeição e desconfiança de um site. Quando os participantes não gostavam de um aspecto do design, o site inteiro raramente era explorado além da página inicial.

Resultados semelhantes foram encontrados na pesquisa para Consumer WebWatch, conduzida por especialistas em credibilidade da Universidade de Stanford. Eles descobriram que o que as pessoas dizem sobre como avaliam a confiança de um site e como realmente o fazem são diferentes.

Os dados mostraram que o consumidor médio deu muito mais atenção aos aspectos superficiais de um site, como dicas visuais, do que ao seu conteúdo. Por exemplo, quase metade de todos os consumidores (46,1%) avaliou a credibilidade dos sites com base, em parte, no apelo do design visual, incluindo layout, tipografia, tamanho da fonte e esquemas de cores.

Conclusão principal: um design excelente faz com que as pessoas confiem em você e permaneçam por perto. Um design ruim cria desconfiança e faz as pessoas irem embora.

Para as primeiras impressões, o apelo visual supera até a usabilidade.

Um estudo examinou os efeitos do apelo visual e da usabilidade no desempenho e na satisfação do usuário com um site.

Os usuários realizaram diferentes tarefas em sites que variaram em apelo visual (alto e baixo) e usabilidade (alto e baixo). Os resultados mostraram que as primeiras impressões são mais influenciadas pelo apelo visual do site.

Os usuários atribuíram alta "usabilidade e classificações de interesse" a sites com alto apelo e baixa "usabilidade e classificações de interesse" a sites com baixo apelo. As percepções do usuário de um site de baixo apelo não foram significativamente influenciadas pela usabilidade do site, mesmo após uma experiência bem-sucedida com o site.

Conclusão principal: investir em design. É o que mais importa para atrair os usuários. Engraçado, um ótimo design visual levará a classificações de usabilidade mais altas, e a usabilidade real importará muito menos.

Uma primeira impressão positiva pode aumentar a satisfação geral.

Em um experimento conduzido para estudar os efeitos das expectativas do produto nas avaliações subjetivas de usabilidade, os participantes leram uma crítica positiva ou negativa do produto para um novo dispositivo móvel antes de um teste de usabilidade. O grupo de controle não leu nada.

O estudo revelou o efeito surpreendentemente forte das expectativas positivas nas avaliações subjetivas pós-experimento. Os participantes que leram a crítica positiva deram ao dispositivo classificações pós-experimento significativamente melhores do que os grupos com primo negativo e sem primo.

Este efeito de reforço do prime positivo manteve-se mesmo na condição de tarefa difícil, quando os usuários falharam na maioria das tarefas.

Conclusão importante: se os usuários gostarem "instantaneamente" do seu site, eles darão uma folga para que você tenha problemas com o passar do tempo. Este tipo de priming também pode funcionar da outra maneira: A n egativo a primeira impressão diminui a satisfação geral com seu site.

Então, se você quer causar uma boa impressão, qual é o melhor lugar para começar?

Como causar uma ótima primeira impressão com design visual

1. Diferencie seu site (e sua empresa) com seu design.

Você é chique, bobo, sexy, experiente, inteligente, clássico ou o quê? Como você se diferencia da concorrência? Você comunica isso o mais rápido possível por meio de tipografia, imagens e design em seu site?

Há um equilíbrio entre evitar o design “inovador” - que pode desanimar os consumidores - e buscar um estilo visual único. Muitas vezes, as empresas na mesma vertical adotam uma abordagem do tipo "eu também" em sua estética de design.

Às vezes, os sites concorrentes são tão semelhantes que, se você removesse o logotipo do cabeçalho do site, seria quase impossível distinguir um site do outro.

Pelo que percebi, isso ocorre por dois motivos principais:

1. A conversa interna sobre a estética do design se transforma em uma sobre recursos, em vez de desenvolver uma identidade visual distinta.
2. As características e estéticas que “parecem estar funcionando” para a competição são adotadas.

Claro, quando o novo site é lançado, todos estão muito ocupados dando cumprimentos uns aos outros para perceber que o novo design é uma cópia quase carbono de um importante concorrente, ou que você esqueceu completamente de perguntar aos clientes existentes por que eles gostaram de fazer compras na sua empresa em primeiro lugar.

Se você deseja adicionar mais distinção à sua comunicação visual, mas não sabe por onde começar, verifique a Técnica de Elicitação da Metáfora de Zaltman e aplique-a às suas pesquisas qualitativas. Isso pode ajudá-lo a criar uma primeira impressão que fale com os valores essenciais da sua marca sem alienar os visitantes.

“Identidade da marca” não é apenas algo molinho para ser jogado fora. O Cheskin Research & Studio Archetype descobriu já em 1999 que os seis fatores mais importantes na construção de confiança com uma empresa de comércio eletrônico são:

• Marca;
• Navegação;
• Cumprimento;
• Apresentação;
• Tecnologia atualizada;
• Logotipos de segurança.

Pense nisso por um segundo. Se a primeira impressão é a de que seu site é indistinguível de outros sites, por que alguém deveria explorar as páginas de seus produtos, quanto mais escolher você em vez da concorrência?

Aqui está um exemplo: Pesquisei “jaqueta de couro” no Google para ver se a distinção visual e a primeira impressão geral seriam um problema em uma pesquisa aleatória. Estes foram os três primeiros resultados:

Alguma coisa separa esses três sites? Na verdade, não, embora eles não compartilhem exatamente o mesmo grupo demográfico.

Demorou um pouco para percorrer os resultados da pesquisa antes de encontrar qualquer site que não se parecesse com os acima, finalmente encontrando o Bomboogie. Não há como negar que a página é diferente de seus concorrentes:

Ao contrário de outros sites, a página projeta imediatamente um sentimento diferente - esta não é uma empresa que fabrica jaquetas delicadas e de alta costura. Suas jaquetas são “inspiradas nas jaquetas usadas pelos aviadores” e o site tem essa aparência.

Anos atrás, quando fiz essa pesquisa pela primeira vez, o site mais distinto que encontrei foi Schott. Embora eu tivesse abandonado seu controle deslizante de imagem, navegação de tampa de refrigerante e muitas das texturas falsas, havia um charme sobre o design que causou uma forte primeira impressão, especialmente considerando que é uma marca antiga.

Você pode sentir o caráter e a emoção, e ter uma noção se eles são confiáveis ​​ou não, que é a razão de toda a primeira impressão.

A tendência do design também os alcançou, no entanto, agora eles se parecem muito mais com todos os outros sites por aí:

Shopify criou uma lista de 100 designs de comércio eletrônico bonitos que apresentam empresas com primeiras impressões distintas.

Conclusão importante : você pode (e deve) comunicar uma identidade de marca exclusiva sem ser tão inovador a ponto de confundir ou irritar os usuários.

2. Inspire os visitantes do site a criar um primeiro mais forte impressão.

Um estudo que analisou o papel das primeiras impressões em sites de turismo descobriu que os elementos relacionados à inspiração tiveram o maior impacto sobre primeira impressão s.

Isso sugere que estímulos visualmente atraentes são uma ferramenta importante para fazer as pessoas permanecerem mais tempo em um site e, assim, converter mais visitantes em compradores.

A usabilidade foi o segundo fator mais significativo na formação da primeira impressão, seguida pela credibilidade.

Resumindo, isso nos diz que os viajantes desejam se inspirar em um destino (imagens). Eles não querem desperdiçar energia mental tentando descobrir coisas (usabilidade) e querem ter certeza de que o provedor de viagens é legítimo (credibilidade).

Conclusão importante: se você está vendendo um sonho (por exemplo, a ideia de ir de férias ao Chile), a fotografia inspiradora é o principal criador de primeira impressão.

3. Certifique-se de que a área acima da dobra balança.

Ao longo dos anos, a questão acima da dobra tem sido calorosamente debatida. A pesquisa indica que as pessoas não têm problemas para rolar e, na verdade, preferemdivisão o conteúdo em muitas páginas. O que isso tem a ver com primeiras impressões?

9 assassinos de credibilidade de sites

Por Alex Birkett

Aprenda a criar uma página da web que inspire confiança, não ceticismo - que ajuda na compra em vez de dissuadi-la.

• *
• *
  • Eu concordo em receber e-mails.
• Nome
  Este campo é para fins de validação e deve ser deixado inalterado.

Obtê-lo agora

Esta é uma nova maneira de pensar sobre a questão acima da dobra: ela precisa ser a melhor parte do seu site. As primeiras impressões são formadas em 0,05 segundos. Os usuários não irão rolar para baixo nesse tempo.

Portanto, o que eles veem imediatamente sem rolar é o que determina se eles rolarão para baixo. Com aquilo em mente…

Preste atenção extra à sua navegação.

Numerosos estudos de mapas de calor mostraram que a navegação está normalmente entre as primeiras e mais visualizadas áreas de um site. Mas, além das categorias típicas, o que você deve incluir ?

De acordo com um estudo do Business Insider sobre o motivo pelo qual as pessoas abandonam carrinhos de compras, 25% das pessoas afirmaram que o "site é muito complicado" (ou seja, a navegação é difícil de usar), e cerca de 60% observaram "custos ocultos" (ou seja, custos de envio ) como a principal razão pela qual eles saíram sem pa voando .

Em um estudo diferente da eConsultancy, os visitantes perguntados sobre a compra de um site de comércio eletrônico desconhecido observaram que "design profissional", "o site contém marcas conhecidas" e "ter informações de contato visíveis" influenciaram sua decisão de comprar (ou não comprar )

Bem executada, a navegação de um site pode incluir algumas ou todas as coisas que, se ausentes, desencorajam os visitantes de comprar.

Basta ver o quanto é comunicado na navegação de um dos meus sites favoritos, o ThinkGeek, sem nunca entrar no conteúdo do site:

Sem ter que caçar muito, é fácil encontrar:

• Sensível ao tempo promoções;
• Várias maneiras de navegar mais profundamente no site (categorias, interesses, pesquisa);
• Produtos novos, principais e exclusivos, bem como uma dica dos produtos que vendem (presentes, camisetas, eletrônicos, vale-presentes);
• Um programa de recompensas;
• Produtos à venda;
• Seu limite de “frete grátis”;
• Disponibilidade de suporte ao cliente (através dos botões “Chat ao vivo” e “Ajuda”).

Compare isso a um exemplo extremo, como Zara, e você verá por que isso é importante:

Estudo de caso: Alight aumenta as pesquisas no site em 16% e as compras em 25%

Alight (agora CurvyHQ) sabia que seu site parecia desatualizado. O varejista feminino de tamanhos grandes tornou a navegação em todo o site mais moderna.

Eles aumentaram o tamanho de sua barra de pesquisa, removeram o símbolo de confiança, incorporaram as categorias “venda” e “novo” à área de navegação rosa e esclareceram sua proposta de valor, entre outras pequenas atualizações.

O resultado foi um aumento nas pesquisas do site em 16% e um aumento nas compras gerais em 25%, tudo isso tornando a navegação parte de uma forte primeira impressão.

As primeiras impressões - em sites ou na NBA - podem durar anos.

Uma pesquisa dos economistas Barry Staw e Ha Hoang analisou o impacto do projeto de ordem na NBA. Eles observaram as carreiras dos jogadores por cinco anos depois de serem convocados. Cinco anos é o suficiente para provar a si mesmo de várias maneiras, então o esboço do pedido não deve desempenhar um papel, certo?

Errado. De acordo com o estudo, o tempo de jogo dos jogadores se correlaciona com sua ordem de saque. As equipes concederam mais tempo de jogo a jogadores altamente selecionados e os mantiveram por mais tempo, mesmo depois de controlar o desempenho dos jogadores em quadra, lesões, status de troca, posição jogada e outros fatores.

Cada incremento no número do draft (ou seja, ser draftado em nono em vez de em oitavo) diminuiu o tempo de jogo em até 23 minutos. Incrivelmente, o draft da ordem continuou a prever o tempo de jogo durante o quinto ano de um jogador na NBA, o último ano medido no estudo. Os jogadores selecionados na primeira rodada também tinham carreiras mais longas; eles jogaram por 3,5 anos a mais do que o resto.

Outro estudo investigou a persistência das primeiras impressões. Ele descobriu que novas experiências que contradizem uma primeira impressão tornam-se “vinculadas” ao contexto em que foram feitas. No entanto, as primeiras impressões ainda dominam outros contextos.

Nosso cérebro armazena experiências que violam a expectativa como "exceções à regra". A regra (ou seja, primeira impressão) é tratada como válida, exceto para o contexto específico em que foi violada.

Conclusão importante: se uma primeira impressão for negativa, ela pode prejudicar o usuário contra você por anos.

Conclusão

O apelo visual é importante. Muito. Meu conselho: nunca tente economizar dinheiro em design. Eu tenho visto uma e outra vez como uma revisão “simples” de design resultou em aumentos de conversão significativos.

As pessoas formam sua opinião sobre o seu site em milissegundos. O primeiro segundo em seu site pode ser mais importante do que todos os segundos que se seguem (se houver). Certifique-se de que um segundo causa uma ótima primeira impressão.