Se design n\u00e3o \u00e9 sua \u00e1rea, n\u00e3o se preocupe!<\/p>\n
Neste artigo, vou ajud\u00e1-lo a melhorar neste aspecto, explicando:<\/p>\n
- \n
- O que \u00e9 um infogr\u00e1fico e quais s\u00e3o seus benef\u00edcios?<\/li>\n
- Os tipos existentes com base na sua usabilidade<\/li>\n
- Programas de design e ferramentas online<\/li>\n
- Como promov\u00ea-los para tirar o m\u00e1ximo proveito deles<\/li>\n<\/ul>\n
Se voc\u00ea quiser come\u00e7ar a incluir esse recurso gr\u00e1fico em seus conte\u00fados, continue a ler, pois vamos tentar responder \u00a0todas as suas d\u00favidas com este guia completo para a cria\u00e7\u00e3o de infogr\u00e1ficos com ferramentas gratuitas ou profissionais.<\/p>\n\n
Voc\u00ea sabe o que \u00e9 um infogr\u00e1fico, quais s\u00e3o seus elementos e os benef\u00edcios para a sua marca?<\/h2>\n
![\"Qu\u00e9](\"https:\/\/mailrelay.com\/wp-content\/uploads\/2016\/09\/como-hacer-infografias.jpg\" "\\"Qu\u00e9")
<\/p>\nA primeira coisa que quero deixar claro \u00e9 o que \u00e9 um infogr\u00e1fico, pois todos os dias vemos muito conte\u00fado visual associado a diferentes marcas, mas ser\u00e1 que podemos consider\u00e1-los infogr\u00e1ficos?<\/p>\n
\nDefini\u00e7\u00e3o de infogr\u00e1ficos<\/div>\nInfogr\u00e1ficos s\u00e3o ferramentas de comunica\u00e7\u00e3o visual que representam, resumem e explicam, de forma atraente e f\u00e1cil de assimilar, uma grande quantidade de informa\u00e7\u00f5es em um curto per\u00edodo de tempo.<\/div>\n<\/div>\nAl\u00e9m de ser \u00fatil como uma ferramenta de comunica\u00e7\u00e3o, eles s\u00e3o especialmente recomendados para explicar problemas complexos e dif\u00edceis de entender.<\/p>\n
Elementos essenciais de branding<\/a><\/h3>\n
Dependendo do tema, os infogr\u00e1ficos podem ser de v\u00e1rios tipos; informativos, publicit\u00e1rios, did\u00e1ticos, etc.<\/p>\n
No entanto, todos eles devem compartilhar a mesma ess\u00eancia, uma vez que o design e estilo s\u00e3o aspectos muito pessoais, que geralmente est\u00e3o ligados aos gostos de cada um, mas devem estar de acordo com a marca criadora do conte\u00fado.<\/p>\n
Embora o design de cada infogr\u00e1fico tenha suas nuances e o conte\u00fado seja orientado para objetivos espec\u00edficos, esses recursos visuais geralmente compartilham certos elementos de branding que voc\u00ea deve incluir em seus designs:<\/p>\n
- \n
- Logotipo ou assinatura:<\/strong> Os usu\u00e1rios devem poder reconhecer facilmente a marca que est\u00e1 compartilhando essa informa\u00e7\u00e3o<\/li>\n
- Fonte:<\/strong> se a marca usa um tipo de letra espec\u00edfico, \u00e9 recomendado usar a mesma fonte (ou pelo menos da mesma fam\u00edlia tipogr\u00e1fica)<\/li>\n
- Imagens:<\/strong> se voc\u00ea usa fotografias, \u00edcones ou ilustra\u00e7\u00f5es, estas devem corresponder ao estilo da marca<\/li>\n
- Cores:<\/strong> outro elemento que pode relacionar o conte\u00fado visual com uma marca, \u00e9 o uso de cores corporativas<\/li>\n
- Tom:<\/strong> a empresa \u00e9 geralmente pr\u00f3xima ou distante? O mesmo tom de comunica\u00e7\u00e3o que \u00e9 usado no resto do conte\u00fado, dever\u00e1 ser usado em infogr\u00e1ficos<\/li>\n<\/ul>\n
Al\u00e9m disso, existem muitos outros recursos que voc\u00ea pode incluir, como \u00edcones, ilustra\u00e7\u00f5es, logotipos, esquemas de cores ou todos os tipos de ornamentos.<\/p>\n
Adicionar mais ou menos elementos, sempre depender\u00e1 do gosto do autor, mas eu sempre recomendarei n\u00e3o abusar; Se voc\u00ea exagerar, pode ser dif\u00edcil entender a informa\u00e7\u00e3o do seu infogr\u00e1fico.<\/p>\n
Vantagens da cria\u00e7\u00e3o de infogr\u00e1ficos para melhorar imagem de marca ou marca pessoal<\/h3>\n
Se voc\u00ea trabalhar bem com o design e o conte\u00fado desse recurso visual, voc\u00ea poder\u00e1 obter muitas vantagens.<\/p>\n
Talvez a principal vantagem deste tipo de conte\u00fado \u00e9 o fato de que pode ser facilmente compartilhado. Isto significa que voc\u00ea poder\u00e1 divulgar seu trabalho para um grande n\u00famero de pessoas.<\/p>\n
A cria\u00e7\u00e3o de um infogr\u00e1fico pode ser vantajosa por muitos outros motivos, como por exemplo:<\/p>\n
- \n
- Os usu\u00e1rios v\u00e3o lembrar da empresa por mais tempo do que se eles estivessem lendo um an\u00fancio sobre sua marca.<\/li>\n
- Melhorar a imagem corporativa<\/a> ou marca pessoal<\/li>\n
- Oferecer valor agregado aos usu\u00e1rios<\/li>\n
- Aumentar o tempo que os usu\u00e1rios permanecem no site<\/li>\n
- Transmitir grandes quantidades de informa\u00e7\u00e3o em um pequeno espa\u00e7o de tempo<\/li>\n
- Explicar de uma forma mais did\u00e1tica problemas complexos para os usu\u00e1rios<\/li>\n
- Fortalecer o estilo visual da marca<\/li>\n<\/ul>\n
N\u00e3o se esque\u00e7a disso tamb\u00e9m, gra\u00e7as aos backlinks, voc\u00ea poder\u00e1 melhorar os resultados da sua estrat\u00e9gia de SEO, pois seu infogr\u00e1fico ser\u00e1 compartilhado com o link para o seu site ou blog.<\/strong><\/p>\n
Tipos de infogr\u00e1ficos de acordo com sua aplica\u00e7\u00e3o<\/h2>\n
Quando voc\u00ea est\u00e1 criando conte\u00fado, pode trabalhar com um objetivo unidirecional, ou pensar em interagir com os usu\u00e1rios e criar um canal bidirecional de comunica\u00e7\u00e3o.<\/p>\n
Com base nos seus objetivos, voc\u00ea pode criar um infogr\u00e1fico com uma imagem est\u00e1tica ou criar uma imagem interativa.<\/p>\n
Voc\u00ea quer saber quais s\u00e3o os benef\u00edcios e desvantagens de cada op\u00e7\u00e3o?<\/p>\n
Infogr\u00e1ficos est\u00e1ticos<\/h3>\n
Os infogr\u00e1ficos est\u00e1ticos s\u00e3o os mais comuns, pois s\u00e3o mais f\u00e1ceis de criar e mais virais.<\/p>\n
\nInfografias est\u00e1ticos<\/div>\nS\u00e3o criados como um arquivo de imagem (geralmente em jpg ou png), e que apresentam todas as informa\u00e7\u00f5es em uma \u00fanica tela, sem permitir navegabilidade dentro do infogr\u00e1fico.<\/div>\n<\/div>\nEsse tipo de conte\u00fado \u00e9 o mais comum em blogs, newsletters e nas redes sociais.<\/p>\n
\u21d2\u00a0Vantagens<\/strong><\/p>\n
Se voc\u00ea decidir escolher a op\u00e7\u00e3o mais simples, voc\u00ea poder\u00e1 ter as seguintes vantagens:<\/p>\n
- \n
- Design:<\/strong> Voc\u00ea s\u00f3 precisar\u00e1 trabalhar com uma \u00fanica imagem que ir\u00e1 resumir todas as informa\u00e7\u00f5es, facilitando o trabalho<\/li>\n
- Difus\u00e3o:<\/strong> como s\u00e3o arquivos \u00fanicos, podem ser anexados facilmente em redes sociais ou email<\/li>\n
- Exibi\u00e7\u00e3o:<\/strong> todos os navegadores e dispositivos est\u00e3o preparados para abrir uma imagem, ent\u00e3o n\u00e3o haver\u00e1 problemas de compatibilidade<\/li>\n<\/ul>\n
\u21d2\u00a0Desvantagens<\/strong><\/p>\n
Por outro lado, esse tipo de arquivo tem suas limita\u00e7\u00f5es, ent\u00e3o voc\u00ea tamb\u00e9m encontrar\u00e1 algumas desvantagens:<\/p>\n
- \n
- Tamanho limitado:<\/strong> embora voc\u00ea possa criar a imagem com o tamanho que voc\u00ea desejar, quanto maior a imagem, mais dif\u00edcil ser\u00e1 ler os textos em telas mais pequenas<\/li>\n
- Edi\u00e7\u00e3o limitada:<\/strong> ap\u00f3s o lan\u00e7amento do conte\u00fado, voc\u00ea n\u00e3o poder\u00e1 modificar o arquivo que os usu\u00e1rios receberem. Se voc\u00ea quiser executar mudan\u00e7as, seria preciso promover o infogr\u00e1fico novamente<\/li>\n<\/ul>\n
Infogr\u00e1ficos interativos<\/h3>\n
Os infogr\u00e1ficos interativos s\u00e3o menos frequentes, embora funcionem muito bem para apresentar informa\u00e7\u00f5es extensas ou complexas.<\/p>\n
\nInfogr\u00e1ficos interativos<\/div>\nS\u00e3o aqueles que permitem aos usu\u00e1rios navegar atrav\u00e9s deles por meio de p\u00e1ginas web, e apresentar informa\u00e7\u00f5es em v\u00e1rios n\u00edveis<\/div>\n<\/div>\nEmbora eles geralmente s\u00e3o criados por empresas com a ajuda de um programador (pois exigem mais trabalho t\u00e9cnico), dependendo do projeto<\/a>, o infogr\u00e1fico pode ser criado com programas de design f\u00e1ceis de usar.<\/p>\n
\u21d2 Vantagens<\/h4>\n
Eles exigem mais trabalho do que os infogr\u00e1ficos est\u00e1ticos, e isso se reflete em suas vantagens:<\/p>\n
- \n
- Tamanho ilimitado:<\/strong> Como voc\u00ea poder\u00e1 apresentar as informa\u00e7\u00f5es em v\u00e1rios n\u00edveis, voc\u00ea ter\u00e1 todo o espa\u00e7o necess\u00e1rio para incluir todas as informa\u00e7\u00f5es relevantes para ajudar os leitores.<\/li>\n
- Visualiza\u00e7\u00e3o responsive:<\/strong> s\u00e3o aplicativos ou websites, por isso \u00e9 poss\u00edvel criar um design responsive<\/li>\n
- P\u00f3s-edi\u00e7\u00e3o ilimitada:<\/strong> o que se torna viral neste caso \u00e9 a URL onde o infogr\u00e1fico est\u00e1 hospedado, ent\u00e3o voc\u00ea poder\u00e1 modificar as informa\u00e7\u00f5es sempre que precisar<\/li>\n<\/ul>\n
\u21d2 Desvantagens<\/h4>\n
Como n\u00e3o \u00e9 um arquivo f\u00e1cil de converter, este tipo de infogr\u00e1fico tamb\u00e9m apresenta algumas desvantagens:<\/p>\n
- \n
- Difus\u00e3o:<\/strong> o dom\u00ednio \u00e9 viralizado e n\u00e3o o arquivo, ent\u00e3o pode ser menos visual e atraente<\/li>\n
- Desenvolvimento:<\/strong> embora j\u00e1 existam alguns programas que facilitaram o seu trabalho, ser\u00e1 necess\u00e1rio dedicar mais tempo e esfor\u00e7os para criar este tipo de infogr\u00e1fico.<\/li>\n
- Visualiza\u00e7\u00e3o:<\/strong> se voc\u00ea n\u00e3o for cuidadoso, pode ser incompat\u00edvel com alguns navegadores ou dispositivos<\/li>\n<\/ul>\n
Como fazer infogr\u00e1ficos inesquec\u00edveis?<\/h2>\n
![\"C\u00f3mo](\"https:\/\/mailrelay.com\/wp-content\/uploads\/2016\/11\/infografias-inolvidables.png\" "\\"C\u00f3mo")
<\/p>\nTrabalhar bem esses recursos visuais \u00e9 muito importante para que voc\u00ea possa alcan\u00e7ar os resultados desejados com sua estrat\u00e9gia de marketing digital.<\/p>\n
Criar um novo infogr\u00e1fico do zero pode ser uma tarefa complexa. No entanto, se voc\u00ea definir os passos que ir\u00e1 seguir antes de come\u00e7ar e escolher a ferramenta apropriada, o processo ser\u00e1 mais f\u00e1cil do que voc\u00ea imagina.<\/strong><\/p>\n
Passos para a cria\u00e7\u00e3o de infogr\u00e1ficos online<\/h3>\n
O primeiro passo para criar um infogr\u00e1fico de sucesso n\u00e3o \u00e9 abrir seu programa de design e come\u00e7ar a editar a imagem que ser\u00e1 usada.<\/p>\n
O processo de design requer pensar bem como apresentar a informa\u00e7\u00e3o, e avaliar todas as possibilidades antes de entrar em aspectos est\u00e9ticos.<\/p>\n
As etapas para criar um infogr\u00e1fico s\u00e3o:<\/strong><\/p>\n
- \n
- Pesquisa do tema<\/li>\n
- Pesquisa sobre o setor, outros conte\u00fados, etc.<\/li>\n
- Escolha do tipo e estilo<\/li>\n
- Esbo\u00e7ar no papel<\/li>\n
- Sele\u00e7\u00e3o de ferramentas que ser\u00e3o usadas<\/li>\n
- Defini\u00e7\u00e3o do texto, t\u00edtulo e palavras-chave<\/li>\n
- Gera\u00e7\u00e3o do Conte\u00fado<\/li>\n
- Revis\u00e3o do texto<\/li>\n
- Inclus\u00e3o das imagens, ornamentos, ilustra\u00e7\u00f5es, etc.<\/li>\n
- Revis\u00e3o final do design<\/li>\n
- Cria\u00e7\u00e3o, revis\u00e3o e otimiza\u00e7\u00e3o dos arquivos<\/li>\n<\/ol>\n
Ferramentas e programas espec\u00edficos de design para fazer um infogr\u00e1fico<\/h3>\n
Ao preparar a parte visual do conte\u00fado, n\u00e3o se preocupe excessivamente com o design da imagem, pois existem muitas ferramentas para criar infogr\u00e1ficos<\/a> gratuitas e outras pagas para a cria\u00e7\u00e3o de designs profissionais.<\/strong><\/p>\n
\u25ba\u00a0<\/strong>Ferramentas online espec\u00edficas<\/h3>\n
Na Internet, temos a sorte de encontrar centenas de ferramentas de design, muitas delas desenvolvidas para a cria\u00e7\u00e3o de infogr\u00e1ficos.<\/p>\n
Alguns dos meus favoritos s\u00e3o:<\/p>\n
- \n
- Piktochart<\/a>:\u00a0<\/strong>projetado precisamente para a cria\u00e7\u00e3o deste tipo de conte\u00fado. Inclui uma infinidade de modelos e exemplos, e \u00e9 muito simples de usar. Tem uma vers\u00e3o gratuita e outra Premium, mais completa e com funcionalidades avan\u00e7adas.<\/li>\n
- Picmonkey<\/a>:\u00a0<\/strong>pode ser usado para todos os tipos de designs, e embora sua utiliza\u00e7\u00e3o seja um pouco mais complexa, inclui muitos pr\u00e9-designs que podem facilitar sua vida.<\/li>\n
- Canva<\/a>:\u00a0<\/strong>outra ferramenta online muito \u00fatil, que tamb\u00e9m pode ser usada para a cria\u00e7\u00e3o de outros tipos de design.<\/li>\n<\/ul>\n
\u25ba Programas profissionais para design<\/strong><\/p>\n
Se voc\u00ea j\u00e1 tem conhecimento gr\u00e1fico pr\u00e9vio e quer criar designs ainda mais personalizados (ou criar os elementos que voc\u00ea vai incluir), \u00e9 melhor escolher programas de design como os seguintes:<\/p>\n
- \n
- Adobe Illustrator:<\/strong> projetado para design de vetores, \u00e9 um dos programas da Adobe muito usado por designers. O uso \u00e9 complexo e requer conhecimentos avan\u00e7ados em design.<\/li>\n
- InkScape:<\/strong> de c\u00f3digo livre, este software \u00e9 orientado para o design vetorial<\/li>\n
- Gimp:<\/strong> outro programa de c\u00f3digo livre, com uma infinidade de op\u00e7\u00f5es para a cria\u00e7\u00e3o de designs profissionais.<\/li>\n<\/ul>\n
\u25ba\u00a0Ferramentas para infogr\u00e1ficos interativos<\/strong><\/p>\n
Se voc\u00ea optar por criar conte\u00fados interativos, dependendo da complexidade do projeto, ser\u00e1 preciso trabalhar com um programador ou usar uma ferramenta online espec\u00edfica.<\/p>\n
Voc\u00ea poder\u00e1 encontrar ferramentas muito intuitivas, que permitem que voc\u00ea crie v\u00e1rios n\u00edveis de navega\u00e7\u00e3o (embora com limita\u00e7\u00f5es).<\/p>\n
Como um bom ponto de partida, recomendo:<\/p>\n
- \n
- Genial.ly<\/a>:\u00a0<\/strong>Seu ponto forte \u00e9 a interatividade do software. \u00c9 f\u00e1cil de usar e inclui muitos modelos e exemplos<\/li>\n
- Dipity.com:\u00a0<\/strong>Limitado aos designs com uma linha do tempo, \u00e9 f\u00e1cil de usar e oferece um alto grau de interatividade<\/li>\n
- Venngage<\/a>:<\/strong> inclui uma s\u00e9rie de templates para a cria\u00e7\u00e3o de infogr\u00e1ficos interativos, como mapas, cronogramas, organogramas, etc. Voc\u00ea pode combinar todas estas op\u00e7\u00f5es no mesmo projeto.
\n<\/strong><\/li>\n<\/ul>\nComo promover e viralizar seus infogr\u00e1ficos online?<\/h2>\n
Quando o trabalho de design estiver conclu\u00eddo, o pr\u00f3ximo passo \u00e9 promover e divulgar os seus infogr\u00e1ficos para alcan\u00e7ar o maior n\u00famero poss\u00edvel de pessoas.<\/p>\n
Para exibir seu trabalho para o seu p\u00fablico-alvo, voc\u00ea precisar\u00e1 primeiro definir os seus objetivos. Para fazer isto, ser\u00e1 necess\u00e1rio planejamento e dedica\u00e7\u00e3o. Voc\u00ea precisar\u00e1 usar todos os canais dispon\u00edveis para divulgar seu infogr\u00e1fico, al\u00e9m de preparar um conte\u00fado explicativo sobre quais informa\u00e7\u00f5es voc\u00ea deseja explicar.<\/p>\n
Canais<\/h3>\n
Para promover um infogr\u00e1fico, voc\u00ea pode usar canais diferentes. Todos eles s\u00e3o comuns para qualquer estrat\u00e9gia de marketing digital.<\/p>\n
Por exemplo:<\/strong><\/p>\n
- Dipity.com:\u00a0<\/strong>Limitado aos designs com uma linha do tempo, \u00e9 f\u00e1cil de usar e oferece um alto grau de interatividade<\/li>\n
- InkScape:<\/strong> de c\u00f3digo livre, este software \u00e9 orientado para o design vetorial<\/li>\n
- Picmonkey<\/a>:\u00a0<\/strong>pode ser usado para todos os tipos de designs, e embora sua utiliza\u00e7\u00e3o seja um pouco mais complexa, inclui muitos pr\u00e9-designs que podem facilitar sua vida.<\/li>\n
- Piktochart<\/a>:\u00a0<\/strong>projetado precisamente para a cria\u00e7\u00e3o deste tipo de conte\u00fado. Inclui uma infinidade de modelos e exemplos, e \u00e9 muito simples de usar. Tem uma vers\u00e3o gratuita e outra Premium, mais completa e com funcionalidades avan\u00e7adas.<\/li>\n
- Desenvolvimento:<\/strong> embora j\u00e1 existam alguns programas que facilitaram o seu trabalho, ser\u00e1 necess\u00e1rio dedicar mais tempo e esfor\u00e7os para criar este tipo de infogr\u00e1fico.<\/li>\n
- Visualiza\u00e7\u00e3o responsive:<\/strong> s\u00e3o aplicativos ou websites, por isso \u00e9 poss\u00edvel criar um design responsive<\/li>\n
- Edi\u00e7\u00e3o limitada:<\/strong> ap\u00f3s o lan\u00e7amento do conte\u00fado, voc\u00ea n\u00e3o poder\u00e1 modificar o arquivo que os usu\u00e1rios receberem. Se voc\u00ea quiser executar mudan\u00e7as, seria preciso promover o infogr\u00e1fico novamente<\/li>\n<\/ul>\n
- Difus\u00e3o:<\/strong> como s\u00e3o arquivos \u00fanicos, podem ser anexados facilmente em redes sociais ou email<\/li>\n
- Fonte:<\/strong> se a marca usa um tipo de letra espec\u00edfico, \u00e9 recomendado usar a mesma fonte (ou pelo menos da mesma fam\u00edlia tipogr\u00e1fica)<\/li>\n
- Logotipo ou assinatura:<\/strong> Os usu\u00e1rios devem poder reconhecer facilmente a marca que est\u00e1 compartilhando essa informa\u00e7\u00e3o<\/li>\n
![\"Teresa](\"https:\/\/mailrelay.com\/wp-content\/uploads\/2016\/07\/teresa-alba.jpg\" "\\"Teresa")
<\/p>\n","protected":false},"excerpt":{"rendered":"