Estratégia visual - design de Pins que funciona

Descobre o que faz um Pin do Pinterest ganhar guardados na pesquisa, da composição da imagem e do texto sobreposto aos modelos e à consistência visual.

Rascunho

Na maioria das redes sociais, uma publicação visualmente mediana ainda pode ter bom desempenho se o texto for forte ou o momento for certo. No Pinterest não é assim. A imagem é toda a primeira impressão, e o utilizador decide em menos de um segundo, com base no que vê, se guarda, clica ou passa à frente. A qualidade do design no Pinterest não é um extra que melhora os resultados à margem; é a variável principal que determina se um Pin ganha o comportamento de guardar que o algoritmo usa para decidir a amplitude da sua distribuição.

Este artigo explica o que faz o design de um Pin do Pinterest funcionar bem nos resultados de pesquisa, quais os elementos concretos que levam as pessoas a guardar e como criar uma abordagem de design consistente e escalável, sem precisar de produção profissional em cada conteúdo.

Porque é que o design dos Pins importa mais no Pinterest do que noutras plataformas?

Guardar é uma decisão visual

Quando um utilizador guarda um Pin, está a adicionar um elemento visual a um quadro de planeamento a que vai voltar. A decisão de guardar é quase sempre tomada com base na imagem e não no texto: o utilizador vê algo que se encaixa na sua ideia para uma divisão, um visual, uma receita ou um projeto, e guarda para encontrar mais tarde. Um Pin com visuais fracos, por muito bem otimizados que estejam o título e a descrição, não ganha guardados a um ritmo que leve à distribuição algorítmica. A qualidade visual de um Pin não é uma consideração secundária que vem depois da otimização de palavras-chave; é o mecanismo que converte impressões de pesquisa nos sinais de interação que alimentam o alcance contínuo.

O que os utilizadores veem antes de decidirem interagir

Nos resultados de pesquisa do Pinterest, os utilizadores veem uma grelha de Pins a competir ao mesmo tempo pela atenção. A experiência é mais parecida com folhear as páginas de uma revista do que com percorrer um feed social, e o Pin que ganha o clique ou o guardado é normalmente aquele que comunica logo o tema, tem a presença visual mais forte e parece pertencer à coleção que o utilizador está a construir. Um Pin visualmente pouco claro, sem ponto focal ou com imagens que se confundem com os resultados vizinhos na grelha será ignorado, independentemente da sua relevância em palavras-chave. O trabalho do design ao nível dos resultados de pesquisa é interromper a leitura rápida e comunicar relevância antes de o utilizador ler uma única palavra.

Como os sinais de qualidade da imagem afetam a distribuição algorítmica

O algoritmo do Pinterest relaciona a taxa de guardados com a qualidade do conteúdo e, como o comportamento de guardar é sobretudo movido pelos visuais, a qualidade da imagem torna-se um fator algorítmico indireto. Um Pin com uma taxa de guardados elevada indica ao algoritmo que os utilizadores que pesquisam esse tema acharam o conteúdo digno de ser guardado, o que desencadeia uma distribuição mais ampla nesses resultados de pesquisa. Um Pin com taxas de guardados baixas indica o contrário. Este ciclo de retroalimentação significa que uma marca que investe na qualidade do design acumula distribuição ao longo do tempo, enquanto uma marca que publica visuais de baixa qualidade acumula sinais de interação fracos que limitam a distribuição de todos os Pins que publica.

Destacar-se numa grelha de resultados de pesquisa competitiva

Os resultados de pesquisa do Pinterest mostram vários Pins por linha numa grelha em mosaico, o que significa que cada Pin compete pela atenção visual com os quatro, cinco ou seis Pins que o rodeiam no ecrã. Em categorias de grande volume, como decoração, comida e moda, a concorrência nos resultados de pesquisa é densa e bem produzida. Uma marca cujos Pins se perdem no ruído visual da página de resultados ganhará uma fração da interação disponível para uma marca cujos Pins se destacam pelo contraste de cor, pela clareza da composição ou por um estilo visual distintamente reconhecível. A pergunta a fazer sobre o design de cada Pin não é se fica bonito isolado, mas se se destacaria num ecrã rodeado de Pins concorrentes sobre o mesmo tema.

A consistência visual como sinal de reconhecimento da marca

Quando um utilizador encontra vários Pins da mesma marca em pesquisas e sessões de navegação diferentes, é a consistência visual que cria reconhecimento, sem que o utilizador tenha necessariamente consciência disso. Uma marca cujos Pins usam todos a mesma paleta de cores, o mesmo estilo tipográfico e a mesma abordagem de composição cria uma identidade visual que acumula familiaridade ao longo do tempo. Os utilizadores começam a reconhecer os Pins da marca à primeira vista, antes de lerem o nome da conta, o que aumenta a probabilidade de interagirem com novos conteúdos da mesma fonte. Uma produção visual inconsistente, mesmo que cada Pin seja bem feito, não cria este reconhecimento, porque cada Pin parece vir de uma marca diferente.

O que faz o design de um Pin funcionar bem?

Formato vertical e proporção

O feed e os resultados de pesquisa do Pinterest estão otimizados para conteúdo vertical. A proporção recomendada de 2:3 (1000 x 1500 píxeis) ocupa o máximo de espaço vertical de ecrã na grelha de resultados sem ser cortada nem penalizada. Os Pins mais largos do que a proporção 2:3 ocupam menos espaço visual e competem pior com os Pins verticais à volta. Os Pins mais altos do que uma proporção de 1:2,1 são cortados em baixo no feed, o que pode esconder conteúdo importante da imagem ou o texto sobreposto. Definir o formato 2:3 como padrão para todos os Pins de imagem estática é uma das decisões de design mais simples que melhora o desempenho de forma consistente.

Composição da imagem: clareza, contraste e ponto focal

As imagens do Pinterest com melhor desempenho consistente têm um assunto claro, um contraste elevado entre o assunto e o fundo e um ponto focal inequívoco que comunica o tema numa fração de segundo. Composições sobrecarregadas, em que o olhar não sabe onde pousar, imagens de baixo contraste em que o assunto se confunde com o fundo e imagens que exigem uma análise atenta para perceber o tema ficam todas abaixo do seu potencial, seja qual for a qualidade da imagem. Fotografia luminosa e bem iluminada, com um assunto principal claro, supera imagens tecnicamente sofisticadas mas complicadas na composição nos resultados de pesquisa do Pinterest, porque a clareza vence à escala de miniatura.

Texto sobreposto: quando usar e o que o faz funcionar

O texto sobreposto cumpre duas funções: comunica o tema do Pin nos resultados de pesquisa, onde o texto do título é pequeno, e acrescenta à própria imagem conteúdo legível rico em palavras-chave. Nem todos os Pins precisam de texto sobreposto; a fotografia de produto e as imagens de estilo de vida de boa qualidade funcionam muitas vezes melhor sem ele. O texto sobreposto funciona melhor quando a imagem sozinha não comunica totalmente o tema, quando o Pin liga a um artigo ou guia e não a um produto, ou quando a categoria depende muito dos títulos para diferenciar conteúdos de aspeto semelhante. Quando se usam sobreposições, devem ser legíveis em tamanhos pequenos, usar no máximo um ou dois tipos de letra e evitar cobrir o assunto principal da imagem. Texto branco sobre uma imagem ligeiramente escurecida e texto escuro sobre fundo claro são as duas combinações mais legíveis no feed do Pinterest.

Paleta de cores e atenção visual

A cor é o sinal visual mais rápido numa página de resultados de pesquisa em grelha. Os Pins que usam cores fortes e saturadas ou combinações de alto contraste ganham mais atenção inicial do que imagens dessaturadas, apagadas ou de baixo contraste, sobretudo em categorias competitivas onde todos os Pins da grelha lutam pela mesma atenção visual. Isto não significa que todos os Pins precisem de cores vivas; significa que, seja qual for a abordagem de cor da marca, deve ser visualmente distinta das imagens genéricas que compõem a maioria dos resultados da categoria. Uma marca que definiu claramente a sua paleta de cores pode usá-la como diferenciador competitivo nos resultados de pesquisa, em vez de se diluir na média visual da categoria.

Incluir o logótipo da marca sem sobrecarregar a imagem

Vale a pena adicionar o logótipo da marca às imagens dos Pins para efeitos de reconhecimento, mas a posição e o tamanho importam. A prática habitual é colocar um logótipo pequeno num canto da imagem, normalmente em baixo à esquerda ou em baixo à direita, com um tamanho legível mas não dominante. Um logótipo demasiado grande compete com o conteúdo principal da imagem e faz o Pin parecer promocional em vez de inspirador, o que reduz o comportamento de guardar dos utilizadores que estão a recolher ideias e não a fazer compras. Um logótipo colocado ao centro ou sobre uma parte significativa da imagem perturba a composição. O objetivo é tornar a marca reconhecível para os utilizadores que voltam, sem fazer da intenção comercial do Pin a primeira coisa que um utilizador novo vê.

Como criar um sistema de design de Pins escalável?

Criar modelos que mantêm a consistência sem esforço manual

Um modelo de design de Pin é um esquema reutilizável com elementos fixos, nomeadamente a paleta de cores, a escolha de tipos de letra, a posição do logótipo e a estrutura de composição, e elementos variáveis, nomeadamente a imagem e o texto, que mudam a cada novo Pin. Os modelos permitem a uma marca manter a consistência visual em centenas de Pins sem redesenhar cada um do zero, e criam uma identidade visual reconhecível em toda a conta que constrói familiaridade com a marca ao longo do tempo. A maioria das ferramentas de design permite criar modelos que uma pessoa sem formação em design consegue replicar rapidamente. Definir dois ou três modelos distintos para diferentes tipos de conteúdo, como um para Pins de produto, um para Pins de artigos ou blog e um para conteúdo inspiracional, cobre a maior parte da produção típica de Pins sem exigir um design à medida para cada peça.

Padrões de fotografia que funcionam sem orçamento profissional

O padrão visual do Pinterest não exige fotografia profissional; exige consistência e clareza. As variáveis mais importantes na qualidade da fotografia são a iluminação, a limpeza do fundo e o isolamento do assunto. A luz natural de uma janela dá resultados mais consistentes do que a luz artificial na maior parte da fotografia de produto e de comida. Um fundo simples e desimpedido mantém o assunto como ponto focal. Fotografar sempre à mesma distância e ângulo em assuntos do mesmo tipo faz com que as imagens resultantes pareçam pertencer ao mesmo conjunto, mesmo sem trabalho de pós-produção. Uma marca que define três ou quatro configurações de fotografia consistentes para os seus principais tipos de conteúdo consegue um feed de Pins visualmente coerente com um smartphone e equipamento básico.

Adaptar um conteúdo a vários designs de Pin

Um único artigo de blog, produto ou receita pode gerar vários designs de Pin distintos, cada um dos quais o algoritmo trata como conteúdo novo, com uma oportunidade de distribuição independente. Uma marca de comida pode criar três Pins diferentes para a mesma receita: um grande plano do prato acabado, uma imagem do processo passo a passo e um Pin gráfico com o título da receita e os detalhes principais em texto. Cada Pin responde a uma intenção ligeiramente diferente do utilizador e aparece em contextos visuais diferentes nos resultados de pesquisa. Esta multiplicação de conteúdo é uma das utilizações mais eficientes do investimento em design, porque extrai vários pontos de entrada de pesquisa de conteúdo que já foi criado, em vez de exigir conteúdo novo para cada Pin.

Testar variáveis de design para melhorar a taxa de guardados

A taxa de guardados é a principal métrica de desempenho de design no Pinterest e pode ser melhorada de forma sistemática testando uma variável de design de cada vez. Publicar dois ou três designs de Pin para o mesmo URL e comparar as taxas de guardados ao fim de duas a quatro semanas revela qual a abordagem visual que ganha mais interação da mesma audiência sobre o mesmo tema. As variáveis mais comuns a testar incluem a cor de fundo, o estilo da imagem (estilo de vida versus só produto), a presença de texto sobreposto versus só imagem e diferentes conteúdos de texto sobreposto. O Pinterest Analytics fornece os dados de guardados e interação necessários para avaliar estes testes sem quaisquer ferramentas adicionais. As conclusões destes testes acumulam-se ao longo do tempo numa abordagem de design construída sobre o comportamento real da audiência e não sobre preferências estéticas.

Abordagens de design sazonal e perene

Os Pins perenes, os concebidos para serem relevantes o ano inteiro, devem usar imagens e paletas de cores que não datem de imediato o conteúdo a uma estação ou momento específico. Um Pin de decoração de interiores com tons neutros e sem adereços sazonais continua utilizável nos resultados de pesquisa durante anos. Os Pins sazonais, concebidos para ter o pico numa época específica do ano, podem usar imagens sazonais mais específicas, porque a sua janela de relevância é definida pela estação e não pela passagem do tempo. Construir uma biblioteca de modelos de Pins perenes que possam ser publicados ao longo do ano, complementada por designs sazonais criados quatro a seis semanas antes do período relevante, cria um sistema de publicação que mantém uma cobertura de pesquisa consistente sem exigir produção constante de design.

Para os tipos de conteúdo a que estes designs se aplicam, vê os formatos de conteúdo do Pinterest. Para a estratégia orgânica que coloca estes designs a trabalhar, vê marketing orgânico e crescimento no Pinterest. Para saber como a qualidade do design alimenta a distribuição algorítmica, vê como funciona o algoritmo do Pinterest. Para a estratégia de quadros que enquadra este conteúdo, vê a estratégia de quadros e comunidade no Pinterest.

Perguntas frequentes

Os nossos Pins parecem-nos bons mas não ganham guardados. O que estaremos provavelmente a fazer mal?

A diferença mais comum entre Pins que ficam bem isolados e Pins que ganham guardados nos resultados de pesquisa está na forma como competem visualmente com o conteúdo à volta. Um Pin que parece forte sozinho pode perder-se na grelha quando está rodeado de outros cinco Pins sobre o mesmo tema. Pesquisa no Pinterest o termo principal da tua categoria e olha para os primeiros resultados: se os teus Pins se parecem com o conteúdo à volta na paleta de cores, na composição e no estilo, não se diferenciam o suficiente para interromper a leitura rápida. Os Pins que ganham mais guardados têm normalmente um ponto focal claro, contraste forte e um estilo visual imediatamente distinto do resultado médio dessa pesquisa. Com o criador de websites da WEMASY, podes configurar isto diretamente no teu website.

Devemos acrescentar texto sobreposto a todos os nossos Pins ou só a alguns?

Só quando a imagem não comunica totalmente o tema por si própria. A fotografia de produto e as imagens fortes de estilo de vida raramente precisam de texto sobreposto, porque o conteúdo visual se explica a si mesmo. O texto sobreposto acrescenta mais valor quando o Pin liga a um artigo ou guia e a imagem sozinha não diz ao utilizador o que vai encontrar ao clicar, ou quando a categoria tem muito conteúdo visualmente semelhante e uma descrição em texto ajuda a diferenciar. Quando usares sobreposições, mantém-nas curtas, legíveis à escala de miniatura e posicionadas de modo a não cobrirem o assunto principal da imagem.

Usamos muitas imagens horizontais do nosso website. Temos de voltar a fotografar tudo para o Pinterest?

Não necessariamente, mas as imagens horizontais terão pior desempenho do que as verticais nos resultados de pesquisa do Pinterest, porque ocupam menos espaço visual na grelha. A solução mais prática é recortar as imagens horizontais existentes para um formato vertical 2:3, quando a composição o permite, ou usar uma ferramenta de design para colocar a imagem num modelo vertical com fundo colorido, texto sobreposto ou moldura da marca que a leve à proporção certa. Só vale a pena pensar em voltar a fotografar se a biblioteca de imagens existente não tiver a qualidade ou a clareza necessárias para o padrão visual do Pinterest. Adaptar o que já existe ao formato certo é normalmente o primeiro passo mais rápido e mais económico.

Não temos designer na equipa. Como criamos Pins com aspeto profissional suficiente para competir?

A consistência importa mais do que a sofisticação. Uma pessoa sem formação em design, com ferramentas de design gratuitas, consegue criar Pins que competem bem nos resultados de pesquisa seguindo um pequeno número de regras fixas: usar sempre os mesmos dois ou três tipos de letra, usar sempre a mesma paleta de cores, colocar sempre o logótipo na mesma posição e usar sempre a mesma proporção. Estas restrições produzem um estilo visual reconhecível sem exigir competências de design. O erro mais comum de quem não é designer é variar todos estes elementos de Pin para Pin, o que dá um feed com aspeto inconsistente e não de marca. Fixar as variáveis e mudar apenas a imagem e o texto é o caminho prático para uma conta com aspeto profissional.

Temos uma imagem por artigo de blog. Como criamos vários Pins a partir dela?

O mesmo URL pode ter vários designs de Pin, com a mesma imagem e diferentes textos sobrepostos, ou com o mesmo tema abordado com uma imagem totalmente diferente. Para um único artigo de blog, as variações habituais incluem um Pin de título, que usa o título do artigo como texto sobreposto, um Pin de benefício, que destaca uma conclusão principal, e um Pin só com imagem, sem texto sobreposto, para os utilizadores que respondem mais a conteúdo visual. Se só existir uma imagem, recortá-la de forma diferente, usá-la em fundos de cores diferentes ou combiná-la com diferentes tratamentos de texto produz Pins distintos que o algoritmo trata como conteúdo separado. Três a cinco Pins distintos por URL é um objetivo prático para criar cobertura de pesquisa a partir de um único conteúdo.

Que tamanho deve ter o nosso logótipo num Pin e onde o devemos colocar?

Pequeno o suficiente para não competir com a imagem principal, e colocado num canto. O canto inferior direito ou inferior esquerdo, com cerca de cinco a dez por cento da largura da imagem, é a posição habitual. Com este tamanho, o logótipo é legível para os utilizadores que já conhecem a marca e a procuram, sem dominar a imagem para os que encontram a marca pela primeira vez. Um logótipo demasiado grande faz o Pin parecer um anúncio em vez de inspiração, o que reduz o comportamento de guardar dos utilizadores em modo de descoberta. O logótipo deve confirmar a identidade da marca, não a anunciar.

Põe isto em prática
no teu próprio site.

Começa grátis com a WEMASY e cria o teu site em poucos minutos.