{"id":261556,"date":"2023-07-18T16:44:00","date_gmt":"2023-07-18T13:44:00","guid":{"rendered":"https:\/\/inform.click\/como-aumentar-rapidamente-as-taxas-de-conversao-com-truques-simples-de-design\/"},"modified":"2023-07-18T17:11:00","modified_gmt":"2023-07-18T14:11:00","slug":"como-aumentar-rapidamente-as-taxas-de-conversao-com-truques-simples-de-design","status":"publish","type":"post","link":"https:\/\/inform.click\/pt-pt\/como-aumentar-rapidamente-as-taxas-de-conversao-com-truques-simples-de-design\/","title":{"rendered":"Como aumentar rapidamente as taxas de convers\u00e3o com truques simples de design"},"content":{"rendered":"<p>\n  Poucas coisas s\u00e3o mais frustrantes do que ter um cliente insatisfeito \u2013 especialmente depois que voc\u00ea dedicou horas de trabalho para projetar cuidadosamente cada aspecto individual de seu site.\n<\/p>\n<p>\n  Ainda assim, embora o site possa ser simples e esteticamente agrad\u00e1vel, ainda \u00e9 totalmente poss\u00edvel que um cliente venha at\u00e9 voc\u00ea e diga: &#8220;Por que minha taxa de convers\u00e3o \u00e9 t\u00e3o baixa?&#8221; Em vez de dizer: &#8220;N\u00e3o sei&#8221; ou &#8221; n\u00e3o \u00e9 problema meu&#8221;, voc\u00ea deve tentar remediar o problema com algumas corre\u00e7\u00f5es simples.\n<\/p>\n<p>\n  12 maneiras de aumentar as convers\u00f5es\n<\/p>\n<p>\n  Muito do web design \u00e9 relativo. T\u00e9cnicas, estrat\u00e9gias, designs, layouts e estilos dependem do cliente, da ind\u00fastria e dos objetivos gerais. No entanto, em praticamente todos os casos, as dicas a seguir ajudar\u00e3o uma empresa a aumentar as convers\u00f5es por um longo per\u00edodo de tempo.\n<\/p>\n<h5>\n  1 Incorporar v\u00eddeo na p\u00e1gina inicial<br \/>\n<\/h5>\n<p>\n  O v\u00eddeo vende \u2013 n\u00e3o h\u00e1 outra maneira de contornar isso. \u00c9 uma das poucas estrat\u00e9gias de web design que parece funcionar em v\u00e1rias categorias e setores diferentes. Aqui est\u00e1 o aumento nas taxas de convers\u00e3o para algumas categorias diferentes:\n<\/p>\n<ul>\n<li>Presentes: +113%\n  <\/li>\n<li>Eletr\u00f4nicos: +101%\n  <\/li>\n<li>J\u00f3ias: +85%\n  <\/li>\n<li>Casa e Jardim: +43%\n  <\/li>\n<li>Cuidados pessoais: +14 por cento\n  <\/li>\n<\/ul>\n<p>\n  Essas s\u00e3o estat\u00edsticas incr\u00edveis! Ao colocar um v\u00eddeo em uma p\u00e1gina inicial, voc\u00ea pode gerar um aumento dram\u00e1tico no engajamento e nas convers\u00f5es. O Dropbox fez isso e as convers\u00f5es dispararam. A inDinero.com fez isso e dobrou as inscri\u00e7\u00f5es para uma de suas p\u00e1ginas de destino. O Vidyard incorporou um v\u00eddeo na p\u00e1gina inicial e as convers\u00f5es aumentaram 100%. Se voc\u00ea conseguir convencer os clientes a usar o v\u00eddeo, eles v\u00e3o adorar os resultados.\n<\/p>\n<p>\n  O v\u00eddeo \u00e9 t\u00e3o valioso porque o c\u00e9rebro humano est\u00e1 conectado para se conectar com rostos, vozes, linguagem corporal e movimento. \u00c9 a raz\u00e3o pela qual seus ouvidos automaticamente se animam quando voc\u00ea ouve algu\u00e9m dizer seu nome do outro lado da sala. No c\u00e9rebro, as vozes humanas familiares t\u00eam prioridade sobre o conte\u00fado textual obsoleto.\n<\/p>\n<h5>\n  2 Aproveite a Prova Social<br \/>\n<\/h5>\n<p>\n  Outra boa estrat\u00e9gia \u00e9 aproveitar a prova social. Existem v\u00e1rias estrat\u00e9gias diferentes para fazer isso, incluindo a integra\u00e7\u00e3o de logotipos de clientes e parceiros no design da web, exibi\u00e7\u00e3o de depoimentos ou avalia\u00e7\u00f5es de clientes e destaque de estudos de caso informativos.\n<\/p>\n<p>\n  Embora voc\u00ea obviamente n\u00e3o possa controlar a que tipo de recursos um cliente tem acesso, voc\u00ea pode incentiv\u00e1-los a fornecer a voc\u00ea o que eles tiverem. As vezes nem pensam em passar informa\u00e7\u00f5es como essa adiante, mas pode fazer uma grande diferen\u00e7a nas convers\u00f5es.\n<\/p>\n<h5>\n  3 Remover feeds sociais<br \/>\n<\/h5>\n<p>\n  Embora a prova social seja \u00f3tima, isso n\u00e3o significa que voc\u00ea deseja sobrecarregar os sites com quantidades desnecess\u00e1rias dela. Por exemplo, \u00e9 uma \u00f3tima ideia destacar um tweet brilhante ou um coment\u00e1rio do Facebook em uma se\u00e7\u00e3o de depoimentos, mas ningu\u00e9m quer ver os \u00faltimos 25 tweets de seu cliente sobre a marca dele.\n<\/p>\n<p>\n  &#8220;Quando a m\u00eddia social era nova e fresca, todos colocavam seus feeds sociais em seus sites&#8221;, escreve Jonathan Long, CEO de uma empresa de consultoria de marketing online. &#8220;Agora, os consumidores sabem como se conectar com sua marca nas m\u00eddias sociais, se quiserem. Colocar feeds do Facebook e do Twitter em seu site apenas desvia a aten\u00e7\u00e3o de suas metas de convers\u00e3o.&#8221;\n<\/p>\n<p>\n  Em vez disso, Long sugere a integra\u00e7\u00e3o de \u00edcones e bot\u00f5es sociais em barras laterais, cabe\u00e7alhos e rodap\u00e9s. Todos reconhecem esses \u00edcones e podem clicar neles para saber mais. A realidade \u00e9 que a maioria n\u00e3o vai, no entanto. \u00c9 por isso que n\u00e3o faz sentido desperdi\u00e7ar um valioso espa\u00e7o de design com feeds de not\u00edcias que distraem e s\u00e3o intrusivos.\n<\/p>\n<h5>\n  4 D\u00ea vida aos n\u00fameros<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d75aba45.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d75aba45.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Assim como a prova social, h\u00e1 poder nos n\u00fameros. Se um cliente fornecer dados e n\u00fameros brutos, encontre uma maneira de transformar esses n\u00fameros em recursos de design vivos e din\u00e2micos. Por exemplo, 42Floors.com faz um \u00f3timo trabalho ao transformar dados que, de outra forma, seriam enfadonhos em gr\u00e1ficos e gr\u00e1ficos de barras vibrantes. Informationisbeautiful.net \u00e9 uma \u00f3tima fonte de inspira\u00e7\u00e3o para visualiza\u00e7\u00e3o de dados. Existem muitas maneiras de dar vida aos n\u00fameros, ent\u00e3o experimente diferentes estrat\u00e9gias e veja como elas afetam as taxas de convers\u00e3o.\n<\/p>\n<h5>\n  5 Use frases de chamariz mais ousadas<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d7d873e1.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d7d873e1.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  \u00c0s vezes, os designers s\u00e3o muito brandos nas frases de chamariz porque acham que isso prejudica a sensa\u00e7\u00e3o geral de uma p\u00e1gina. Quando voc\u00ea sente que esse \u00e9 o caso, provavelmente \u00e9 porque sua frase de chamariz n\u00e3o foi bem projetada. Aqui est\u00e3o algumas das principais caracter\u00edsticas de bons CTAs:\n<\/p>\n<ul>\n<li>\n    <strong>Valioso<\/strong>. O que o usu\u00e1rio ganha com o CTA? Obviamente, voc\u00ea se beneficia com a convers\u00e3o, mas por que o usu\u00e1rio deveria se importar o suficiente para prosseguir? Simplesmente dizer algo como &#8220;Inscreva-se para receber um e-book gratuito&#8221; n\u00e3o \u00e9 eficaz. Em vez disso, diga algo como: &#8220;Inscreva-se para obter um e-book gratuito que o ajudar\u00e1 a se tornar mais produtivo&#8221;.\n  <\/li>\n<li>\n    <strong>Claro e espec\u00edfico<\/strong>. Um CTA deve ser claro, espec\u00edfico e preciso. A ambig\u00fcidade mata um CTA e o torna in\u00fatil. Para que um CTA seja claro, ele deve dizer ao usu\u00e1rio o que fazer, o que ele ganha ao faz\u00ea-lo e por que se beneficia ao faz\u00ea-lo.\n  <\/li>\n<li>\n    <strong>Urgente<\/strong>. Um CTA eficaz \u00e9 apoiado pela urg\u00eancia. Os usu\u00e1rios precisam sentir que devem agir agora ou perder\u00e3o a oportunidade. Voc\u00ea pode fazer um CTA parecer urgente incorporando um rel\u00f3gio de contagem regressiva ou simplesmente usando palavras e frases direcionadas como agora, hoje, r\u00e1pido, antes que acabe, restam apenas cinco, etc.\n  <\/li>\n<li>\n    <strong>Posicionado corretamente<\/strong>. Um CTA pode ser valioso, espec\u00edfico e urgente, mas ainda assim ser in\u00fatil. Isso porque voc\u00ea deve levar em considera\u00e7\u00e3o o posicionamento do CTA. Ele precisa ser vis\u00edvel. Coloc\u00e1-los na parte inferior das p\u00e1ginas pode parecer l\u00f3gico \u2013 supondo que um usu\u00e1rio tenha lido o conte\u00fado acima \u2013 mas quantos usu\u00e1rios realmente chegar\u00e3o \u00e0 parte inferior da p\u00e1gina? Pode ser melhor colocar o CTA no topo, mesmo que o usu\u00e1rio ainda n\u00e3o tenha lido o conte\u00fado ou pitch que o acompanha.\n  <\/li>\n<\/ul>\n<h5>\n  6 Foco na Velocidade<br \/>\n<\/h5>\n<p>\n  Como designer, voc\u00ea nem sempre tem muito controle sobre a velocidade de um site, mas ainda assim deve considerar como est\u00e1 afetando-o. Se voc\u00ea sabe que um determinado elemento \u2013 digamos, um recurso de flash \u2013 est\u00e1 matando o tempo de carregamento da p\u00e1gina, corrija-o. Um atraso de um segundo pode resultar em uma redu\u00e7\u00e3o de sete por cento nas convers\u00f5es. Al\u00e9m disso, a maioria das pessoas n\u00e3o espera mais do que 6 a 10 segundos antes de abandonar uma p\u00e1gina de carregamento. Se voc\u00ea conseguir economizar alguns segundos no tempo m\u00e9dio de carregamento, os resultados podem ser tremendos. Voc\u00ea deve trabalhar de perto com o cliente em quaisquer problemas de velocidade que surgirem. Aqui est\u00e3o algumas dicas \u00fateis:\n<\/p>\n<ul>\n<li>\n    <strong>Use o PageSpeed \u200b\u200bInsights<\/strong>. Ao longo do processo de design, voc\u00ea deve usar a <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/about\" target=\"_blank\" rel=\"noopener\">ferramenta gratuita PageSpeed \u200b\u200bInsights<\/a> do Google. O PageSpeed \u200b\u200batribui a cada URL exclusivo uma pontua\u00e7\u00e3o que varia de 1 a 100. Qualquer coisa acima de 85 \u00e9 considerada boa, enquanto qualquer coisa abaixo desse limite \u00e9 de baixo desempenho. A ferramenta est\u00e1 em constante atualiza\u00e7\u00e3o, ent\u00e3o verifique de vez em quando para ver o que h\u00e1 de novo.\n  <\/li>\n<li>\n    <strong>Otimize as imagens<\/strong>. Em muitas p\u00e1ginas, as imagens representam a maioria dos bytes baixados. Ao otimizar essas imagens, voc\u00ea pode reduzir significativamente os tempos de carregamento e criar um site mais r\u00e1pido. \u00c9 um desafio dizer: &#8220;Aqui est\u00e1 o que voc\u00ea precisa fazer para otimizar adequadamente suas imagens&#8221;, porque h\u00e1 muitas situa\u00e7\u00f5es \u00fanicas. Em vez disso, consulte <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/optimizing-content-efficiency\/image-optimization\" target=\"_blank\" rel=\"noopener\">este guia \u00fatil<\/a> de Ilya Grigorik e Google. Ele est\u00e1 repleto de dicas e truques valiosos que auxiliam em tudo, desde a escolha do formato de imagem correto at\u00e9 a otimiza\u00e7\u00e3o de imagens vetoriais.\n  <\/li>\n<li>\n    <strong>Reduza o n\u00famero de plugins<\/strong>. Os plug-ins s\u00e3o fant\u00e1sticos, mas tamb\u00e9m tornam o site lento. Toda vez que voc\u00ea ativa um plugin para uma das p\u00e1ginas do seu cliente, voc\u00ea est\u00e1 essencialmente atribuindo outro peso ao site. N\u00e3o h\u00e1 nada de errado em ter alguns quilos a mais, mas muitos plugins acabam afetando o desempenho do site. Sempre que instalar um plug-in, pergunte ao cliente: &#8220;Voc\u00ea realmente precisa deste plug-in?&#8221; \u00c0s vezes a resposta ser\u00e1 sim, outras vezes eles dir\u00e3o que o site pode ficar sem ele.\n  <\/li>\n<li>\n    <strong>Comprimir conte\u00fado<\/strong>. Embora muitos plug-ins deixem um site lento, o <a href=\"https:\/\/wordpress.org\/plugins\/gzip-ninja-speed-compression\/\" target=\"_blank\" rel=\"noopener\">plug-in de compacta\u00e7\u00e3o Gzip<\/a> ajuda a acelerar um site, minimizando o tamanho das respostas HTTP baseadas no navegador \u2013 \u00e0s vezes em at\u00e9 70%!\n  <\/li>\n<\/ul>\n<p>\n  Este \u00e9 um aspecto que exigir\u00e1 muitos pequenos ajustes, mas voc\u00ea n\u00e3o pode se dar ao luxo de apresentar a seus clientes sites lentos. Este \u00e9 um erro que pode matar uma taxa de convers\u00e3o.\n<\/p>\n<h5>\n  7 Habilitar pesquisa preditiva<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d8204c18.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d8204c18.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Para sites de com\u00e9rcio eletr\u00f4nico \u2013 ou sites com muito conte\u00fado pesquis\u00e1vel \u2013 \u00e9 uma boa ideia ativar a pesquisa preditiva. A pesquisa preditiva \u00e9 um recurso padr\u00e3o para sites como Google e Amazon e tamb\u00e9m deve ser para seus clientes. De acordo com Jamie Appleseed, do Baymard Institute, 82% das principais plataformas de com\u00e9rcio eletr\u00f4nico usam sugest\u00f5es de preenchimento autom\u00e1tico ou t\u00e9cnicas de pesquisa preditiva.\n<\/p>\n<p>\n  &#8220;Quando as sugest\u00f5es de preenchimento autom\u00e1tico funcionam bem, elas ajudam o usu\u00e1rio a articular melhor as consultas de pesquisa&#8221;, escreve Appleseed. &#8220;N\u00e3o se trata de acelerar o processo de pesquisa, mas sim de orientar o usu\u00e1rio e auxili\u00e1-lo na constru\u00e7\u00e3o de sua consulta de pesquisa.&#8221;\n<\/p>\n<p>\n  A beleza da pesquisa preditiva \u00e9 que ela permite que o site guie o processo de pesquisa. Sim, voc\u00ea pode destacar termos de pesquisa relacionados, mas tamb\u00e9m pode optar por preencher a caixa de pesquisa com itens semelhantes que podem ser menos conhecidos. Isso d\u00e1 aos seus clientes uma flexibilidade incr\u00edvel e permite que eles aumentem as vendas sem adicionar mais p\u00e1ginas ou conte\u00fado.\n<\/p>\n<h5>\n  8 Eliminar Obst\u00e1culos<br \/>\n<\/h5>\n<p>\n  Ao dar os retoques finais em um site, voc\u00ea deve olhar para o site da perspectiva do usu\u00e1rio final. Os apelos \u00e0 a\u00e7\u00e3o s\u00e3o claros? E h\u00e1 algum obst\u00e1culo que impe\u00e7a sua capacidade de seguir com uma frase de chamariz espec\u00edfica?\n<\/p>\n<p>\n  Um obst\u00e1culo comum para sites de com\u00e9rcio eletr\u00f4nico envolve o processo de checkout. Embora seus clientes definitivamente desejem capturar o m\u00e1ximo de informa\u00e7\u00f5es poss\u00edvel dos clientes, eles n\u00e3o devem faz\u00ea-lo \u00e0s custas de retardar o processo de checkout. Raramente \u00e9 uma boa ideia for\u00e7ar os compradores a se registrar ou criar uma conta para concluir uma venda. Em vez disso, deve haver um processo de dois ou tr\u00eas cliques que pode ser conclu\u00eddo em menos de 60 segundos.\n<\/p>\n<h5>\n  9 Opte pela simplicidade ao inv\u00e9s do ru\u00eddo<br \/>\n<\/h5>\n<p>\n  Voc\u00ea se lembra de anos atr\u00e1s, quando a anima\u00e7\u00e3o exagerada e o flash eram a base do design progressivo da web? Os designers viram esses recursos bacanas e quiseram mostrar suas habilidades colocando-os em tantos sites quanto pudessem. Bem, esses dias j\u00e1 se passaram. O que os internautas realmente valorizam \u00e9 \u200b\u200ba simplicidade. Eles querem um site funcional, esteticamente agrad\u00e1vel, simples e f\u00e1cil de usar. As anima\u00e7\u00f5es desajeitadas n\u00e3o apenas tornam o site lento, mas a maioria dos usu\u00e1rios realmente as acha irritantes.\n<\/p>\n<p>\n  Ajude seus clientes a impressionar seus clientes optando pela simplicidade em vez do ru\u00eddo. Eles devem vender sua marca com base na qualidade de seu conte\u00fado e ofertas de produtos, n\u00e3o no brilho do design da web. Se voc\u00ea est\u00e1 procurando inspira\u00e7\u00e3o, confira <a href=\"http:\/\/www.awwwards.com\/websites\/minimal\/\" target=\"_blank\" rel=\"noopener\">esses designs minimalistas<\/a>. Voc\u00ea notar\u00e1 rapidamente que simples n\u00e3o significa chato. Realmente significa elegante.\n<\/p>\n<h5>\n  10 Use o F ou Z-Layout Design<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d85ae42d.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d85ae42d.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  &#8220;Obter uma melhor compreens\u00e3o de como diferentes layouts podem mudar o comportamento do usu\u00e1rio \u00e9 um dos princ\u00edpios centrais da cria\u00e7\u00e3o de uma experi\u00eancia de usu\u00e1rio eficaz&#8221;, diz o web designer Brandon Jones. Com isso em mente, voc\u00ea est\u00e1 prestando aten\u00e7\u00e3o suficiente ao layout estrutural dos sites que projeta? Embora voc\u00ea tenha que aderir aos desejos e nuances de seu cliente, tamb\u00e9m deve usar estrat\u00e9gias de design que voc\u00ea sabe que funcionar\u00e3o.\n<\/p>\n<p>\n  A maioria dos usu\u00e1rios da Internet s\u00e3o scanners adeptos. Isso significa que eles n\u00e3o consomem ou leem todo o conte\u00fado que encontram. Em vez disso, eles examinam certas informa\u00e7\u00f5es e, em seguida, avaliam se a p\u00e1gina vale ou n\u00e3o a pena. E, felizmente, a maioria dos usu\u00e1rios segue um padr\u00e3o de verifica\u00e7\u00e3o semelhante.\n<\/p>\n<p>\n  O primeiro design de p\u00e1gina a ser considerado \u00e9 o F-Layout, que \u00e9 apoiado por v\u00e1rios estudos de rastreamento ocular. &#8220;Esses estudos cient\u00edficos mostram que os internautas l\u00eaem a tela em um padr\u00e3o &#8220;F&#8221; \u2013 vendo o topo, o canto superior esquerdo e os lados esquerdos da tela mais\u2026 apenas ocasionalmente olhando para o lado direito da tela&#8221;, escreve Jones.\n<\/p>\n<p>\n  Com base nessa teoria, veja como \u00e9 uma experi\u00eancia t\u00edpica do usu\u00e1rio:\n<\/p>\n<ul>\n<li>Relance r\u00e1pido no canto superior esquerdo da p\u00e1gina.\n  <\/li>\n<li>Examine a parte superior do site, observando as v\u00e1rias guias de navega\u00e7\u00e3o.\n  <\/li>\n<li>V\u00e1 para a primeira se\u00e7\u00e3o completa do conte\u00fado, lendo da esquerda para a direita.\n  <\/li>\n<li>Comece a rolar a p\u00e1gina inicial e leve apenas alguns segundos para verificar o restante do conte\u00fado.\n  <\/li>\n<\/ul>\n<p>\n  Tendo essas tend\u00eancias em mente, voc\u00ea deseja colocar o conte\u00fado mais valioso e envolvente do seu cliente nesses pontos de acesso.\n<\/p>\n<p>\n  Enquanto o F-design \u00e9 mais comumente usado, alguns designers optam pelo Z-Design. \u00c9 muito semelhante, mas, em vez disso, assume que os usu\u00e1rios digitalizam as p\u00e1ginas em um padr\u00e3o Z. Ou seja, eles come\u00e7am no canto superior esquerdo, seguem um caminho horizontal at\u00e9 chegar ao canto superior direito, fazem a transi\u00e7\u00e3o diagonal para o canto inferior esquerdo e, em seguida, digitalizam horizontalmente at\u00e9 o canto inferior direito da p\u00e1gina.\n<\/p>\n<p>\n  Voc\u00ea n\u00e3o precisa seguir um design de layout F ou Z estrito, mas ajuda a entender as tend\u00eancias do usu\u00e1rio para que voc\u00ea possa adicionar alguma estrutura aos seus esfor\u00e7os.\n<\/p>\n<h5>\n  11 Integre recursos de contato<br \/>\n<\/h5>\n<p>\n  Voc\u00ea j\u00e1 visitou um site onde era quase imposs\u00edvel encontrar as informa\u00e7\u00f5es de contato da empresa? Ou talvez eles nem o inclu\u00edram? Quando se trata de taxas de convers\u00e3o, esse \u00e9 um dos piores erros de web design que voc\u00ea pode cometer. Se um usu\u00e1rio n\u00e3o conseguir encontrar as informa\u00e7\u00f5es de contato de uma empresa com um clique r\u00e1pido do mouse, ele poder\u00e1 pular e visitar o site de um concorrente.\n<\/p>\n<p>\n  Como designer, trabalhe de perto com seu cliente para enfatizar a import\u00e2ncia de criar uma p\u00e1gina de contato simples. Aqui est\u00e3o algumas regras pr\u00e1ticas r\u00e1pidas:\n<\/p>\n<ul>\n<li>As informa\u00e7\u00f5es de contato \u2013 incluindo n\u00famero de telefone, endere\u00e7o de e-mail e endere\u00e7o f\u00edsico \u2013 devem ser claramente listadas no cabe\u00e7alho ou rodap\u00e9 de cada p\u00e1gina.\n  <\/li>\n<li>Deve haver bot\u00f5es claros de &#8220;Fale Conosco&#8221; e frases de chamariz em todas as p\u00e1ginas internas do produto.\n  <\/li>\n<li>A p\u00e1gina de contato real n\u00e3o deve ter mais de tr\u00eas campos. Se voc\u00ea der aos usu\u00e1rios muitas op\u00e7\u00f5es ou requisitos, eles optar\u00e3o por n\u00e3o entrar em contato com voc\u00ea.\n  <\/li>\n<\/ul>\n<p>\n  Isso pode parecer um exagero, mas pense na import\u00e2ncia da p\u00e1gina de contato. \u00c9 o portal para conectar potenciais compradores com a marca. Estragar esse aspecto pode prejudicar seriamente a taxa de convers\u00e3o.\n<\/p>\n<h5>\n  12 Invista em testes A\/B<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d891e423.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245016-63820d891e423.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Se voc\u00ea deseja tornar as altas taxas de convers\u00e3o um dos seus pontos de venda, \u00e9 uma boa ideia investir em um software de teste A\/B. Muitas das empresas mais bem-sucedidas do mundo \u2013 como Google, Amazon e eBay \u2013 usam a tecnologia de teste A\/B diariamente.\n<\/p>\n<p>\n  Se voc\u00ea n\u00e3o estiver familiarizado com o que ele faz, o teste A\/B essencialmente permite que voc\u00ea implemente dois designs diferentes e colete resultados ao vivo dos usu\u00e1rios. Por exemplo, voc\u00ea pode n\u00e3o saber qual formato de menu usar. Voc\u00ea pode implementar dois diferentes e fazer com que metade dos visitantes veja o menu um, com a outra metade vendo o menu dois. Ap\u00f3s um per\u00edodo de tempo predeterminado, voc\u00ea interrompe o teste, revisa os dados da amostra e toma uma decis\u00e3o com base no que foi mais bem-sucedido. Existem infinitas possibilidades com o teste A\/B, ent\u00e3o \u00e9 definitivamente algo para se pensar.\n<\/p>\n<h4>\n  Assumindo o Controle da Situa\u00e7\u00e3o<br \/>\n<\/h4>\n<p>\n  Muitos designers simplesmente projetam sites, entregam o produto finalizado ao cliente, descontam o contracheque e seguem em frente. Embora essa f\u00f3rmula possa funcionar para alguns, n\u00e3o \u00e9 o modelo de neg\u00f3cios mais lucrativo ou sustent\u00e1vel. Se voc\u00ea deseja reter mais clientes, cobrar mais e desenvolver uma reputa\u00e7\u00e3o de criar sites de alta convers\u00e3o, precisa prestar aten\u00e7\u00e3o \u00e0s taxas de convers\u00e3o e como seus sites influenciam os visitantes do site. Use essas doze dicas como ponto de partida e comece a pensar em maneiras adicionais de melhorar seu trabalho e satisfazer os clientes.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte de grava\u00e7\u00e3o: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/10\/29\/increase-conversion-rates\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Poucas coisas s\u00e3o mais frustrantes do que ter um cliente insatisfeito \u2013 especialmente depois que voc\u00ea dedicou horas de trabalho para projetar cuidadosamente cada aspecto individual de seu site. Ainda assim, embora o site possa ser simples e esteticamente agrad\u00e1vel, ainda \u00e9 totalmente poss\u00edvel que um cliente venha at\u00e9 voc\u00ea e diga: \u201cPor que minha taxa de convers\u00e3o \u00e9 t\u00e3o baixa?\u201d Em vez de dizer \u201cn\u00e3o sei\u201d ou \u201cn\u00e3o \u00e9 problema meu\u201d, voc\u00ea deve tentar remediar o problema com algumas corre\u00e7\u00f5es simples. 12 maneiras de aumentar as convers\u00f5es Muito do design da web \u00e9 relativo. T\u00e9cnicas, estrat\u00e9gias, designs, layouts e estilos dependem do\u2026<\/p>\n","protected":false},"author":1,"featured_media":143747,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[202,228,59],"tags":[],"class_list":["post-261556","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-designer-de-web","category-livros-didaticos","category-web-e-wordpress-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=261556"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261556\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/143747"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=261556"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=261556"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=261556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}