Três estratégias de conteúdo para web design responsivo: planejar, priorizar, destilar

Para a maioria dos profissionais de marketing, o termo “web design responsivo” provavelmente evoca imagens de desenvolvedores da web e wireframes. Mas deve trazer à mente sequências de frases e pedaços de texto.

O conteúdo é o mecanismo que atrai leads para começar e depois os conduz ao longo do ciclo de vendas. E o principal trabalho do web design responsivo é garantir que o conteúdo seja fácil de digerir, esteja o visitante da web em um telefone, tablet ou desktop.

O web design responsivo é uma oportunidade de reimaginar o conteúdo para que cada frase atraia mais leitores e reúna mais leads.

O que é design responsivo?

Primeiro, um pouco de experiência em web design responsivo. O conceito é simples – criar um único site que otimiza automaticamente seu design para celular ou desktop, dependendo de qual dispositivo está sendo usado pelo visitante da web. Uma maneira fácil de descobrir se um site é responsivo é: na visualização de desktop (e na visualização de janela, não em tela cheia), pegue o canto inferior direito do website e reduza-o lentamente para o tamanho de um smartphone. Se o site se transformar em uma visualização compatível com dispositivos móveis à medida que encolhe, ele é responsivo. Se ele simplesmente encolher em um site difícil de ler, rolar e apertar, não é responsivo.

O design responsivo começa com o entendimento de que o celular não é apenas mais uma plataforma para o mesmo conteúdo. A rápida ascensão do celular mudou a forma, a organização e o tamanho do conteúdo. E as pessoas esperam coisas fundamentalmente diferentes do conteúdo móvel.

Essas expectativas abrangem todos os componentes da campanha de conteúdo de uma empresa — seja marketing por e-mail, conteúdo social ou da web. O conteúdo do seu site deve ser responsivo e otimizado para dispositivos móveis, assim como seus modelos de email marketing e campanhas sociais.

Por que você precisa de design responsivo

Se você não tem um design responsivo, você precisa dele. O Google está penalizando as classificações de pesquisa de empresas sem design responsivo. E o tráfego da Web para dispositivos móveis é tão onipresente que todos os sites precisam atender de maneira inteligente aos usuários de dispositivos móveis e computadores a partir do mesmo site.

Algumas estatísticas rápidas: o celular gera 41% de todos os cliques de pesquisa paga e 31% de todos os gastos com pesquisa paga (Merkle RKG) e 53% de todas as aberturas de e-mail (Litmus). Dadas as tendências móveis, esses números não diminuirão tão cedo.

Os resultados da criação de conteúdo realmente otimizado para dispositivos móveis podem ser surpreendentes. A Act-On encontrou um aumento de 93,5% nos leads de design responsivo. Que outras soluções simples poderiam dobrar imediatamente seus leads de vendas?

Três etapas para otimizar seu conteúdo para design responsivo.

1. Planejar entre departamentos

O design responsivo não é apenas uma questão de deixar a equipe digital solta no desenvolvimento web. É um esforço de equipe entre redatores, designers e estrategistas.

O planejamento eficaz garantirá que o conteúdo, a codificação e o design se encaixem para tornar seu site uma máquina geradora de leads. Comece desde o início identificando o básico: perfis de visitantes da Web, motivos dos visitantes e resultados desejados. Quem está visitando seu site? Por que? O que você quer que eles façam quando chegarem ao seu site?

A colaboração entre departamentos desde o início garantirá que o projeto seja um equilíbrio entre sinos e assobios de design e conteúdo organizado e eficaz.

2. Priorize o conteúdo em uma hierarquia clara

Priorizar o conteúdo é essencial no web design responsivo. Quando o espaço real de uma página do navegador de desktop encolhe para o tamanho de um computador de mão, o conteúdo fica confuso. Uma página da Web ampla e com várias colunas é espremida em uma página móvel de uma coluna. Se o site não for projetado corretamente, alguns dos conteúdos mais importantes podem acabar na parte inferior da página, exigindo uma rolagem longa (muito longa) para alcançá-la.

Atribuir níveis de prioridade à criação de conteúdo criará uma estrutura que garante que seu conteúdo mais importante chegue ao topo. Crie uma hierarquia de conteúdo identificando o conteúdo de acordo com as camadas. Essa identificação deve ocorrer idealmente nas equipes de marketing ou redação e ser comunicada claramente aos designers e gerentes de projeto. Essa colaboração levará a um design que preserva a hierarquia de conteúdo para visualizadores móveis.

Destile o conteúdo para o tamanho do celular

Assim como os usuários de software ou sistema operacional esperam um design funcional e intuitivo, os leitores de hoje esperam conteúdo que foi habilmente elaborado em blocos concisos.

Pense na sua estratégia de conteúdo como semelhante à interface do usuário ou UX para os leitores. Assim como o design da experiência do usuário leva tempo, esforço e iterações, o conteúdo deve ser trabalhado várias vezes com o leitor em mente. A estrutura oculta terá um efeito enorme na usabilidade (ou legibilidade, no caso do conteúdo).

Se, após o rascunho final, você ainda apresentar ao leitor grandes blocos de texto cinza, precisará de mais uma rodada de destilação de conteúdo. Continue dividindo o conteúdo até ficar com marcadores, sinopses e textos sucintos divididos em ofertas multimídia, como fotos e vídeos. Considere transformar pedaços de texto complexo com muitos dados em um infográfico, onde o emparelhamento de texto e imagens pode transformar dados em um visual facilmente digerível.

Segmentação vertical – quebrando o texto em blocos verticais que podem ser colocados lado a lado, cada um com seu próprio título e foto – permite que os leitores digitalizem lateralmente e consumam os blocos verticais peça por peça.

Esse sistema de entrega de conteúdo pequeno é mais atraente visualmente do que uma parede de texto cinza, sinalizando ao leitor que o escritor e o designer já fizeram o trabalho de identificar pensamentos individuais, elaborá-los em um texto compacto e apresentá-los de forma sucinta maneiras.

O design responsivo não é apenas mais uma coisa a ser adicionada a uma lista de tarefas já muito longa. Não é um aborrecimento ou uma baixa prioridade. É uma chance de aprimorar o conteúdo, refinar seu web design e agradar seus compradores móveis em um único projeto.

~ Quer aprender todos os truques para web design responsivo, incluindo gerenciar o processo de desenvolvimento, estimar custos e priorizar os dispositivos móveis? Veja todo o webinar Responsive Design: 10 Do's and Dont's for Web Pages and Email.