27 dicas de Web Design apoiadas por investigação: como desenhar um site que funciona

total de visitantes. É fácil de ver. Todos os comerciantes sabem o tráfego que estão a ter, porque está mesmo ali na tua análise. Mas o que acontece a seguir não é tão óbvio.

é por isso que dar conselhos para conduzir o tráfego é fácil, mas dicas de web design são difíceis. Há tantos factores. Mesmo depois de mais de 1000 projetos de web design bem sucedidos, é difícil para nós saber o que vai funcionar melhor.

este artigo tem 27 dicas de web design para obter mais valor de cada visitante. A maioria destas dicas são suportadas pela pesquisa. Estes são para designers iniciantes e profissionais avançados UX, para pequenas empresas e grandes empresas.

aqui está o nosso melhor conselho, ideias e inspiração sobre como projetar um site que obtém resultados. Um site que parece bonito, converte visitantes e recebe mais valor de cada uma dessas visitas difíceis de ganhar.

os dois estudos mais importantes citados aqui estão no final. Se estás impaciente, salta!

o Layout estrutural do site

sites são duas coisas: contêineres e conteúdo. O recipiente é duas coisas: estrutura e estilo. Vamos começar pelo primeiro. Estas dicas são sobre a estrutura e layout das páginas.

Alavancar uma hierarquia visual

Cada página tem uma hierarquia visual. Se você não está familiarizado com esse conceito, aqui está a nossa definição:

hierarquia Visual refere-se ao arranjo, tamanho, cor e contraste de elementos visuais. Determina a sua relativa proeminência e a ordem em que são vistos pelo olho humano.

web designers usam hierarquia visual para orientar os visitantes a atenção para elementos importantes em primeiro lugar. O layout do site inclui a posição (alta ou baixa na página), tamanhos (grandes ou pequenos), visuais (vídeo, imagens, ícones) e contraste (cor e espaço branco).

a combinação de aspectos multiplica o seu efeito. Todos vão ver um vídeo Grande, alto na página. Poucas pessoas verão texto de baixo contraste rodeado de imagens.

hierarquia Visual é por isso que os seus olhos seguem um certo caminho em cada página que visita na internet. Quando usado deliberadamente, Ele guia a atenção do visitante através de uma série de mensagens, em direção a um chamado à ação.

Use uma manchete descritiva, focada em Chavetas alta na página inicial

a manchete no topo da página inicial (e todas as páginas) é descritiva ou não. Se não, o visitante pode não ser capaz de responder a sua primeira pergunta: “Estou no lugar certo?”

é também uma oportunidade de usar uma tecla alvo e indicar relevância. Mas muitos comerciantes escrevem algo inteligente ou vago. Mas claro é melhor que Inteligente.

ao invés de escrever uma fantasia, mas vaga manchete, escreva algo descritivo. Certifique-se de explicar o que a empresa faz no topo da página, acima da dobra.

fonte: Outreach Plus

Wait, the fold is still a thing?Sim, há uma dobra. Para cada visita em cada tela, há uma área visualizável. No fundo está o famoso fold. Para ver qualquer coisa abaixo desta linha, esse visitante deve rolar.

Why and if this matters in web design is a hotly debated topic. Aqui estão dois dos melhores argumentos: “não há dobra!”vs” a dobra ainda importa.”

é claro, existem milhares de tamanhos de tela, variando de minúsculo a enorme. Este site foi visto em 958 telas de tamanho diferente no último mês. Então alguns designers dizem que a dobra não é mais relevante.

mas a questão é esta:) Ainda há um fold para cada visita e ainda um fold médio para todas as visitas. Ferramentas como o Hotjar mostram-no claramente como uma linha no scroll heatmap, para desktop/laptop, mobile e tablet.

então sim, há uma dobra e importa o que você coloca acima e abaixo dela. Um estudo mostrou que os visitantes gastam 80% do seu tempo acima da dobra.

então coloque sua proposta de valor, aquela versão de 8 palavras do que você faz, alto na página, acima da dobra.

mas não coloque todas as suas chamadas em ação no topo

os visitantes podem estar gastando mais tempo lá, mas isso não significa que eles estão prontos para agir. Muita persuasão acontece mais abaixo.

quando Chartbeat analisou 25 milhões de visitas, eles descobriram que a maior parte do engajamento acontece abaixo da dobra. O conteúdo no topo pode ser visível, não será necessariamente o lugar mais eficaz para colocar suas chamadas à ação.

uma advertência sobre este estudo frequentemente citado: Chartbeat é usado principalmente por sites de notícias, que são muito diferentes de sites de marketing. Ninguém faz muito acima do fold em um site de notícias! As dicas normais de web design não se aplicam.

certifique-se de colocar chamadas para a ação mais adiante na página, em qualquer lugar onde o interesse é provável ser elevado.

torná-lo uma página Alta. Responda a todas as perguntas dos seus visitantes.

mais pixels significa mais espaço para responder a perguntas, endereçar objeções e adicionar evidências de suporte. Se o VISITANTE não encontrar uma resposta para uma pergunta importante, eles podem simplesmente continuar movendo para baixo a página. Quando estiverem satisfeitos, vão parar de ler.

as páginas de vendas mais eficazes imitam conversas de vendas.Nunca cortaria alguém durante uma reunião de vendas e deixaria de responder às suas perguntas, pois não? É tudo o que uma pequena página faz; ela pára de responder a perguntas.

é aqui que entra o famoso estudo de Crazy Egg. Eles pesquisaram o público, descobriram as suas principais questões e preocupações, e construíram uma Página alta que aborda tudo.

a página foi 20x mais longa. A taxa de conversão aumentou 30%.

“a rolagem é uma continuação. Clicar é uma decisão “- Josh Porter, Rocket Insights

mostrar uma coisa de cada vez

” eu gosto de projetos limpos e modernos.”Isso é o que a maioria dos nossos clientes nos diz quando começamos projetos de web design. Eles muitas vezes se referem ao site da Apple como um exemplo.

os visitantes não gostam de confusão. Gostamos de espaços em branco. Em outras palavras, nós gostamos de baixa complexidade visual.

em 2012, o Google estabeleceu-se para descobrir que tipos de sites são vistos como bonitos para os visitantes. É um estudo sobre simplicidade com um nome muito complicado: o papel da complexidade visual e prototipicalidade em relação à primeira impressão de sites: trabalhando para entender julgamentos estéticos.

eles aprenderam que desenhos mais complexos são menos propensos a serem vistos como bonitos.

isto explica a tendência para colunas simples e páginas altas. Projetos com múltiplas colunas (navegação do lado esquerdo, área de conteúdo, trilho direito) são mais complexos, com mais elementos visuais dentro do campo de visão dos visitantes.

cortem a embraiagem. Faça um dos dois elementos o foco em cada profundidade de pergaminho.

Stick to standard layouts

That same study by Google found that “high prototypicality” also correlates with perceived beauty. Por outras palavras, estranho normalmente não é bonito. Um site que segue os padrões de web design é mais provável de ser amado.

os locais considerados os mais bonitos têm prototipicalidade elevada e baixa complexidade visual. São ambos simples e limpos.

Pense desta forma, é bom diferenciar sua marca, mas o layout não é o lugar para fazê-lo. Sê diferente no que dizes. Mas seja típico em como o seu site é usado.

alguns carros estão incríveis. São diferentes. São lindas. Mas ainda têm portas nos lados, rodas no fundo e faróis à frente.Mas qual é o padrão? De acordo com a nossa própria pesquisa, estes são os elementos padrão para um site:

O “padrão” do site com alto prototypicality inclui os seguintes:

• Logo na parte superior esquerda
• navegação Horizontal no cabeçalho
• barra de Pesquisa no topo
• Social ícones na parte inferior
• Móveis de design responsivo

Cuidado com os “fundos falsos”

marketing Moderno sites, especialmente as páginas de vendas, são construídos com a página em blocos. Estas são linhas de conteúdo, muitas vezes com uma imagem de um lado e texto do outro, fluindo para baixo da página em uma única coluna.

aqui está a anatomia de uma página típica de serviço em um site de geração de liderança.

Como mostra o diagrama, o rodapé tem uma cor de fundo mais escura. Tantos sites fazem isso que os visitantes agora esperam que uma mudança para um fundo mais escuro significa o fundo da página.

mas se o design tem um bloqueio pageblock com um fundo escuro, o visitante pode pensar que atingiu o fundo e parar de se deslocar. É um fundo falso.

nota: eu debate com meus próprios designers sobre este. Kurt Cruse, o nosso director criativo, tem razão. Mudanças na cor de fundo é uma excelente maneira de deixar os visitantes saber que o tipo de conteúdo está mudando. Estou a ouvir-te, Kurt!

apenas seja deliberado ao selecionar cores de fundo para blocos de página. Para ser Seguro, escolha apenas variações ligeiras ou use sempre branco ou cinza claro. Em seguida, mudar para Cinza escuro ou preto no rodapé.

evitar carrosséis e deslizadores rotativos

eles têm sido populares por anos e os clientes os amam. Mas há um problema com a apresentação da página inicial: os visitantes só podem ver o primeiro slide.

houve muitos estudos que chegaram à mesma conclusão. As mensagens em slides subsequentes são menos prováveis de serem vistas e as chamadas para a ação são improváveis de serem clicadas. Basta olhar para o clique através das taxas para os slides em um site da Universidade.

podem ser populares porque são fáceis de serem aprovados. Diferentes partes interessadas de diferentes departamentos todos têm alguns pixels acima da dobra. São bons para a política interna, não para visitantes.

homepage slideshows are good at keeping people from stabing each other in conference rooms.

então o que fazer em vez disso?

• empilhar os slides, para que o visitante possa ver cada um rolando a página. De repente, tornar-se-ão muito mais visíveis.
• Use uma imagem em destaque, usando o slide mais impactante como o herói. Faz um bom apelo à acção!

evite tabs e acordeões

aqui está outra maneira de tirar as coisas do esconderijo: evitar tabs e caixas expansíveis de conteúdo.

sabendo que até 76% dos visitantes do site estão digitalizando, você pode tornar o seu conteúdo mais visível para eles, mantendo tudo exposto, sem necessidade de clicar para revelar algo.

se as abas e os acordeões expansíveis foram eficazes, provavelmente irá vê-los na Amazon.

lembre-se, a rolagem é mais rápida e mais fácil do que clicar. Se os visitantes têm que apontar e clicar ou tab para ser capaz de ver algo, eles são menos propensos a vê-lo.

Images

Let’s move on to the visuals. Estas dicas são específicas para as imagens em páginas web.

Use fotos de pessoas

Faces são imagens exclusivamente poderosas. Desde que nascemos, olhamos para rostos mais do que qualquer outra coisa. O poder magnético das imagens de pessoas é muito útil no design da web.

não só os rostos chamam a atenção, como se correlacionam com a conversão. O famoso estudo de caso da Basecamp mostrou uma enorme elevação nos resultados quando rostos e depoimentos foram combinados em uma página de vendas.

certifica-te que o teu site não se parece com uma “nave espacial abandonada” sem uma alma a bordo.Falei com milhares de empresas sobre o seu marketing ao longo dos anos e notei um padrão. As grandes empresas estão sempre a tentar parecer pequenas, e as pequenas empresas estão a tentar parecer grandes. Estranho, não é?

realmente, cada empresa deve apenas tentar ser mais pessoal, mais humano.

Mas evitar estoque de fotos de pessoas

Há um tempo e lugar para fotos em estoque, mas eu gostaria de evitar estoque de fotos de pessoas como a peste. Nunca se sentem genuínos, por isso não criam confiança.

as empresas são tentadas por fotos de estoque porque a qualidade de produção é alta. Mas os visitantes preocupam-se mais com a realidade. Eles preferem ver pessoas reais que realmente trabalham na empresa.

autenticidade é mais importante do que polaco.

a investigação apoia esta ideia. Um estudo do NN Group descobriu que os visitantes afinam fotos de estoque de pessoas e imagens de “enchimento”, mas na verdade olham para fotos de pessoas reais.

então, seja você mesmo, mostre sua equipe e use fotos de pessoas reais, mesmo se eles são perfeitamente polidos.

Use faces como sinais visuais

as imagens das pessoas dão-lhe uma oportunidade especial para orientar a atenção dos visitantes. O famoso fenómeno “olha para onde eles parecem”.

quando o pesquisador James Breeze mostrou projetos para 106 pessoas, ele demonstrou o poder de caras bem posicionadas. Eles têm o poder de dirigir a atenção dos visitantes para outros elementos.

este é o famoso estudo com o rosto do bebê. Quando o bebé olha para a câmara, os visitantes olham para o bebé. Quando o bebé olha para a manchete, os visitantes olham para a manchete.

Meu amigo Oli Gardner está cansado deste exemplo com o bebê (desculpe, Oli!). Se alguém souber de outras pesquisas ou de bons exemplos, por favor me avise nos comentários!

Use uma linha de visão em imagens de rosto como uma sugestão direcional para orientar a atenção dos visitantes para declarações de benefícios ou chamadas à ação.

Use setas como sinais visuais

Faces podem guiar a atenção, mas não são a única maneira de controlar os olhos dos seus visitantes. Pequenas setas desenhadas à mão podem ser ainda mais eficazes.

neste estudo de olho pela CXL descobriu que uma seta simples era ainda mais poderosa em fazer com que os visitantes olhassem para um elemento de página.

se quer que os seus visitantes olhem para alguma coisa, aponte-a com uma seta. Não sei se esta dica é ridiculamente óbvia ou profundamente perspicaz.As cores têm conotações emocionais (vermelho é urgente, azul é calmo) e fazem parte dos padrões da marca. Mas eles também são oportunidades de puxar o olho dos visitantes em direção a botões e CTAs.

um estudo do Eyequant sobre a cor do botão confirma o poder de contraste de cor e luminância para chamar a atenção.

mas o estudo mostra que botões coloridos nem sempre são eficazes. Se quiser que o seu botão seja visualmente mais proeminente:

• Contraste a cor do botão com a imagem de fundo
• Contraste a cor do botão e o texto do botão
• Contraste a cor do botão com o próximo elementos na página (ou deixe bastante espaço em branco ao redor de ti)

O “Von Restorff Efeito”

Na década de 1930, o cientista alemão Hedwig von Restorff descobriu que quando mostrada uma lista de dez itens, as pessoas se lembram itens se eles são de uma cor diferente dos outros. Isto porque o lobo occipital é sensível a diferenças visuais, ou “interruptores de padrão”.”

o comerciante da Web, Paras Chopra, conduziu experiências que mostraram como as cores destacadas não são apenas lembradas mais, são clicadas mais: 60% mais!

Pro Tip! Escolha uma “cor de ação” para todos os seus links, botões e efeitos de rollover. Torná-lo uma cor que é distinta das cores de marca utilizadas durante todo o projeto (estas são as “cores passivas”). Use a cor da acção em nenhum outro lugar a não ser nos itens clicáveis.

navegação e Links

agora nós entramos no conselho para a navegação do site, incluindo os menus, botões e links que permitem que seus visitantes se movam ao redor.

seja descritivo

a navegação é sempre visualmente proeminente, por isso é uma oportunidade de se comunicar. Os visitantes normalmente começam a sua visita através do cabeçalho. Tudo o que estiver lá, incluindo os menus, é muito provável que seja visto.

Origem: Movimento UX

quando as etiquetas de navegação são genéricas, você perdeu uma chance de dizer aos visitantes o que faz. Comparar estes dois exemplos:

se os seus rótulos de navegação são genéricos, então eles são comuns a milhares ou mesmo milhões de sites. Você perdeu uma oportunidade de alavancar as melhores práticas de navegação do Site, ajudar seus visitantes e melhorar seus rankings de pesquisa.

coloque em casa à esquerda, mas fora isso, não se preocupe muito com a ordem dos itens do menu

se você tem um link para casa, coloque-o à esquerda. É o lugar mais comum para ele, então os visitantes esperam encontrá-lo lá.

no que diz respeito ao resto dos itens do menu, pesquisas mostram que a ordem não é assim tão importante. Existem dois estudos diferentes de rastreamento ocular que mostram uma baixa correlação entre a ordem dos itens do menu e o sucesso dos visitantes (fonte e fonte).

por isso, não gastes muito tempo a preocupar-te com a ordem das coisas no teu menu.

tenha cuidado ligando de páginas de Serviço para posts em blogs

se o visitante está em uma página de serviço, o objetivo é convertê-los em uma liderança. Se você adicionar grandes oportunidades para sair e ir ler o seu blog, eles vão pousar em páginas que são menos focados na geração líder. Os posts do Blog naturalmente têm mais distrações, saídas de oportunidades e taxas de conversão mais baixas.

tenha cuidado ligando a qualquer coisa em outros sites

sempre que relevante, link para coisas que ajudam o visitante a alcançar seus objetivos. Em um post de blog, isso é muitas vezes uma citação de uma fonte ou link para referências externas. Este post liga a dezenas de artigos e estudos!

mas nas páginas de serviço e na sua página inicial, deve ligar-se a outros sites com cuidado. Para qualquer página otimizada para converter os visitantes em pistas, pergunte a si mesmo, você realmente quer que os visitantes clicar nesse link? Ajuda-te a atingir os teus objectivos?

evite usar ícones de redes sociais no cabeçalho do seu site

similarmente, ícones coloridos de redes sociais no seu cabeçalho não é grande para os seus objectivos. Se os visitantes clicarem em algum desses botões coloridos, eles aterram em um site cheio de distrações. É pouco provável que voltem.

esta é, em geral, a forma errada de integrar as redes sociais. Se você ligar a uma rede social, faça-o a partir do seu rodapé. Os visitantes podem encontrar as redes sociais se estiverem à procura, mas não está a sugerir que saiam.

Escrito

Vamos falar de palavras. Anteriormente, recomendámos uma manchete focada na página inicial. Aqui estão mais algumas dicas para a escrita que vai para o site, incluindo cabeçalhos, subheads e texto do corpo.

escrever subposições significativas

vagas estão em todo o lado. São muitas vezes grandes e inúteis, mas seguidos por coisas que são pequenas, mas úteis. Estranho, não é? O contrário faria mais sentido.

certifique-se de que as coisas grandes são significativas e úteis para os visitantes. Se seus subtítulos dizem coisas como” produtos “ou” serviços”, pergunte a si mesmo se um termo mais descritivo seria mais útil. Aqui estão alguns exemplos.

isto é bom para scanners e usabilidade. É bom para os deficientes visuais e acessibilidade. Também são boas práticas de SEO. Nunca perca a oportunidade de indicar relevância!

ProTip: as subposições podem ser completamente desnecessárias. Esta página seria igualmente boa sem ela? Os visitantes ainda sabem o que estão a ver? Se sim, remova-o.

evitar parágrafos longos e comprimento de linha longo

parágrafos longos e blocky não estão alinhados com as melhores práticas em matéria de conteúdo digital. Simplesmente quebrar parágrafos longos torna o conteúdo mais fácil de consumir. Como regra geral, não escreva parágrafos maiores que 3-4 linhas.

“parágrafos Curtos obter de leitura, parágrafos longos obter desnatado, realmente parágrafos longos se ignorada” – Jason Fried, Fundador e CEO, Basecamp

Se o comprimento da linha é muito longo, pode ser mais difícil para os visitantes a ler. O Guia de estilo web recomenda linhas de não mais de 12 palavras.

evite o jargão. Use palavras simples.

quanto mais fácil for a leitura, mais bem sucedido será o site. Use as palavras comuns que os visitantes esperam. Frases longas e palavras bonitas obrigam o lobo temporal a trabalhar mais. Isso não é bom.

“mantém as coisas simples! “Fluência cognitiva” é uma medida da facilidade com que o cérebro do seu visitante processa o que eles estão olhando. Quando algo é difícil de ler, inconscientemente o achamos mais arriscado e / ou demorado. Então, para maximizar a conversão, use Texto curto, fontes simples e um design fácil de ler.”- Roger Dooley, autor de Brainfluence

copia que funciona bem para os usuários de “baixa alfabetização” funciona bem para todos. Não se trata de amenizar; trata-se de usar uma linguagem simples que todos podem entender. A pesquisa mostrou que reduzir os níveis de legibilidade pode melhorar a taxa de sucesso para todos os visitantes.

até os doutoramentos preferem ler ao nível do 8º ano.Essa grande palavra pode fazer-te parecer inteligente, mas pode fazer o teu visitante sentir-se burro. Um visitante que duvida de si mesmo é pouco provável que tome medidas. Então, enquanto escreve, continue perguntando a si mesmo:

100% dos visitantes sabem o significado das palavras nesta página?

List Order and “Serial Position Effect”

When ordering any lists within your copy, put the important stuff at the beginning and end. A atenção e retenção do leitor são mais baixas no meio de qualquer lista. À medida que os visitantes digitalizam a página, os primeiros e os últimos itens são mais propensos a ficar em memória de curto prazo.

Origem: Teoria dos efeitos da ordem: primazia versus Recência

responde às principais questões dos visitantes

eles vieram com perguntas. O principal trabalho do site é responder a essas perguntas. Cada pergunta sem resposta é uma oportunidade perdida para construir confiança. As perguntas sem resposta também aumentam a probabilidade de o visitante sair.

When Joel Klettke applied his process finding questions and writing answers, he was able to double the conversion rates on Hubspot landing pages. Ele entrevistou os clientes, analisou suas respostas, priorizou as mensagens e, no final, ele usou as palavras do próprio público na nova cópia de marketing. Inteligente!Aqui estão as perguntas que Joel usa para descobrir as principais questões dos visitantes.:

1. o que aconteceu que te fez procurar uma solução?O que mais tentou e o que não gostou?O que quase o impediu de nos comprar?O que o fez confiante o suficiente para tentar?
2. o que fez de X a melhor solução para si?
3. ao avaliar X, o que era mais importante para si?
4. o que você pode fazer agora (ou fazer melhor) que você não poderia fazer antes?Dá-me um exemplo de quando o X fez a diferença para ti?

em uma palavra, Qual é o propósito do seu site? Resposta.

leitura adicional: the Perfect B2B Website Service Page: 13-Point Checklist

Add evidence and social proof

The “conformity bias” is the human tendency to do what other people are doing. Então, dar provas de que outros o escolheram faz com que escolher a sua empresa pareça uma boa escolha. O objetivo é tomar qualquer decisão que não seja usar sua empresa parece fora da norma.Dê aos seus visitantes a prova de que é legítimo. Idealmente, cada uma das suas alegações de marketing é apoiada com provas.

“quantas vezes você clicou em um site na lista de vencedores de um prêmio de design e rolou seus olhos em uma tag de título fascinante de “Home”? Isto é o que acontece quando você confia em uma agência para “criar algo totalmente rad e único” em vez de escolher uma agência que promete construir algo que vai funcionar da maneira que seus clientes/clientes precisam e esperam que ele funcione.- Jen Salamandick, Kick Point

a maneira mais rápida e fácil é adicionar testemunhos. Aqui estão outros tipos de prova social.

• aprovações de relevante influenciadores
• Produto comentários de clientes
• “, Como visto em…” logotipos de mídia onde a sua empresa tem sido mencionado
• Social media widgets mostrando o tamanho da sua seguintes
• selos de Confiança, incluindo a associação de associações de segurança certificados e prêmios

Quanto a prova é suficiente? Quantos depoimentos você deve adicionar?

muito. É possível que não haja provas a mais. Fizemos uma análise rápida de uma das páginas de detalhes do produto da Amazon e descobrimos que 43% da página é evidência e comentários.

Dica Profissional! Não faças uma página de depoimentos. Tendem a ser páginas de trânsito baixas. Em vez disso, adicione depoimentos a cada página de serviço.

mencionar a escassez, desencadear “aversão à perda”

os seres humanos não são Calculadoras de custos/benefícios eficientes. Tendemos a sobrevalorizar as perdas e os ganhos inferiores. Em outras palavras, as perdas são mais dolorosas do que os ganhos são prazerosos.

isto é verdadeiro online e offline e explica um monte de comportamento humano. Este artigo explica bem: aplicar a economia comportamental e a psicologia cognitiva ao processo de Design.

esta aversão às perdas pode ser útil para web designers e copywriters. Aqui estão algumas dicas para escrever cópia com aversão à perda em mente.

• enfatize os custos de não usar o seu produto ou serviço.
• custos de grupo em conjunto, enumerar os benefícios separadamente.
• enfatizar ganhos imediatos.
• criar urgência com ofertas de tempo limitado. Se o produto é escasso, diga-o.

lembre gentilmente aos seus visitantes o que eles vão perder, arriscar ou perder por não tomar medidas agora.

Optimize os formulários de inscrição por e-mail para assinantes

há um na parte inferior deste post. É uma chamada à ação para assinar. Se você olhar de perto, verá que ele inclui três elementos separados. Estes são os 3 P’s para formulários de inscrição por e-mail.

• Destaque Que se destaca dentro da hierarquia visual
• Promessa Ele diz ao leitor que eles vão ter uma frequência
• Prova que Ele usa prova social: o número de assinantes ou a um pequeno depoimento

Quando nós experimentamos com estas mudanças, a taxa de conversão sobre a antiga forma foi muito baixa, de modo a melhora foi dramático. Vimos um aumento de 4.863% nas inscrições por e-mail.

ao projetar seu formulário de inscrição em E-mails, torná-lo visível, usar a prova social e dizer aos leitores o que eles vão obter.

mais do que apenas um local bonito

todos adoram beleza. Toda a gente adora novas funcionalidades de design fixes. Todos são críticos. Mas como visitantes, precisamos de mais do que Beleza. Precisamos de informações. E como donos de sites, precisamos de resultados.

Aqui estão dois estudos com a mesma descoberta. A primeira é uma pesquisa do Hubspot que mostra aos visitantes o valor fácil de encontrar informações mais do que belo design ou fantasia UX.

Este segundo estudo é a conclusão de um conjunto de usuário de testes de NN Grupo. Ele mostra que quando os visitantes falham, é porque eles não conseguem encontrar informações, não porque o site não é bonito o suficiente.

adoro design bonito tanto quanto qualquer um. Foi por isso que comecei neste negócio! E muitas vezes penso nesta citação:

“a vida de um designer é uma vida de luta. Luta contra a fealdade.”- Massimo Vignelli, Lenda do design

mas em web design, criamos contêineres para conteúdo. E os visitantes vieram pelo conteúdo, não pelo contentor.

sites devem ser bonitos. Devem ter um impacto visual ou emocional nos visitantes. Mas o sucesso do seu site vai muito além da beleza. Trata-se de ajudar os visitantes a encontrar o que precisam. Este é o coração de cada dica neste artigo. E é o verdadeiro propósito do web design.

Ajude o seu visitante a encontrar o que eles vieram buscar, e depois dê-lhes o que você quer que eles tenham.