Trei strategii de conținut pentru design web receptiv: planificați, prioritizați, distilați

Pentru majoritatea specialiștilor în marketing, termenul „design web responsiv” evocă cel mai probabil imagini ale dezvoltatorilor web și wire frames. Dar ar trebui să aducă în minte șiruri de propoziții și bucăți de text.

Conținutul este motorul care atrage clienții potențiali pentru început, apoi îi conduce prin ciclul de vânzări. Iar sarcina principală a designului web responsive este să se asigure că conținutul este ușor de digerat, indiferent dacă vizitatorul web se află pe un telefon, tabletă sau desktop.

Designul web responsiv este o oportunitate de a reimagina conținutul, astfel încât fiecare propoziție să atragă mai mulți cititori și să adune mai multe clienți potențiali.

Ce este designul responsive?

În primul rând, câteva informații despre designul web responsive. Conceptul este simplu – creați un singur site web care își optimizează automat designul pentru mobil sau desktop, în funcție de dispozitivul utilizat de vizitatorul web. O modalitate ușoară de a descoperi dacă un site web este receptiv este: în vizualizarea desktop (și în vizualizarea fereastră, nu pe ecran complet) apucați colțul din dreapta jos al site-ului și micșorați-l încet la dimensiunea unui smartphone. Dacă site-ul web se transformă într-o vizualizare compatibilă cu dispozitivele mobile pe măsură ce se micșorează, este receptiv. Dacă pur și simplu se micșorează într-un site web greu de citit, derulat și ciupit, nu este receptiv.

Designul responsive începe cu înțelegerea faptului că mobilul nu este doar o altă platformă pentru același conținut. Creșterea rapidă a dispozitivelor mobile a schimbat forma, organizarea și dimensiunea conținutului. Și oamenii se așteaptă la lucruri fundamental diferite de la conținutul mobil.

Aceste așteptări se încadrează în toate componentele campaniei de conținut a unei companii – indiferent dacă este vorba de marketing prin e-mail, conținut social sau web. Conținutul site-ului dvs. trebuie să fie receptiv și optimizat pentru dispozitive mobile, dar la fel ar trebui și șabloanele de marketing prin e-mail și campaniile sociale.

De ce ai nevoie de design responsive

Dacă nu aveți un design responsive, aveți nevoie de el. Google penalizează clasamentele de căutare ale companiilor fără design responsive. Iar traficul web mobil este atât de omniprezent încât toate site-urile web trebuie să deservească în mod inteligent utilizatorii de dispozitive mobile și desktop de pe același site web.

Câteva statistici rapide: Mobilul generează 41% din toate clicurile de căutare plătite și 31% din toate cheltuielile pentru căutare plătită (Merkle RKG) și 53% din toate deschiderile de e-mail (Tornele). Având în vedere tendințele mobile, aceste cifre nu vor încetini prea curând.

Rezultatele creării de conținut cu adevărat optimizat pentru mobil pot fi uimitoare. Act-On a constatat o creștere cu 93,5% a clienților potențiali din designul responsive. Ce alte soluții simple v-ar putea dubla imediat clienții potențiali?

Trei pași pentru a vă optimiza conținutul pentru un design responsive.

1. Planificați pe departamente

Designul responsive nu este doar o chestiune de a lăsa echipa digitală liberă în dezvoltarea web. Este un efort de echipă între copywriteri, designeri și strategi.

Planificarea eficientă va asigura că conținutul, codificarea și designul sunt toate coadă de rândunică pentru a face site-ul dvs. o mașină generatoare de clienți potențiali. Începeți de la început prin a stabili elementele de bază: profilurile vizitatorilor web, motivele vizitatorilor și rezultatele dorite. Cine vă vizitează site-ul? De ce? Ce vrei să facă odată ce ajung pe site-ul tău?

Colaborarea între departamente de la început va asigura că proiectul este un echilibru între design-ul și conținutul organizat și eficient.

2. Prioritizează conținutul într-o ierarhie clară

Prioritizarea conținutului este esențială în designul web responsive. Când spațiul imobiliar al unei pagini de browser desktop se micșorează la dimensiunea portabilă, conținutul devine amestecat. O pagină web largă, cu mai multe coloane este strânsă într-o pagină mobilă cu o singură coloană. Dacă site-ul web nu este proiectat corect, unele dintre cele mai importante conținuturi pot ajunge în partea de jos a paginii, necesitând un derulare lung (prea lung) pentru a ajunge.

Atribuirea nivelurilor de prioritate creării de conținut va crea o structură care asigură că cel mai important conținut se ridică în top. Creați o ierarhie de conținut prin identificarea conținutului în funcție de niveluri. Această identificare ar trebui să aibă loc în mod ideal în echipele de marketing sau copywriting și să fie comunicată în mod clar designerilor și managerilor de proiect. Această colaborare va duce la un design care păstrează ierarhia conținutului pentru telespectatorii de pe mobil.

Distilați conținut până la dimensiunea mobilă

La fel cum utilizatorii de software sau de sisteme de operare se așteaptă la un design funcțional și intuitiv, cititorii de astăzi se așteaptă la conținut care a fost creat cu experiență în bucăți concise.

Gândiți-vă la strategia de conținut ca fiind similară cu UI sau UX pentru cititori. La fel cum proiectarea experienței utilizatorului necesită timp, efort și iterații, conținutul ar trebui să fie prelucrat de mai multe ori ținând cont de cititor. Structura ascunsă va avea un efect enorm asupra uzabilitatii (sau lizibilității, în cazul conținutului).

Dacă, după versiunea finală, încă îi prezentați cititorului bucăți mari de text gri, aveți nevoie de încă o rundă de distilare a conținutului. Continuați să descompuneți conținutul până când rămâneți cu gloanțe, blurburi și text succint, care este împărțit cu oferte multimedia, cum ar fi fotografii și videoclipuri. Luați în considerare transformarea unor bucăți de text complex cu multe date într-un infografic, în care împerecherea textului și a elementelor vizuale poate transforma datele într-o imagine ușor de digerat.

Diviziunea verticală – împărțirea textului în bucăți verticale care pot fi plasate una lângă alta, fiecare cu propriul titlu și fotografie – permite cititorilor să scaneze lateral și să consume bucățile verticale bucată cu bucată.

Acest sistem de livrare de conținut de dimensiuni mici este mai atrăgător din punct de vedere vizual decât un perete de text gri, semnalând cititorului că scriitorul și designerul au făcut deja munca de identificare a gândurilor individuale, de a le crea în text compact și de a le prezenta într-un mod succint. manieră.

Designul responsive nu este doar încă un lucru de adăugat la o listă de lucruri deja prea lungă. Nu este o supărare sau o prioritate scăzută. Este o șansă de a îmbunătăți conținutul, de a vă rafina designul web și de a vă mulțumi cumpărătorii de dispozitive mobile, într-un singur proiect.

~ Vrei să înveți toate trucurile pentru designul web responsive, inclusiv gestionarea procesului de dezvoltare, estimarea costurilor și trecerea pe mobil mai întâi? Vizualizați întregul webinar. Design responsiv: 10 lucruri de făcut și de făcut pentru pagini web și e-mail.