{"id":12027,"date":"2021-02-22T15:50:38","date_gmt":"2021-02-22T18:50:38","guid":{"rendered":"https:\/\/novo.siteup.dev\/?p=12027"},"modified":"2021-02-22T15:50:38","modified_gmt":"2021-02-22T18:50:38","slug":"dicas-fazer-layouts-convertem-mais","status":"publish","type":"post","link":"https:\/\/novo.siteup.dev\/en\/dicas-fazer-layouts-convertem-mais\/","title":{"rendered":"7 dicas para fazer layouts que convertem mais"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Foi-se o tempo em que era aceit\u00e1vel mensurar a qualidade dos projetos de <\/span><a href=\"https:\/\/blog.operand.com.br\/censo-de-agencias-o-mercado-publicitario-2021-2\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">comunica\u00e7\u00e3o e publicidade<\/span><\/a><span style=\"font-weight: 400;\"> no campo abstrato. Cada vez mais, os n\u00fameros s\u00e3o usados para medir o sucesso de um trabalho. Al\u00e9m disso, o design de um site \u00e9 importante inclusive para gerar engajamento de quem o acessa. Pensando nisso, preparamos importantes dicas para fazer layouts que convertem mais.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Em uma estrat\u00e9gia SEO, por exemplo, o layout de uma landing page \u00e9 decisivo para a taxa de convers\u00e3o e de rejei\u00e7\u00e3o. E os clientes t\u00eam metas ousadas para alcan\u00e7ar, cabe aos criativos pensar sobre como ajud\u00e1-los a atingir esses objetivos.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Muito al\u00e9m de acompanhar as vendas, uma das possibilidades \u00e9 explorar as oportunidades de inova\u00e7\u00e3o e melhorias nos sites. Projetar a estrutura das p\u00e1ginas para gerar mais convers\u00f5es tornar\u00e1 o trabalho do designer mais eficaz, contribuindo para o sucesso dos projetos dos clientes.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">\u00c9 neste contexto que surge o Design orientado para a Convers\u00e3o, do ingl\u00eas <\/span><i><span style=\"font-weight: 400;\">Conversion Centered Design<\/span><\/i><span style=\"font-weight: 400;\"> (CCD). A metodologia tem como objetivo tornar cada p\u00e1gina que voc\u00ea cria em um site um peda\u00e7o de \u201cconte\u00fado respons\u00e1vel\u201d.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Dessa maneira, \u00e9 poss\u00edvel medir o impacto, o prop\u00f3sito e o sucesso de cada p\u00e1gina na estrat\u00e9gia de convers\u00e3o de visitantes em clientes.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Neste artigo, voc\u00ea conhecer\u00e1 a proposta do Design Orientado para a Convers\u00e3o, al\u00e9m de obter <\/span><b>dicas para fazer layouts que convertem mais<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Continue a leitura!\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"o-essencial-sobre-conversao\"><span style=\"font-weight: 400;\">O essencial sobre convers\u00e3o\u00a0<\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12028 size-full\" title=\"dicas para fazer layouts que convertem mais\" src=\"https:\/\/novo.siteup.dev\/wp-content\/uploads\/2021\/02\/dicas-fazer-layouts-convertem-mais.jpg\" alt=\"dicas para fazer layouts que convertem mais\" width=\"1920\" height=\"1280\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Antes de entender como funciona o design orientado para convers\u00e3o, vamos estabelecer uma base para o que, exatamente, estamos falando.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b><i>Uma convers\u00e3o \u00e9 uma a\u00e7\u00e3o realizada pelo usu\u00e1rio que atinge uma meta de neg\u00f3cios.\u00a0<\/i><\/b><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Se o seu site vende coisas, uma convers\u00e3o seria uma venda. Se voc\u00ea coletar informa\u00e7\u00f5es do usu\u00e1rio para atingir seus objetivos de neg\u00f3cios, como agrega\u00e7\u00e3o de leads, ser\u00e1 um envio de formul\u00e1rio. De outro modo, as convers\u00f5es tamb\u00e9m podem ser coisas como inscri\u00e7\u00f5es em boletins informativos ou at\u00e9 mesmo acessos em uma p\u00e1gina com informa\u00e7\u00f5es importantes que voc\u00ea precisa que os usu\u00e1rios leiam.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Na pr\u00e1tica, voc\u00ea precisa de alguma a\u00e7\u00e3o tang\u00edvel para medir o sucesso do seu site: essa \u00e9 a convers\u00e3o.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Por meio de an\u00e1lises, voc\u00ea sabe quantas pessoas est\u00e3o acessando o site. Sendo assim, \u00e9 poss\u00edvel usar isso para medir a porcentagem de usu\u00e1rios que est\u00e3o convertendo. Este n\u00famero \u00e9 a sua taxa de convers\u00e3o e \u00e9 a maior m\u00e9trica para medir o sucesso de um <\/span><span style=\"font-weight: 400;\">projeto criativo<\/span><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Na verdade, quando voc\u00ea come\u00e7ar a medir o sucesso pela taxa de convers\u00e3o, ficar\u00e1 surpreso ao ver como at\u00e9 mesmo os <\/span><span style=\"font-weight: 400;\">designs mais inteligentes<\/span><span style=\"font-weight: 400;\"> aplicados nos lugares errados podem n\u00e3o atingir seus objetivos.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Dentro da metodologia orientada para a convers\u00e3o, o design busca mais do que a solu\u00e7\u00e3o de problemas para o usu\u00e1rio. Acima de tudo, trata-se de resolver problemas de neg\u00f3cios. <\/span><b>Essa abordagem existe para ajudar os designers a criar experi\u00eancias de usu\u00e1rio que conduzam a um \u00fanico objetivo de neg\u00f3cios.<\/b><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Isso pode ser t\u00e3o simples quanto clicar em outra p\u00e1gina ou t\u00e3o complexo quanto garantir uma venda ou registro em um site. Em s\u00edntese, o CCD facilita determinar quando um projeto n\u00e3o \u00e9 bem-sucedido porque ele n\u00e3o desempenha seu papel na convers\u00e3o de visitantes em clientes.<\/span><b> O design orientado para a convers\u00e3o CCD \u00e9 um h\u00edbrido entre arte (o visual, UX e design de conte\u00fado) e uma ci\u00eancia (a medi\u00e7\u00e3o e an\u00e1lise dos resultados).<\/b><\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"importancia-dos-elementos-de-design-na-conversao-de-sites\"><span style=\"font-weight: 400;\">Import\u00e2ncia dos elementos de design na convers\u00e3o de sites<\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12029 size-full\" title=\"dicas para fazer layouts que convertem mais\" src=\"https:\/\/novo.siteup.dev\/wp-content\/uploads\/2021\/02\/dicas-fazer-layouts-convertem-mais2.jpg\" alt=\"dicas para fazer layouts que convertem mais\" width=\"1920\" height=\"1141\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Mas, afinal, como um site bem projetado afeta <\/span><span style=\"font-weight: 400;\">seu p\u00fablico<\/span><span style=\"font-weight: 400;\"> e seus neg\u00f3cios? Aqui est\u00e3o algumas estat\u00edsticas reveladoras sobre a import\u00e2ncia dessa estrat\u00e9gia:<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/www.bluecorona.com\/blog\/20-web-design-facts-small-business-owners\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">38% dos visitantes do site<\/span><\/a><span style=\"font-weight: 400;\"> deixar\u00e3o de se envolver com um site se ele tiver um conte\u00fado ou layout n\u00e3o atraente;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/www.bluecorona.com\/blog\/20-web-design-facts-small-business-owners\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">48% das pessoas consideram o design<\/span><\/a><span style=\"font-weight: 400;\"> de um site como o fator n\u00ba 1 para determinar a credibilidade de um neg\u00f3cio online;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Com apenas 15 minutos para consumir conte\u00fado, <\/span><a href=\"https:\/\/landing.adobe.com\/en\/na\/products\/creative-cloud\/264699-state-of-content\/index.html#Experience-by-Design\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">59% dos visitantes prefeririam navegar por um conte\u00fado bem desenhado<\/span><\/a><span style=\"font-weight: 400;\">. Comparativamente, apenas 41% deles leriam algo puro e simples.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 id=\"boas-razoes-para-adotar-o-design-centrado-na-conversao-como-estrategia\"><span style=\"font-weight: 400;\">Boas raz\u00f5es para adotar o design centrado na convers\u00e3o como estrat\u00e9gia<\/span><\/h2>\n<p>&nbsp;<\/p>\n<h3 id=\"define-a-primeira-impressao\"><span style=\"font-weight: 400;\">Define a primeira impress\u00e3o\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">O design do seu site marca o primeiro ponto de contato com o seu p\u00fablico. Tem um forte impacto na forma como o p\u00fablico percebe a sua marca. A \u00fanica m\u00e9trica que um design desatualizado ou nada atraente aumentar\u00e1 \u00e9 a taxa de rejei\u00e7\u00e3o.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Fortalece sua <a href=\"https:\/\/novo.siteup.dev\/en\/consultoria-seo\/\" style=\"font-weight:bold\">estrat\u00e9gia de SEO<\/a><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Os elementos de design comandam a maneira como o conte\u00fado \u00e9 publicado em seu site e como os spiders dos mecanismos de pesquisa rastreiam e indexam suas p\u00e1ginas.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">O tr\u00e1fego org\u00e2nico leva \u00e0 forma mais barata de convers\u00e3o digital e o design para SEO cumpre isso, ajudando voc\u00ea a ter uma classifica\u00e7\u00e3o mais elevada nos mecanismos de pesquisa. Consequentemente, a empresa fica mais vis\u00edvel para seus clientes em potencial.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Promove confian\u00e7a e gerenciamento de relacionamento mais f\u00e1cil<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00c9 dif\u00edcil para qualquer cliente online confiar em um site mal projetado. Com um design atraente que capta habilmente a vis\u00e3o e o valor da marca, os visitantes tendem a permanecer mais tempo em seu site, criando mais oportunidades de captura de leads para a empresa.<\/span><\/p>\n<h3 id=\"mantem-sua-empresa-competitiva\"><span style=\"font-weight: 400;\">Mant\u00e9m sua empresa competitiva<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Independentemente do setor em que voc\u00ea opera, h\u00e1 grandes chances de que seus concorrentes j\u00e1 estejam aproveitando os benef\u00edcios de designs impec\u00e1veis. Qualquer ignor\u00e2ncia de sua parte apenas tornar\u00e1 o caso deles mais forte e far\u00e1 com que voc\u00ea perca oportunidades valiosas de diferencia\u00e7\u00e3o.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Melhor desempenho das campanhas de marketing<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Marketing e designs memor\u00e1veis \u200b\u200bandam de m\u00e3os dadas. Quando os visitantes chegam ao seu site de qualquer canal de marketing, eles j\u00e1 est\u00e3o na fase de considera\u00e7\u00e3o. Embora seja importante ter uma estrat\u00e9gia de design consistente, p\u00e1ginas da web projetadas de maneira inteligente tendem a ter taxas de convers\u00e3o muito melhores.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"o-design-orientado-para-conversao\"><span style=\"font-weight: 400;\">O design orientado para convers\u00e3o<\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12030 size-full\" title=\"dicas para fazer layouts que convertem mais\" src=\"https:\/\/novo.siteup.dev\/wp-content\/uploads\/2021\/02\/dicas-fazer-layouts-convertem-mais3.jpg\" alt=\"dicas para fazer layouts que convertem mais\" width=\"1920\" height=\"1280\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Os usu\u00e1rios que chegam a um site geralmente est\u00e3o em busca de solu\u00e7\u00e3o para um problema. Sabendo disso, o objetivo do design orientado para a convers\u00e3o \u00e9 encontrar usu\u00e1rios cujos problemas ser\u00e3o resolvidos escolhendo seu produto.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Com isso em mente, melhorar a taxa de convers\u00e3o n\u00e3o significa induzir os usu\u00e1rios a fazer algo, mas, sim mostrar aos usu\u00e1rios certos como resolver seus problemas. Para tanto, \u00e9 preciso deixar duas coisas claras: como o produto resolver\u00e1 o problema do usu\u00e1rio e o que ele deve fazer para prosseguir.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Isso quer dizer que uma das <\/span><b>dicas para fazer layouts que convertem mais<\/b><span style=\"font-weight: 400;\"> \u00e9 investir em dois aspectos centrais:<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>Proposi\u00e7\u00e3o de valor:<\/b><span style=\"font-weight: 400;\"> ela ir\u00e1 determinar se o seu produto pode resolver o problema do usu\u00e1rio. Pode ser uma simples descri\u00e7\u00e3o dos benef\u00edcios, depoimentos de clientes ou apenas uma declara\u00e7\u00e3o sobre o que o produto far\u00e1 pelo usu\u00e1rio. Uma p\u00e1gina n\u00e3o se limita a uma proposi\u00e7\u00e3o de valor, o ideal \u00e9 ter v\u00e1rias. Al\u00e9m disso, \u00e9 importante que o t\u00edtulo da p\u00e1gina\u00a0 entregue uma proposi\u00e7\u00e3o de valor.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">O usu\u00e1rio deve ser capaz de determinar rapidamente porque seu produto ser\u00e1 \u00fatil para resolver o problema. Depois que o valor do seu produto for esclarecido, voc\u00ea precisar\u00e1 direcionar o usu\u00e1rio para a convers\u00e3o com uma <\/span><i><span style=\"font-weight: 400;\">call-to-action<\/span><\/i><span style=\"font-weight: 400;\"> (CTA).\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>Chamada para a a\u00e7\u00e3o:<\/b><span style=\"font-weight: 400;\"> deve informar ao usu\u00e1rio o que ele deve fazer para resolver o problema &#8211; o que, no seu caso, significa converter. A maioria dos bot\u00f5es e links devem ser CTAs. S\u00e3o elas que orientam os usu\u00e1rios para que eles saibam para descobrir qual \u00e9 a pr\u00f3xima etapa.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Al\u00e9m disso, a facilidade de acesso \u00e9 um grande fator de sucesso aqui. Usar um formul\u00e1rio real, em vez do bot\u00e3o Solicitar informa\u00e7\u00f5es (que apontava para uma p\u00e1gina de formul\u00e1rio), por exemplo, \u00e9 mais eficaz e aumenta a taxa de convers\u00e3o. Se voc\u00ea tamb\u00e9m est\u00e1 tentando obter informa\u00e7\u00f5es de um usu\u00e1rio, considere um grande formul\u00e1rio no topo da p\u00e1gina.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Como vimos at\u00e9 aqui, uma das <\/span><b>dicas para fazer layouts que convertem mais<\/b><span style=\"font-weight: 400;\"> \u00e9 garantir maior clareza na apresenta\u00e7\u00e3o da proposta de valor e da chamada para a\u00e7\u00e3o. Existem outros fatores tamb\u00e9m, como diminuir o atrito no processo de convers\u00e3o e melhorar o desempenho. Contudo, a m\u00e1gica da convers\u00e3o acontece com a proposta de valor e as CTAs em destaque.\u00a0<\/span><\/p>\n<h2 id=\"7-dicas-para-fazer-layouts-que-convertem-mais\"><span style=\"font-weight: 400;\">7 dicas para fazer layouts que convertem mais<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">A otimiza\u00e7\u00e3o do design para convers\u00e3o \u00e9 orientada por sete princ\u00edpios b\u00e1sicos. Aqui, apresentamos cada um deles como <\/span><b>dicas para fazer layouts que convertem mais<\/b><span style=\"font-weight: 400;\">. Confira!<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"aplique-a-tecnica-do-encapsulamento\"><span style=\"font-weight: 400;\">Aplique a t\u00e9cnica do encapsulamento<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">O encapsulamento \u00e9 a embalagem em que voc\u00ea coloca o conte\u00fado mais importante. Assim como o papel de presente que usamos para chamar a aten\u00e7\u00e3o de algu\u00e9m, a ideia \u00e9 deixar claro para o visitante que o conte\u00fado \u00e9 importante para ele.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">O que voc\u00ea embala em um design orientado para convers\u00e3o? O conte\u00fado que aciona a a\u00e7\u00e3o que voc\u00ea deseja.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">O encapsulamento consiste em criar um efeito de t\u00fanel, direcionando o olhar da pessoa para o foco da p\u00e1gina: o CTA, por exemplo.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Esse recurso evita que o visitante se distraia, mantendo seu olhar voltado para o ponto de interesse. O encapsulamento visa conquistar o clique necess\u00e1rio para a convers\u00e3o.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"coloque-os-elementos-em-contraste\"><span style=\"font-weight: 400;\">Coloque os elementos em contraste<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Coloque um grande bot\u00e3o vermelho em um fundo vermelho brilhante e o que acontece? Torna-se indistingu\u00edvel do fundo.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Aqui, n\u00e3o s\u00e3o as cores que voc\u00ea usa: \u00e9 o contraste do fundo que importa.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Se o seu apelo \u00e0 a\u00e7\u00e3o se mistura com todo o resto, quem o ver\u00e1? Ningu\u00e9m. Fa\u00e7a as coisas se destacarem usando o contraste. Branco sobre preto. Verde sobre vermelho. Busque criar os maiores n\u00edveis de contraste. Essa \u00e9 uma das <\/span><b>dicas para\u00a0 fazer layouts que convertem mais<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"direcione-a-atencao-do-leitor\"><span style=\"font-weight: 400;\">Direcione a aten\u00e7\u00e3o do leitor\u00a0<\/span><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12031 size-full\" title=\"dicas fazer layouts convertem mais\" src=\"https:\/\/novo.siteup.dev\/wp-content\/uploads\/2021\/02\/dicas-fazer-layouts-convertem-mais4.jpg\" alt=\"dicas para fazer layouts que convertem mais\" width=\"1920\" height=\"1280\" \/><\/p>\n<p><span style=\"font-weight: 400;\">No design orientado para a convers\u00e3o, voc\u00ea deseja simplificar a intera\u00e7\u00e3o dos usu\u00e1rios, para que eles realizem a\u00e7\u00f5es. Ou seja, precisa construir suas p\u00e1ginas de forma que eles apontem o caminho para a a\u00e7\u00e3o que voc\u00ea deseja que eles realizem.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Voc\u00ea pode usar setas para destacar a aten\u00e7\u00e3o para \u00e1reas espec\u00edficas na tela ou triangular para criar um ponto focal. Quando voc\u00ea usa fotos, use a linha de vis\u00e3o para apontar a chamada para a a\u00e7\u00e3o.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Usualmente, os designers incluem caminhos, setas e linhas de vis\u00e3o para direcionar o olhar do usu\u00e1rio para o foco da p\u00e1gina.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"explore-o-espaco-em-branco\"><span style=\"font-weight: 400;\">Explore o espa\u00e7o em branco<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Quanto mais espa\u00e7o em branco, melhor. Isso porque seus projetos ser\u00e3o mais b\u00e1sicos e menos desordenados, tornando a visualiza\u00e7\u00e3o e a tomada de decis\u00e3o do usu\u00e1rio mais simples e f\u00e1cil. Isso tamb\u00e9m torna mais simples comunicar uma \u00fanica mensagem principal ao usu\u00e1rio.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">N\u00e3o h\u00e1 melhor exemplo do uso poderoso de espa\u00e7o em branco do que a p\u00e1gina inicial do Google.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"use-a-urgencia-e-a-escassez\"><span style=\"font-weight: 400;\">Use a urg\u00eancia e a escassez<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Se voc\u00ea quiser que as pessoas ajam agora, voc\u00ea tem que dar a elas uma raz\u00e3o para fazer isso. A psicologia diz que voc\u00ea pode levar as pessoas \u00e0 a\u00e7\u00e3o limitando seu tempo de tomada de decis\u00e3o. Voc\u00ea pode fazer isso tornando o recurso escasso \u201cRestam apenas 3 produtos com esse pre\u00e7o!\u201d ou tornando o tempo escasso \u201cRestam apenas 41 minutos para fazer o pedido para entrega amanh\u00e3 de manh\u00e3!\u201d<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Coloque esse tipo de mensagem o mais pr\u00f3ximo poss\u00edvel da frase de chamariz. O usu\u00e1rio precisa sentir que essa \u00e9 uma oferta especial e limitada. A mensagem \u00e9 clara: \u201cAja agora ou perca!\u201d.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"ofereca-uma-experiencia-antes-da-compra\"><span style=\"font-weight: 400;\">Ofere\u00e7a uma experi\u00eancia antes da compra<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Se voc\u00ea j\u00e1 foi a um supermercado e recebeu uma amostra de um produto, sabe que essa n\u00e3o foi uma atitude generosa do fabricante. Ela \u00e9 uma t\u00e9cnica que ajuda voc\u00ea a decidir comprar um produto com a certeza de que vai gostar dele.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">No ambiente digital, \u00e9 poss\u00edvel oferecer uma amostra tamb\u00e9m. Pense em dar uma sinopse de um relat\u00f3rio ou um cap\u00edtulo de amostra de um livro, ou os primeiros 10 minutos de seu v\u00eddeo de treinamento mais recente.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">A ideia \u00e9 simples: proporcionar aos clientes a garantia de que o seu produto vale o investimento. Mesmo quando esse investimento \u00e9 apenas um endere\u00e7o de e-mail.<\/span><\/p>\n<h3 id=\"conte-com-a-prova-social-o-feedback-de-outros-clientes\"><span style=\"font-weight: 400;\">Conte com a Prova Social, o feedback de outros clientes<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">No design de um site orientado para a convers\u00e3o, a chave final para fechar um neg\u00f3cio \u00e9 que o visitante confie em voc\u00ea o suficiente para dar o salto de f\u00e9 necess\u00e1rio para se tornar um cliente.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Uma das maneiras mais simples de ajudar a construir essa confian\u00e7a \u00e9 fornecer &#8220;prova social&#8221;. Ou seja, um feedback sobre como outros clientes e visitantes se sentiram em rela\u00e7\u00e3o a seus produtos e servi\u00e7os.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">\u00c9 poss\u00edvel fazer classifica\u00e7\u00f5es por estrelas ou depoimentos completos. No design, lembre-se de colocar sempre uma pequena explica\u00e7\u00e3o, antes do depoimento, para deixar claro que \u00e9 isso mesmo.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>Esse guestpost foi produzido em parceria com a <\/b><b>Operand<\/b><b>, uma ferramenta de gest\u00e3o de tarefas e equipes integrado para equipes criativas.<\/b><\/p>","protected":false},"excerpt":{"rendered":"<p>Foi-se o tempo em que era aceit\u00e1vel mensurar a qualidade dos projetos de comunica\u00e7\u00e3o e publicidade no campo abstrato. Cada vez mais, os n\u00fameros s\u00e3o usados para medir o sucesso de um trabalho. Al\u00e9m disso, o design de um site \u00e9 importante inclusive para gerar engajamento de quem o acessa. Pensando nisso, preparamos importantes dicas [&hellip;]<\/p>","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[16,507],"tags":[],"class_list":["post-12027","post","type-post","status-publish","format-standard","hentry","category-desenvolvimento-web","category-geral"],"acf":[],"_links":{"self":[{"href":"https:\/\/novo.siteup.dev\/en\/wp-json\/wp\/v2\/posts\/12027","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/novo.siteup.dev\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/novo.siteup.dev\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/novo.siteup.dev\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/novo.siteup.dev\/en\/wp-json\/wp\/v2\/comments?post=12027"}],"version-history":[{"count":0,"href":"https:\/\/novo.siteup.dev\/en\/wp-json\/wp\/v2\/posts\/12027\/revisions"}],"wp:attachment":[{"href":"https:\/\/novo.siteup.dev\/en\/wp-json\/wp\/v2\/media?parent=12027"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/novo.siteup.dev\/en\/wp-json\/wp\/v2\/categories?post=12027"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/novo.siteup.dev\/en\/wp-json\/wp\/v2\/tags?post=12027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}