7 recursos de design de sites que aumentarão os lucros e a usabilidade
Estou animado para apresentar o primeiro de muitos posts da nova série AwesomeWeb aqui no IncomeDiary!
Toda semana eu faço a outros 6 empreendedores da Internet uma pergunta específica relacionada ao seu sucesso online.
No final de cada postagem semanal, você terá a oportunidade de votar nas melhores respostas. Isso ajuda a manter as coisas interessantes e da mais alta qualidade.
Entre nós, Josh Dunlop, Brian Moran, Nicholas Tart, Tom Lambert, Dainis Graveris, Michael Dunlop e eu (David Aston), conseguimos mais de 150 milhões de visitantes únicos, lançamos dezenas de produtos digitais e físicos. nossos produtos foram vistos mais de um bilhão de vezes e ganharam milhões de dólares e fãs.
Dito isto, esta primeira pergunta da série é um ponto óbvio para começar, porque somos apresentados a um site visualmente.
As pessoas costumam ser rápidas em julgá-lo com base em sua aparência, e o mesmo acontece com o design do site.
A navegação fácil e um layout visualmente agradável ajudarão tremendamente quando se trata de converter seus clientes em potencial em clientes.
7 Recursos de design que seu site pode estar ausente:
1. Área de Login de Membros
logins de associação
Contribuição de Josh Dunlop.
Um recurso que eu amo é realmente bastante sutil, e isso é o logon de associação.
Quando chego a um site de tutorial como o meu , e vejo 'Área de membros' ou 'Login de membros', fico intrigado com o que eles têm a oferecer. Instantaneamente, me faz pensar que, se eles vendem algo para alguém como membro, devem ter algo que vale a pena comprar.
Que eles são alguém que vale a pena seguir.
É um recurso tão pequeno, mas tem um grande impacto na maneira como vejo um site. Também ajuda a impulsionar as vendas, pois estou intrigado com o que eles estão vendendo.
2. Um título bem pensado e estrategicamente colocado
Freshbooks
Contribuição de Nick Tart.
Quando estávamos projetando a página inicial do AwesomeWeb, perguntei a Michael se precisávamos de uma manchete. Certamente o usuário chegaria à página, entenderia o que estamos fazendo e saberia usar o recurso de pesquisa.
Vimos exemplos (KISSmetrics, Freshbooks, CrazyEgg, etc.) e todos eles tinham manchetes, mesmo como empresas de SaaS. No Web Domination 20, Yanik Silver mencionou que seu processo de design de página começa com o brainstorming de 100 títulos.
Por isso, discutimos as manchetes que explicam o que nossa nova empresa faz e por que você deve usá-la.
Nós decidimos:
"Encontre os melhores designers e desenvolvedores que poderiam ter começado ontem "
O que? Encontre designers e desenvolvedores
Por quê? O melhor, quem poderia ter começado ontem
Depois que tiramos a cópia, tornamos a primeira linha vermelha porque é a primeira cor que você vê e queremos que as pessoas comecem na manchete.
O próximo desafio foi posicionar o título e vinculá-lo à chamada à ação. Após seis iterações da página inicial, estabelecemos um layout, mas havia muito espaço em branco (espaço em cinza) entre o título e a área de pesquisa.
Para direcionar as pessoas para a frase de chamariz, adicionamos uma seta do título à caixa de pesquisa (como visto na foto).
Quando escrevemos uma postagem no blog, o título é uma parte natural da postagem. Mas não é tão óbvio para páginas suplementares ou mesmo para a sua página inicial.
Cada página precisa de um título que explique o quê e por que, foi projetado para ser a primeira coisa que você vê e leva ao plano de ação. Michael entendeu isso. Eu tive que aprender.
Relacionados: encontre os melhores designers e desenvolvedores que poderiam ter começado ontem.
3. Chamadas de ação surpreendentes
Chamada à ação de estalar os olhos
Contribuição de Brian Moran
Todos os profissionais de marketing devem incluir apelos à ação atraentes. Qualquer que seja o objetivo da página da Web atual, torne isso mais óbvio do que qualquer outro recurso ou elemento de design da página. Um exemplo disso seria botões que informam aos usuários quais ações executar.
Por exemplo:
Inscreva-se agora
Ter acesso instantâneo
Faça o download do PDF
Registre-se no Webinar
Mostre-me o vídeo
Grandes exemplos de páginas de destino que têm apelos óbvios à ação são https://www.mozilla.com/en-US/firefox/ , https://www.basecamphq.com/ e https://www.dropbox.com/ .
Todos os três sites garantem que o visitante notará a única coisa que eles querem que você faça. Muitos profissionais de marketing esquecem essa tática simples e ela pode esmagar absolutamente sua taxa de conversão.
4. Formulário de captura de email
Captura de email
Contribuição de Tom Lambert
Um formulário de captura de email.
Acredite ou não - 90% das pessoas que visitam seu site nunca farão negócios com você de qualquer forma.
A captura de endereços de e-mail enquanto os clientes potenciais estão em seu site oferece a chance de aumentar essas chances e alimentá-las com conteúdo de alta qualidade ao construir um relacionamento. Sua frequência efetiva variará, mas praticamente nenhum de seus visitantes verá seu produto ou serviço uma vez e ficará convencido de fazer negócios com você.
Adicionar um formulário simples de captura de leads ao seu site sem dúvida duplicará ou triplicará sua eficácia com o mínimo de esforço. Certifique-se de oferecer um ímã de chumbo irresistível que atrai o tipo de pessoa com quem você deseja fazer negócios.
Por exemplo, se você é contador e deseja atrair empreendedores multimilionários, escreva um relatório como "7 erros dispendiosos que todo empreendedor milionário comete ao registrar impostos trimestrais" - fazer a oferta de inclusão específica específica ajudará a qualifique seus leads antes de enviá-los por e-mail.
Eu recomendo uma abordagem em duas vertentes: adicione um formulário de captura de email à barra lateral de todas as postagens / páginas do seu site e um pop-up de saída com a mesma oferta usando software como o Popup Domination .
5. Comentários encadeados e Upvotes de comentários
Comentários encadeados
Contribuição de Dainis Graveris. 65 milhões de pessoas visitaram seu blog.
Esta é novamente uma melhoria sutil, mas descobri que estava realmente ajudando a nos conectar com nossos leitores.
Comentários encadeados realmente ajudam a acompanhar as conversas. Você deve definitivamente abordar todos os comentários genuínos de todos os leitores e fazer uma pergunta de acompanhamento.
Isso aumentará sua contagem de comentários (valor percebido), aumentará o envolvimento dos leitores e adicionará ao seu conteúdo, indexado no Google! Eu sugeriria também adicionar inscreva-se no recurso de comentários (eu preciso instalá-lo novamente)...
Eu acho que eu poderia usar o AwesomeWeb quando estiver ao vivo .. 🙂
Eu n Enquanto isso, confira este plugin:
https://wordpress.org/plugins/subscribe-to-comments-reloaded/ - Agora, quando você se envolve com os leitores, há uma chance maior de eles voltarem!
Pequena dica: para aumentar o envolvimento, faça sempre perguntas no final de um artigo ... e faça perguntas ao responder aos comentários.
Eu incluí o Comment Upvote, porque existem muitos skimmers e scanners, que gostam do artigo, que lêem os comentários, mas que não precisam se envolver em deixar seu próprio comentário.
Percebi que muitos gostam de votar, de votar se concordam ou discordam de algo. Mesmo essa ação simples deles aumenta o envolvimento do usuário!
6. Melhorar a legibilidade do texto
legibilidade
Contribuição de Michael Dunlop.
O estilo do texto geralmente é uma das partes mais negligenciadas do design da web.
Também é provavelmente o mais importante.
Se você não consegue ler o texto da página, como pode esperar que seus leitores se tornem clientes?
Aqui estão alguns exemplos do que estou falando:
Os links de texto costumam ser azuis e sublinhados. É assim que eles devem aparecer em um site. Então, as pessoas começaram a mudar sua aparência porque a tecnologia em voz alta nos fez fazê-lo. Quanto mais você se distancia da aparência, menos pessoas clicam nos seus links. O que significa menos dinheiro. Se você visitar todos os principais sites hoje em dia, a maioria usará links de texto em azul, a maioria deixou de sublinhar um link. Isso pode ocorrer em parte porque são grandes marcas e as pessoas são programadas para saber como usá-las.
Texto em preto sobre fundo branco, é o formato mais legível. Ontem mesmo meu pai me ligou para perguntar sobre um projeto em que estou trabalhando. Ele mencionou que o designer usou texto cinza em fundo branco para parte do site. Era mais difícil de ler, então mudei o texto para preto.
Largura do texto. Eu acho que o padrão / recomendação do setor tem cerca de 600 pixels de largura. Se a sua área de texto for mais larga que isso, começa a ficar mais difícil de ler.
Espaçamento de texto. Por favor, não aceite minha palavra sobre isso, porque nunca fui tão bem escrevendo na escola, mas, no que me diz respeito, os parágrafos devem ser pequenos. Isso torna mais atraente a leitura. Provavelmente é por isso que escrevi isso em um formulário de lista, é mais fácil consumir.
As manchetes devem se destacar. Muitas pessoas consultam os posts do blog, tentando encontrar o que estão procurando. Não apenas negrito minhas manchetes, aumento a fonte usando as tags h (<h2> headline </h2>) - depois uso as tags h para criar uma caixa de índice. Aqui está um ótimo plugin para o índice: https://dublue.com/plugins/toc/
Quando crio páginas da web, apenas penso comigo: o que quero ver e onde?
7. Verifique se o seu site tem usabilidade
porque sou eu
Contribuição de David Aston.
Se você estiver estabelecendo um ativo da Web, convido você a fazer algumas perguntas.
Pergunte a si mesmo POR QUE você deseja um site e a OMS o utilizará.
Esta é uma etapa crítica no processo de criação, porque um site de saúde natural parecerá diferente de um site de comércio eletrônico diário.
A cada nova startup, dedico uma parede inteira no meu escritório para descrever o novo esquema do meu site.
Normalmente, a barra de navegação é onde começarei, pois isso ajuda a identificar a ideia principal do seu site. Faça questão de organizar os botões de navegação em ordem de importância (de cima para baixo ou da esquerda para a direita).
Depois de organizar a navegação em ordem de importância, descubra qual conteúdo será dedicado a cada página. Lembre-se de manter o visitante em mente sem sobrecarregá-lo com links excessivos para "páginas de dinheiro".
Lembre-se de que usar cores para refletir o conteúdo e a identidade do site é bastante útil.
Vermelho escuro e amarelo brilhante fazem as pessoas agirem, azuis e verdes ganham confiança e, como Michael mencionou, o texto escuro sobre fundo claro é essencial para a legibilidade.
Você pode descobrir mais sobre a empatia da psicologia das cores no web design aqui .
Na verdade, a legibilidade é realmente importante e desempenha um papel enorme na usabilidade geral do site.
Certifique-se de usar as fontes apropriadas (nada demais) e certifique-se de que seu avô e irmãozinho possam lê-lo!
Se seus visitantes lerem uma frase com alguma dificuldade, eles simplesmente sairão do site e seguirão para seus concorrentes.
Evite isso mantendo frases com 15 palavras ou menos e parágrafos em torno de 2 frases. Isso maximiza o engajamento e mantém a legibilidade dos sites em torno do nível da 5ª série.
Lembre-se de que você está escrevendo para usuários da Web e não para o seu professor universitário.
Você pode verificar a legibilidade do seu site / artigo usando esta ferramenta .
Esses métodos me ajudaram a encontrar maneiras criativamente concisas para enfatizar meu argumento e aprimorar a usabilidade. Eu acredito que eles farão o mesmo por você.
Instruções de Implementação
Não há tempo, mas deseja consumir este post? Aqui está em 7 pontos rápidos.
Se você possui uma área de membros, torne o link visível. Considere adicionar um widget de login ao seu site principal.
Adicione títulos às suas páginas da web. Pense nas manchetes que explicam o que sua página da Web faz e por que as pessoas devem usá-la.
Torne seus botões de chamada para ação mais visíveis. Teste de divisão texto do botão diferente.
Adicione um formulário de captura de email à barra lateral de todas as postagens / páginas do seu site e um pop-up de saída com a mesma oferta usando software como o Popup Domination e ganhar dinheiro online
Adicione Comentários Encadeados e Upvotes de Comentários ao seu blog, se você deseja incentivar mais interação entre os leitores.
Altere o estilo do link de texto para azul e sublinhado. Vá ao seu site e procure o que não é óbvio. Só porque você sabe como usar seu site, não espere que outras pessoas o experimentem da mesma maneira
Faça questão de organizar os botões de navegação para que você queira que as pessoas fluam pelo seu site. Por exemplo, visite a página inicial, visite esta página, agora veja este produto, compre, acesse, tem algum problema? Contate-Nos.