Tre strategie di contenuto per il responsive web design: pianificare, dare priorità, distillare

Per la maggior parte dei professionisti del marketing, il termine "responsive web design" molto probabilmente evoca immagini di sviluppatori web e wire frame. Ma dovrebbe far venire in mente stringhe di frasi e pezzi di testo.

Il contenuto è il motore che attira i lead all'inizio, quindi li guida attraverso il ciclo di vendita. E il compito principale del responsive web design è assicurarsi che il contenuto sia facile da digerire, indipendentemente dal fatto che il visitatore web sia su un telefono, tablet o desktop.

Il responsive web design è un'opportunità per reinventare i contenuti in modo che ogni frase attiri più lettori e raccolga più lead.

Cos'è il design reattivo?

Innanzitutto, un po' di background sul responsive web design. Il concetto è semplice: creare un singolo sito Web che ottimizzi automaticamente il suo design per dispositivi mobili o desktop, a seconda del dispositivo utilizzato dal visitatore Web. Un modo semplice per scoprire se un sito Web è reattivo è: nella visualizzazione desktop (e nella visualizzazione finestra, non nella visualizzazione a schermo intero) prendi l'angolo in basso a destra del sito Web e rimpiccioliscilo lentamente fino alle dimensioni di uno smartphone. Se il sito Web si trasforma in una visualizzazione ottimizzata per i dispositivi mobili man mano che si restringe, è reattivo. Se si riduce semplicemente a un sito Web di difficile lettura, scorrevole e pizzicabile, non è reattivo.

Il responsive design inizia con la consapevolezza che il mobile non è solo un'altra piattaforma per lo stesso contenuto. La rapida ascesa del mobile ha cambiato la forma, l'organizzazione e le dimensioni dei contenuti. E le persone si aspettano cose fondamentalmente diverse dai contenuti mobili.

Queste aspettative riguardano tutti i componenti della campagna di contenuti di un'azienda, che si tratti di email marketing, contenuti social o web. Il contenuto del tuo sito web deve essere reattivo e ottimizzato per i dispositivi mobili, ma anche i tuoi modelli di email marketing e le tue campagne social dovrebbero esserlo.

Perché hai bisogno di un design reattivo

Se non hai un responsive design, ne hai bisogno. Google sta penalizzando le classifiche di ricerca delle aziende senza responsive design. E il traffico Web mobile è così onnipresente che tutti i siti Web devono servire in modo intelligente gli utenti mobili e desktop dallo stesso sito Web.

Un paio di statistiche veloci: il mobile guida il 41% di tutti i clic di ricerca a pagamento e il 31% di tutta la spesa per la ricerca a pagamento (Merkle RKG) e il 53% di tutte le email aperte (Litmus). Date le tendenze mobili, questi numeri non rallenteranno presto.

I risultati della creazione di contenuti veramente ottimizzati per i dispositivi mobili possono essere sbalorditivi. Act-On ha riscontrato un aumento del 93,5% dei lead grazie al responsive design. Quali altre semplici soluzioni potrebbero raddoppiare immediatamente i tuoi lead di vendita?

Tre passaggi per ottimizzare i tuoi contenuti per il responsive design.

1. Pianifica attraverso i dipartimenti

Il design reattivo non è solo una questione di liberare il team digitale dallo sviluppo web. È uno sforzo di squadra tra copywriter, designer e strateghi.

Una pianificazione efficace assicurerà che il contenuto, la codifica e il design siano tutti in linea per rendere il tuo sito Web una macchina per la generazione di lead. Inizia dall'inizio fissando le basi: profili dei visitatori web, motivazioni dei visitatori e risultati desiderati. Chi sta visitando il tuo sito web? Perché? Cosa vuoi che facciano una volta arrivati ​​sul tuo sito?

La collaborazione interdipartimentale fin dall'inizio assicurerà che il progetto sia un equilibrio tra campane e fischietti di design e contenuti organizzati ed efficaci.

2. Dai la priorità ai contenuti in una chiara gerarchia

Dare priorità ai contenuti è essenziale nel responsive web design. Quando lo spazio di una pagina del browser desktop si riduce alle dimensioni del palmare, il contenuto diventa confuso. Un'ampia pagina Web a più colonne viene compressa in una pagina mobile a colonna singola. Se il sito web non è progettato correttamente, alcuni dei contenuti più importanti possono finire in fondo alla pagina, richiedendo uno scorrimento lungo (troppo lungo) per essere raggiunti.

L'assegnazione di livelli di priorità ai contenuti creati creerà una struttura che assicura che i tuoi contenuti più importanti salgano in cima. Crea una gerarchia dei contenuti identificando i contenuti in base ai livelli. Questa identificazione dovrebbe idealmente avvenire nei team di marketing o copywriting ed essere comunicata chiaramente ai progettisti e ai project manager. Questa collaborazione porterà a un design che preserva la gerarchia dei contenuti per i visualizzatori mobili.

Riduci i contenuti alle dimensioni dei dispositivi mobili

Proprio come gli utenti di software o sistemi operativi si aspettano un design funzionale e intuitivo, i lettori di oggi si aspettano contenuti che siano stati sapientemente realizzati in blocchi concisi.

Pensa alla tua strategia di contenuto come simile all'interfaccia utente o all'esperienza utente per i lettori. Proprio come la progettazione dell'esperienza utente richiede tempo, impegno e iterazioni, il contenuto dovrebbe essere elaborato più volte tenendo presente il lettore. La struttura nascosta avrà un enorme effetto sull'usabilità (o leggibilità, nel caso del contenuto).

Se dopo la bozza finale stai ancora presentando al lettore grossi pezzi di testo grigio, hai bisogno di un altro giro di distillazione del contenuto. Continua a suddividere i contenuti fino a quando non ti rimangono elenchi puntati, blurb e testo succinto che viene suddiviso con offerte multimediali come foto e video. Prendi in considerazione la possibilità di trasformare blocchi di testo complesso ricchi di dati in un'infografica, in cui l'abbinamento di testo e elementi visivi può trasformare i dati in un elemento visivo facilmente digeribile.

Il chunking verticale, ovvero la suddivisione del testo in blocchi verticali che possono essere affiancati, ciascuno con il proprio titolo e la propria foto, consente ai lettori di scansionare lateralmente e consumare i blocchi verticali pezzo per pezzo.

Questo sistema di consegna di contenuti di dimensioni ridotte è visivamente più accattivante di un muro di testo grigio, segnalando al lettore che lo scrittore e il designer hanno già svolto il lavoro di identificazione dei singoli pensieri, trasformandoli in un testo compatto e presentandoli in modo succinto maniera.

Il design reattivo non è solo un'altra cosa da aggiungere a un elenco già troppo lungo di cose da fare. Non è un fastidio o una priorità bassa. È un'opportunità per affinare i contenuti, perfezionare il tuo web design e soddisfare i tuoi acquirenti mobili, in un unico progetto.

~ Vuoi imparare tutti i trucchi per il responsive web design, inclusa la gestione del processo di sviluppo, la stima dei costi e il passaggio al mobile-first? Visualizza l'intero webinar Responsive Design: 10 cose da fare e da non fare per pagine Web ed e-mail.