Por: Um flipbook sem links é apenas um PDF com animação de virar páginas. Ele fica mais bonito, claro, mas o leitor ainda não consegue fazer nada com ele. Não pode clicar no seu número de telefone para ligar. Não pode assistir à demonstração do seu produto sem trocar de aba. Não pode tocar em uma área da planta baixa para ver a metragem.
Adicionar interatividade muda toda a dinâmica. A equipe por trás da The Modern Muse explicou bem: "A Issuu permite que nossa revista se torne interativa e que os leitores cliquem em links para saber mais sobre os temas e comprar das marcas que apresentamos." Essa mudança, da leitura para o clique, é o que separa um documento que as pessoas apenas folheiam de outro que elas realmente usam.
E os dados de engajamento confirmam isso. A Linearity compilou pesquisas que mostram que conteúdos interativos geram um engajamento 52,6% maior do que formatos estáticos, com leitores passando em média 13 minutos no conteúdo interativo, contra 8,5 minutos no estático. O motivo é a parte interessante: cada elemento clicável representa uma microdecisão, e tomar decisões mantém as pessoas atentas. Rolar a tela é passivo. Clicar é ativo.
Todo esse processo leva cerca de cinco minutos, e a maior parte desse tempo é gasta decidindo onde colocar os elementos, não tentando entender como as ferramentas funcionam.
Como os links realmente funcionam no editor
Abra seu projeto no editor do Flipbooker, selecione a ferramenta de link na barra de ferramentas (é o ícone de corrente no lado esquerdo) e desenhe um retângulo sobre o que você quiser tornar clicável. Pode ser um botão criado no seu PDF, um número de telefone, um endereço de e-mail ou uma imagem da fachada da sua loja. Para o editor, o que está por baixo não importa. Você está apenas definindo uma zona clicável.
Depois de desenhar a área, uma janela pergunta para onde o clique deve levar. Há quatro opções: uma URL da web, um endereço de e-mail (mailto:), um número de telefone (tel:) ou outra página dentro do flipbook. Escolha uma delas, cole ou digite o destino, salve e pronto.
É no destino que as pessoas erram. Elas vinculam o botão "Fale conosco" à página inicial, em vez de ao formulário de contato. Vinculam a imagem de um produto à página principal do catálogo, em vez de à página daquele produto específico. Cada link deve levar o leitor exatamente ao lugar que ele esperava encontrar quando clicou. Se ele precisar procurar depois do clique, você desperdiçou a interação. Parece óbvio, mas examine qualquer folheto digital e você encontrará pelo menos um link que leva a algum lugar vago.
O outro erro comum é a falta de sinalização. No desktop, você pode adicionar um destaque ao passar o mouse para que o cursor mude sobre uma área clicável. Isso funciona bem. Mas celulares não têm hover. Se seus leitores usam dispositivos móveis — e provavelmente mais da metade usa —, eles precisam de uma indicação visual incorporada ao próprio design. Um pequeno ícone sobreposto, uma borda colorida, um texto dizendo "toque aqui". Qualquer coisa. Caso contrário, seus links cuidadosamente posicionados ficam invisíveis.
E os vídeos?
Vídeos são mais simples que links, para falar a verdade. Selecione a ferramenta de vídeo, clique no ponto da página onde deseja inseri-lo, cole uma URL do YouTube ou Vimeo e redimensione o espaço reservado para encaixá-lo no layout. Esse é o processo inteiro.
A decisão importante é usar ou não a reprodução automática. A maioria dos navegadores bloqueia a reprodução automática com som, então, mesmo que você a ative, ela não funcionará como imagina. A reprodução automática sem áudio é tecnicamente possível, mas costuma incomodar. Um loop curto e silencioso na capa pode funcionar como fundo ambiente. Em qualquer outro caso, deixe o leitor apertar o play quando estiver pronto.
Vale saber uma coisa: incorporar conteúdo do YouTube ou Vimeo não aumenta o tamanho do arquivo do seu flipbook, pois o vídeo é transmitido pelos servidores dessas plataformas. Se você enviar um arquivo de vídeo diretamente para o Flipbooker, esse arquivo entra na conta. Mantenha uploads diretos curtos, com 30 segundos ou menos, se possível.
É nos hotspots que a coisa fica interessante
Links e vídeos são ferramentas simples. Hotspots permitem mais criatividade, e acho que a maioria das pessoas não aproveita todo o potencial deles porque não enxerga de imediato onde usá-los.
Um hotspot é uma área clicável invisível que aciona uma ação quando alguém toca nela. A ação pode exibir uma janela com mais detalhes, abrir um link, reproduzir um vídeo sobre a página, avançar para outra página ou mostrar uma dica de contexto.
Imagine um folheto imobiliário com uma planta baixa. Sem hotspots, é um desenho bonito. Com hotspots, o leitor toca na suíte principal e vê dimensões, acabamentos e uma galeria de fotos. Toca na cozinha e encontra as especificações dos eletrodomésticos. A planta inteira vira um mapa interativo que substitui o que, de outra forma, seriam seis páginas adicionais de texto.
Ou pense em um catálogo de produtos. A Newell Brands, empresa por trás de Sharpie, Rubbermaid e cerca de cem outras marcas, migrou seus catálogos impressos para o formato digital interativo. Lars Herzog, diretor de Marketing Digital e Online para EMEA da empresa, explicou o raciocínio: "Com catálogos interativos, tornamos nossos produtos mais atraentes para quem os recebe e, no fim das contas, conseguimos vender mais por meio deles." Hotspots nas imagens dos produtos podem mostrar preços, especificações ou um link direto para fazer o pedido. É esse tipo de utilidade que justifica os dez minutos extras de configuração.
O grande ponto de atenção com hotspots: eles precisam ser grandes o suficiente para serem tocados com o polegar na tela de um celular. É aqui que muita gente tropeça. Um hotspot com 20 pixels de largura pode parecer ótimo no monitor do desktop durante a edição. Em um iPhone, é quase impossível acertá-lo. Faça-o maior do que você acha necessário e sempre visualize o resultado no celular antes de publicar. Se for preciso ampliar a tela para tocar em alguma coisa, ela é pequena demais.
Onde as pessoas erram
O problema mais comum não é técnico. É editorial. As pessoas adicionam interatividade a tudo só porque podem, e o resultado fica poluído. Dez links em uma única página fazem com que ninguém saiba onde clicar primeiro. Três vídeos empilhados na mesma página dupla fazem com que nenhum deles seja assistido.
Escolha no máximo duas ou três interações por página. Pergunte a si mesmo o que você quer que o leitor faça naquela página específica. Ligar para você? Coloque um link no número de telefone. Assistir a uma demonstração? Incorpore um vídeo, não três. Saber mais sobre um produto? Um hotspot com uma janela de detalhes. Todo o resto é ruído.
O outro erro é ignorar completamente os dispositivos móveis. Efeitos de hover, áreas de clique minúsculas, vídeos renderizados nas dimensões do desktop. Mais da metade do seu público lerá em um celular ou tablet, e tudo precisa funcionar sem mouse. As áreas de toque devem ter pelo menos 44 x 44 pixels (e estar de acordo com as orientações de tamanho de alvo das WCAG). E teste em um celular de verdade, não apenas no modo responsivo do navegador.
Quando algo não funciona
Os links não levam a lugar nenhum. Quase sempre é um problema de formatação da URL. Inclua https:// nos links da web. E teste o destino primeiro em um navegador. Um link que leva a uma página com erro 404 é pior do que não ter link algum, porque o leitor tentou interagir e não encontrou nada.
Os vídeos exibem um player vazio. Confira se a URL do YouTube ou Vimeo é um link padrão para assistir ao vídeo, e não uma URL encurtada ou de incorporação. Vídeos privados ou não listados também podem exigir ajustes nas configurações de compartilhamento antes de serem reproduzidos dentro de um flipbook.
Os hotspots não recebem nenhum clique. Se as suas análises mostram que o hotspot existe, mas ninguém toca nele, o problema é de sinalização. Adicione uma animação pulsante, um ícone ou simplesmente um texto que diga "toque para ver detalhes". Áreas interativas invisíveis só funcionam em videogames, não em documentos comerciais.
Os elementos interativos ficam empilhados uns sobre os outros. Use os controles de camada do editor para organizar a ordem de sobreposição. Os links devem ficar na camada superior para registrar os cliques antes de qualquer elemento abaixo deles.
Um ponto de partida prático
Se você nunca adicionou interatividade a um flipbook, comece com um link e um vídeo em um único documento. O link deve levar à página que você mais quer que o leitor visite depois da leitura, seja seu formulário de contato, sua página de preços ou sua ferramenta de agendamento. O vídeo deve substituir uma seção difícil de explicar em texto, como uma demonstração de produto ou uma apresentação da equipe.
Quando tudo estiver funcionando e você tiver conferido o resultado no desktop e em dispositivos móveis, adicione mais. Aos poucos. Os melhores flipbooks interativos não são os que têm mais elementos clicáveis. São aqueles em que existe uma razão por trás de cada interação.
Para saber mais sobre a criação de flipbooks, consulte o guia completo sobre flipbooks ou explore o que é possível fazer no editor.
FAQs
Quantos links devo adicionar por página?
Não existe um limite rígido, mas o ideal é usar de 3 a 5. Acima disso, os leitores não sabem onde clicar primeiro. Escolha as interações mais importantes para cada página.
Vídeos incorporados aumentam o tamanho do arquivo do meu flipbook?
Não, se você incorporar o vídeo do YouTube ou Vimeo. O conteúdo é transmitido pelos servidores dessas plataformas. Os uploads diretos para o Flipbooker afetam o tamanho, então mantenha esses vídeos curtos.
Links e hotspots funcionam em dispositivos móveis?
Sim. Mas teste todos eles. Os hotspots precisam ser grandes o bastante para tocar com o polegar, e efeitos de hover não existem em telas sensíveis ao toque. Adicione indicações visuais, como ícones ou animações pulsantes, para que leitores em dispositivos móveis saibam que há algo tocável.
Posso monitorar quais links recebem cliques?
Sim. As análises do Flipbooker mostram quais links foram clicados e por quem. Isso é útil em propostas comerciais quando você quer saber se alguém acessou sua página de preços.
Devo usar reprodução automática nos vídeos?
Raramente. De qualquer forma, a maioria dos navegadores bloqueia a reprodução automática com som, e até a reprodução automática sem áudio pode parecer invasiva. Deixe os leitores escolherem quando reproduzir. A exceção é um loop curto e silencioso como fundo de uma página de capa.