Como projetar um carrossel pessoas realmente deslizar

Tens uma boa ideia. Você digitou todos os sete pontos em seu aplicativo de notas, você os colocou em sete slides simples, você bateu em publicar e depois assistiu a análise fazer aquela coisa quieta e deflacionária onde ninguém passa por um slide. Isso pica, porque o pensamento era sólido. O problema não foi ideia tua. Foi que o carrossel parecia como dever de casa, e ninguém passa por casa.

Aqui está a boa notícia: um carrossel que é furado é principalmente um design problemas, e problemas de design têm soluções que você pode realmente aprender. Não se trata de ser artístico ou possuir um software sofisticado. É sobre um punhado de decisões visuais, tomadas de forma consistente, que puxam um polegar do slide um todo o caminho para o seu call to action. Vamos percorrer exatamente como projetar um carrossel que ganha cada furto, e no final você terá um modelo reutilizável que você pode construir hoje.

Por que o design carrega todo o carrossel

Escrever um carrossel e projetar um são dois trabalhos diferentes, e a maioria das pessoas só faz o primeiro. O assunto, obviamente, mas em uma tela de telefone as palavras chegam através do design. Um leitor decide se deve deslizar em uma fração de segundo, antes de ler uma frase completa, com base puramente em como o slide se parece: é claro, é convidativo, promete que o próximo slide vale o esforço?

Pense em sua própria rolagem. Você não lê um slide desordenado e decide que não é para você. Você sente a desordem e seu polegar continua se movendo. O design de carrossel bom remove todas as razões para parar de deslizar e adiciona pequenas razões para continuar. É o jogo todo. Quando falamos sobre como projetar um carrossel, estamos realmente falando sobre o momento da engenharia.

Há uma segunda recompensa que é fácil de perder. Um carrossel bem projetado é inerentemente stable e compartilhável. Quando algo parece polido e organizado, as pessoas o tratam como um recurso que vale a pena manter. Os slides desleixados ficam parecidos na melhor das hipóteses; slides limpos e confiantes são salvos em uma coleção e enviados para um amigo. Salvar e compartilhar é o que as plataformas recompensam, então o design não é decoração sentado em cima do seu conteúdo, é a coisa que decide até onde o seu conteúdo viaja.

A capa é 80% do trabalho

Se você só ficar obcecado com um slide, faça dele o primeiro. A capa é um outdoor, não uma página de livro. Seu único trabalho é parar o pergaminho e fazer uma promessa tão clara que não deslizar parece estar perdendo. Tudo sobre como projetar um carrossel começa aqui, porque sem o deslizar, os outros slides nunca são vistos.

Uma capa que funciona geralmente tem um gancho , oversized como a peça central visual. Não é um pequeno título educado, mas um texto grande o suficiente para que alguém o leia do outro lado de uma sala. Dê a esse gancho espaço para respirar com espaço vazio generoso em torno dele, porque o contraste entre texto grande e fundo silencioso é o que o faz sentir confiante em vez de lotado. Escolha uma ideia para a capa e deixe-a dominar. Se você está tentado a adicionar um subtítulo, um logotipo, uma fronteira e três emojis, resista. A capa deve dizer uma coisa em voz alta.

O gancho em si deve prometer uma recompensa específica e tangível. “Dicas de mídia social” são invisíveis. “7 erros de legenda matando seu alcance” é um gancho, porque ele nomeia um número, uma estaca e um tópico que o leitor reconhece como seu próprio problema. Você quer que o leitor pense “isso sou eu” antes que ele conscientemente decida qualquer coisa. As lacunas de curiosidade também funcionam, desde que a lacuna seja honesta e os seguintes slides realmente a fechem.

Uma rápida lista de verificação de capa

• Um gancho dominante, dimensionado para ser legível em uma tela pequena em um piscar de olhos.
• Alto contraste entre o texto e seu fundo, então ele aparece em um feed ocupado.
• Uma dica de um furto, seja uma pequena seta, um contador “1/8”, ou texto que continua visivelmente.
• Sem desordem: se um elemento não está ganhando o furto, corte-o.

Se a sua capa está fazendo o seu trabalho, sua taxa de deslize sobe e o resto do seu carrossel finalmente recebe uma chance justa. A direita de obter a capa está intimamente ligada ao o que faz com que o conteúdo se espalhe nas mídias sociais em primeiro lugar, porque o mesmo instinto que impede um pergaminho é o instinto que desencadeia uma partilha.

Construa um layout e honre-o em cada slide

Aqui está a atualização mais rápida para qualquer carrossel: escolha um layout e repita. Consistência é o que separa um carrossel que se sente como uma coisa projetada de uma que se sente como uma pilha de capturas de tela não relacionadas. Seu cérebro lê a repetição como intencional e calma, e a calma é fácil de continuar passando.

Decida, uma vez, onde os elementos vivem e nunca os mova. Mesma margem em cada slide. Mesmo lugar para a manchete, seja sempre o terceiro lugar ou sempre o centro morto. Mesmo canto para o contador de páginas. O mesmo lugar para o seu punho, se você incluir um. Quando essas âncoras ficam colocadas, cada furto parece virar uma página em um livro bem feito, em vez de ser deixado em uma nova sala com os móveis reorganizados.

Bloqueie um sistema visual apertado antes de criar um único slide de conteúdo:

• Duas fontes, no máximo. Um para as manchetes, um para o corpo de texto. Três fontes começam a se sentir caóticas; pode-se sentir plana, então um emparelhamento de mais-corpo é o padrão seguro e profissional.
• Uma paleta de cores pequena. Escolha duas ou três cores e atenha-se a elas em cada slide. Uma única cor de sotaque usada consistentemente faz mais para um olhar coeso do que qualquer quantidade de decoração.
• Um fundo repetitivo. Seja uma cor sólida, um gradiente sutil ou uma textura consistente, mantenha a mesma família por toda parte para que os slides visivelmente pertençam juntos.
• Espaçamento fixo. O mesmo estofamento nas bordas de cada slide. Arestas apertadas são a entrega número um de um carrossel apressado.

A magia de um sistema é que ele remove as decisões. Uma vez que seu layout está definido, projetar o slide quatro não é uma crise criativa, é apenas despejar conteúdo em um recipiente que já parece bom. É assim que os profissionais produzem carrosséis limpos rapidamente, e é a espinha dorsal da gestão sustentável dia-a-dia de mídia social .

Um ponto por slide, e deixe que ele possua o espaço

O erro de design mais comum não são fontes feias ou cores ruins. Está a espremer. As pessoas tratam cada slide como um parágrafo e o enchem com um título, três frases, um subponto e uma legenda. O resultado é uma parede de texto da qual o polegar do leitor foge.

Dê a cada slide exatamente uma ideia. Um ponto, uma linha de apoio ou dois, e muito espaço para respirar. Se você tem um ponto que precisa de mais explicação, provavelmente são dois slides, não um slide lotado. Isso parece contra-intuitivo porque você se preocupa em correr muito, mas mais slides com menos em cada deslize muito melhor do que menos slides que parecem densos. O espaço não é desperdiçado; o espaço é o que faz a única ideia pousar.

Uma estrutura confiável para cada slide de conteúdo: uma manchete curta e punchy que indica o ponto, depois uma breve linha de suporte abaixo dele, depois espaço vazio. É isso aí. O leitor deve ser capaz de agarrar o slide em cerca de dois segundos e se sentir recompensado, não tributado. Quando cada slide é um pequeno e satisfatório golpe de valor, deslizar torna-se um pequeno ritmo agradável em vez de trabalhar.

Veja também a contagem de slides. Um carrossel não precisa usar todos os slides disponíveis. Precisa de tantos quantos a sua ideia exige e não mais um. Uma série apertada de slides bem projetados bate um longo slog toda vez, e mantém o impulso do seu leitor intacto até o fim.

Momento visual do engenheiro do slide para slide

Momentum é o ingrediente secreto que separa carrosséis que as pessoas terminam de carrosséis que as pessoas abandonam no meio do caminho. Momentum é a sensação sentida de que o próximo slide está chegando e vale a pena o dedo. Você o projeta deliberadamente, e uma vez que você vê como, você o construirá em tudo.

A ferramenta de momentum mais simples é sinal visível de que há mais. Uma pequena seta no canto, um empurrãozinho “continue deslizando” ou um contador de páginas como “3/8” dizem silenciosamente ao leitor que a jornada tem um comprimento e eles estão se movendo através dele. Os contadores são especialmente bons porque estabelecem uma expectativa e criam um leve impulso de conclusão, a mesma razão pela qual terminamos as barras de progresso.

Um movimento mais avançado é deixar elementos sangrar através de slides . Se uma imagem, uma linha ou uma forma começa em um slide e continua visivelmente para o próximo, o olho do leitor quer segui-lo. Você pode terminar um slide no meio do pensamento, com uma manchete que resolve claramente no slide seguinte, de modo que o design em si cria um pequeno cliffhanger. As dicas direcionais também ajudam: setas, formas apontando ou até mesmo a maneira como você inclina uma imagem pode empurrar o olho em direção à borda onde o próximo dedo espera.

Não se esqueça do último slide. Momentum precisa de um destino. Seu slide final deve parecer uma chegada, não um lugar onde o conteúdo simplesmente acabou. É aí que vive o seu chamado à ação: salve isso, siga para mais, deixe um comentário, tente a coisa. Um carrossel que constrói impulso para sete slides e depois apenas pára é uma oportunidade perdida; dê ao leitor um lugar satisfatório para pousar.

Faça seu tipo legível, porque ilegível é invisível

Você pode pregar todas as outras escolhas de design e ainda perder leitores para tipografia que eles não podem ler confortavelmente em um telefone. Legibilidade não é um detalhe, é o ponto de colocar palavras em um slide. Se é difícil de ler, não é lido, e se não é lido, o design falhou, não importa o quão bonito seja.

Comece pelo tamanho. Err grande. O texto que parece bem no seu laptop pode ser minúsculo em um telefone mantido ao comprimento do braço. Seu título deve ser imperdível e seu corpo texto nunca deve exigir esguicho. Em caso de dúvida, esbarra-lhe um entalhe. Em seguida, guarde seu contraste: texto escuro em um fundo claro ou texto claro em um fundo escuro, com diferença suficiente que ele lê instantaneamente. O texto cinza claro em um slide branco ou texto colocado diretamente sobre uma foto ocupada é onde a legibilidade morre. Se você deve colocar texto sobre uma imagem, adicione uma sobreposição sutil ou uma forma sólida por trás das palavras para que elas permaneçam nítidas.

Respeite a hierarquia, o que significa apenas fazer com que a coisa importante pareça importante. O título deve ser claramente maior e mais ousado do que o texto de apoio para que o olho saiba por onde começar. Um slide onde tudo é do mesmo tamanho não dá ao leitor nenhum caminho a seguir, e um leitor sem paradas. Use peso arrojado para enfatizar com moderação, nas palavras que realmente carregam o ponto, então a ênfase ainda significa algo.

Mais uma nota prática: mantenha suas linhas curtas. Linhas longas de texto que esticam a borda até a borda são cansativas de ler em uma tela estreita. Quebre-os, mantenha-os perfurados e deixe o layout fazer parte do ritmo para você.

Também ajuda a pensar em como as palavras estão alinhadas. O texto alinhado à esquerda é o mais fácil de ler para pensamentos mais longos porque o olho sempre retorna à mesma borda inicial, enquanto o texto centrado pode parecer limpo para manchetes curtas, mas fica difícil de rastrear quando corre mais do que uma linha ou duas. Seja o que for que você escolher, aplique-o de forma consistente em todo o carrossel, porque mudar o slide de alinhamento para slide é uma daquelas pequenas inconsistências que fazem um conjunto parecer não polido, mesmo quando o leitor não pode nomear o porquê.

Construa um modelo reutilizável para que cada carrossel seja rápido

A peça final, e a que muda sua vida como criador, está transformando tudo o que foi acima em um modelo que você reutiliza para sempre. Projetar um carrossel do zero toda vez é exaustivo e inconsistente. Projetar um grande modelo uma vez e reabastecê-lo é rápido, consistente e instantaneamente reconhecível como seu.

Seu modelo é realmente um pequeno conjunto de tipos de slides pré-desenhados que você mistura e combina:

• Um slide de capa com o seu estilo gancho bloqueado: fonte, tamanho, colocação e fundo tudo decidido.
• Um slide de conteúdo padrão com suas posições de cabeçalho e corpo fixo, então você apenas troca as palavras.
• Uma seção ou slide de transição para quando um carrossel tem partes distintas e você quer uma respiração visual.
• Um slide de fechamento com seu call to action, handle e um prompt “salvar isso” ou “seguir” embutido.

Construa-os uma vez em qualquer ferramenta que você gosta, em seguida, duplicar o arquivo cada vez que você fizer um carrossel novo. Como o layout, fontes, cores e espaçamento já estão definidos, você só está mudando o conteúdo, o que significa que você pode ir da ideia ao carrossel acabado em uma fração do tempo. A consistência se torna automática, e a consistência é exatamente o que constrói uma marca reconhecível em que as pessoas começam a confiar. A mesma disciplina sustenta qualquer sistema de calendário de conteúdo forte, onde a estrutura reutilizável é o que mantém você postando sem queimar.

Um modelo também facilita a execução de experimentos. Como tudo o mais é fixo, você pode mudar uma variável, digamos, seu estilo de gancho de cobertura, e realmente ver se ele eleva sua taxa de passagem, em vez de adivinhar em meio a uma dúzia de fatores de mudança de uma só vez.

Erros que matam silenciosamente bons carrosséis

Mesmo com um sistema sólido, alguns hábitos entram e desfazem o trabalho. Veja estes:

• Apertando a capa. Quanto mais você se empilhar no slide um, mais fraca será a sua atração. Um gancho dominante bate uma colagem ocupada cada vez.
• Mudando o layout no meio do carrossel. Mover sua manchete ou trocar fontes entre slides quebra o ritmo calmo que mantém os polegares em movimento. Escolha um sistema e honre-o.
• Texto minúsculo ou de baixo contraste. Se um leitor tem que trabalhar para lê-lo, eles não vão. Maior e maior contraste quase sempre vence.
• Acumular vários pontos em um slide. A densidade é lida como trabalho. Divida-o e deixe cada ideia possuir seu espaço.
• Esquecendo o último slide. Terminar sem uma chamada clara para a ação desperdiça todo o impulso que você construiu. Sempre dê ao leitor um próximo passo.
• Sem pistas. Sem setas, contadores ou elementos contínuos, alguns leitores não perceberão que há mais. Faça o dedo óbvio.

Nenhum deles é difícil de consertar. Eles são fáceis de ignorar quando você está focado nas palavras e tratando o design como uma reflexão tardia. Vire essa prioridade e seus carrosséis mudarão imediatamente.

Seu fluxo de trabalho de design de carrossel, comece a terminar

Vamos colocar tudo em um processo repetível que você pode executar hoje. Esta é a ordem exata que impede que o design se torne um gargalo.

Primeiro, delineie antes de abrir uma ferramenta de design. Escreva o seu gancho e sua lista de um ponto por slide em texto simples. Faça o pensamento onde é barato mudar, para que você não esteja reestruturando sua ideia dentro de um arquivo de design.

Em segundo lugar, coloque seu esboço em seu modelo. Um ponto por slide, título mais uma linha de apoio, nada abarrotado. Como seu modelo já lida com fontes, cores, espaçamento e layout, essa etapa é principalmente digitando.

Terceiro, afiar a capa. Faça o gancho maior e mais ousado do que se sente confortável, tire qualquer coisa que não está ganhando o furto, e adicione uma sugestão sutil de que há mais por vir.

Quarto, adicionar impulso. Entre nos contadores de página ou setas, procure uma chance de deixar um elemento continuar passando por um dedo e certifique-se de que seu slide final caia com uma chamada clara para a ação.

Quinto, faça o teste telefônico. Visualize-o no tamanho real em um telefone real. Squint. Se qualquer texto é difícil de ler ou qualquer slide parece apertado, corrigi-lo agora. Este cheque de trinta segundos captura a maioria dos problemas.

Sexto, programe-o e rastreie-o. Publique em um momento que se adapte ao seu público, depois observe quais carrosséis ganham mais economias e ações para que você possa se inclinar para o que está funcionando. O design é um ciclo de feedback, e sua própria análise é o professor honesto.

Execute este fluxo de trabalho algumas vezes e torna-se uma segunda natureza. O modelo faz o trabalho pesado, o sistema mantém tudo consistente, e você gasta sua energia em ideias em vez de lutar com slides. Isso é o que realmente significa saber como projetar um carrossel: não um flash único de inspiração, mas um sistema confiável que transforma o bom pensamento em slides que as pessoas realmente querem deslizar, salvar e compartilhar. Seu próximo carrossel vai parecer que foi feito por alguém que sabe exatamente o que está fazendo, porque agora você faz.