10 cele mai bune practici de aranjare a blogului pentru 2022 — Nu lăsați layout-urile incomode să vă distrugă UX

Publicat: 2022-04-30

Un designer înțelept de experiență a utilizatorului a spus: „un design bun este invizibil”. Cu alte cuvinte, dacă tu sau utilizatorii tăi observați aspectul blogului sau experiența utilizatorului, probabil că este un design prost.

Gândiți-vă la toate site-urile web, aplicațiile și platformele pe care le folosim zilnic. Ne gândim în mod conștient la interfața și experiența utilizatorului?

Cea mai bună interfață cu utilizatorul (UI) și experiența utilizatorului (UX) este cea care nu ne împiedică să ne îndeplinim obiectivele, fie că este vorba de a comenta o postare pe Instagram, de a naviga într -o postare de blog de lungă durată sau de a introduce date în o aplicație web.

Un blog bine conceput este esențial pentru proprietarii de afaceri de comerț electronic în multe feluri. De exemplu, generează trafic către un site și ajută la construirea încrederii cu potențialii clienți. De asemenea, ele ajută la promovarea produselor și serviciilor, ducând la oportunități de creștere mai târziu.

Din păcate, dacă ai un design ciudat, vei descoperi rapid că oamenii vor fi mai puțin probabil să rămână și să citească conținutul tău. Asta înseamnă că niciunul dintre lucrurile bune menționate mai sus nu este probabil să se întâmple.

„Mediul este mesajul.” Aceasta înseamnă că modul în care vă livrați conținutul este la fel de important ca și calitatea conținutului în sine.

Deoarece blogul dvs. este o parte semnificativă a pâlniei dvs. de marketing, o bună UI/UX va afecta cu siguranță vizitatorii reveniți și veniturile.

Această postare de blog va prezenta unele dintre cele mai bune practici de aspect pentru 2022, care vor menține utilizatorii implicați, revenind pentru mai multe și recomandând blogul dvs. altora.

10 cele mai bune practici de aranjare a blogului pentru UX în 2022

Tehnologia – inclusiv cele mai bune practici web – par să se schimbe săptămânal. Iar odată cu noua tehnologie, apar modalități noi și interesante de a consuma conținut.

Utilizatorii sunt acum obișnuiți să consume conținut în rafale scurte, fie prin intermediul rețelelor sociale sau citind bloguri pe telefoanele lor.

Aspectul blogului dvs. trebuie să se adapteze la aceste schimbări și să fie ușor de citit, indiferent unde sau cum îl consumă cineva.

Iată câteva sfaturi de care trebuie să țineți cont atunci când vă proiectați aspectul blogului pentru o UX optimă.

Sfat #1: Utilizați o abordare centralizată „Centrul de învățare”.

A scrie pe larg pe un anumit subiect este o modalitate excelentă de a construi autoritate de actualitate pe Google și de a avea încredere publicului dvs.

Cu toate acestea, modul în care organizați acest conținut pe blogul dvs. este la fel de important ca și conținutul în sine.

Să presupunem că ai scris tot ce trebuie să știi despre strângerea de fonduri pentru organizații non-profit. Asta-i grozav. Dar la ce folosește asta pentru o perspectivă non-profit dacă conținutul relevant este neetichetat, neclasificat și intercalat între o grămadă de alte subiecte?

Acest lucru nu este ideal pentru utilizatorul care dorește să consume tot conținutul dvs. pe un anumit subiect dintr-o singură mișcare. Este mult mai bine să existe o abordare cumulativă în care totul despre acest subiect este organizat într-un singur loc - numim aceasta abordare „centrul de învățare”.

Această abordare este o modalitate excelentă de a crește implicarea. Permite utilizatorilor să găsească și să consume cu ușurință tot conținutul pe care îl aveți despre un anumit subiect, fără a merge la o căutare pe tot site-ul dvs. pentru acesta. De asemenea, vă permite să promovați încrucișat alte piese de conținut și să creșteți timpul petrecut pe site-ul dvs.

În plus, abordarea centrului de învățare vă va crește probabil paginile pe sesiune.

Cum arată asta în practică? Puteți consulta blogul MatterApp pentru exemple bune. Compania, care dispune de o aplicație care oferă felicitări și feedback echipelor de la locul de muncă, și-a grupat conținutul de pilon și grup în șase categorii pe o singură pagină. Pagina conține tot ceea ce un utilizator ar trebui să cerceteze pentru a afla mai multe despre produsul său.

Sfatul nr. 2: Profitați de elementele „lipicioase”.

Oamenii sunt leneși. Prin urmare, una dintre principiile principale ale designului este de a adăuga cea mai mare valoare, în timp ce îl face pe utilizator să lucreze cât mai puțin posibil.

Folosirea elementelor „lipicioase” pe pagină este una dintre cele mai bune modalități de a facilita acest lucru și de a crește implicarea pe blogul tău.

Elementele lipicioase rămân vizibile pe ecran pe măsură ce utilizatorii derulează în jos. Aceasta înseamnă că acestea sunt întotdeauna accesibile fără ca utilizatorul să fie nevoit să deruleze înapoi până în partea de sus a paginii.

De exemplu, dacă aveți un îndemn pentru a vă înscrie pentru lista de e-mail, utilizarea unui element lipicios vă va asigura că este întotdeauna vizibil și la îndemână.

Puteți vedea un exemplu în acest sens pe blogul HubSpot . Compania folosește un îndemn lipicios în colțul din dreapta jos al ecranului, care încurajează utilizatorii să se înscrie pentru lista lor de e-mail.

Puteți folosi elemente lipicioase pentru o varietate de alte scopuri, cum ar fi:

  • Butoanele rețelelor sociale
  • Meniuri de navigare
  • Bare de căutare
  • Widgeturi de chat live

Moderarea este cheia aici. Prea multe elemente lipicioase pot face pagina copleșitoare și aglomerată, ceea ce va diminua în cele din urmă experiența utilizatorului.

Sfatul nr. 3: Începeți la urmărire

A avea un conținut lung este esențial pentru a genera trafic către blogul tău și pentru a te poziționa bine pe Google. Cu toate acestea, majoritatea cititorilor doresc răspunsuri rapide și nu vor să vă audă vorbind la nesfârșit despre virtuțile produselor sau serviciilor dvs.

De exemplu, dacă utilizatorii dvs. doresc doar răspunsul la întrebarea „ce scrie pe blog”, majoritatea rezultatelor căutării pentru interogarea sa implică citirea unor ghiduri lungi și cuprinzătoare. Deși ghidurile răspund la întrebări, utilizatorul va trebui să parcurgă conținutul lung pentru a găsi definiția.

Un alt exemplu este trecerea printr-o postare lungă pe blog pe Pinterest pentru a ajunge la ingrediente și pașii rețetei. Slavă Domnului pentru experții culinari care folosesc link-uri care te duc direct la rețetă, nu?

Aceste exemple sunt incontestabil consumatoare de timp și frustrante pentru majoritatea utilizatorilor, ceea ce este simbolul unei experiențe proaste de utilizator. Așa că, în schimb, utilizați casetele cu rezumatul rapid al articolului pentru a trece la urmă.

A avea cutii mici care conțin rezumatul întregului articol este util și o modalitate excelentă de a economisi timpul utilizatorilor sau cititorilor. În timp ce casetele de rezumat sunt ajustabile pentru a se potrivi oriunde cu conținutul, plasarea lor la începutul articolului este o modalitate excelentă de a elabora răspunsul sau conținutul pentru cititori.

Ca bonus, răspunsul clar și clar la întrebările utilizatorilor va crește probabilitatea ca Google să vă plaseze în rezultatul lor râvnit „fragment recomandat”, care este rezultatul de top într-un SERP Google care evidențiază răspunsul la întrebarea unui utilizator.

Sfat #4: Utilizați un design de card de blog

Pentru a-ți menține blogul proaspăt, probabil că faci o mulțime de articole - bravo! Ține-o așa.

Cu toate acestea, acest lucru poate duce rapid la dezordine vizuală, mai ales atunci când încercați să evidențiați toate noile postări simultan pe pagina principală a blogului.

Deci, care este cel mai bun echilibru al postărilor prezentate pe pagina principală de blog fără a copleși utilizatorul? Cât de mari sau mici ar trebui să fie miniaturile blogului și linkurile articolelor?

Ei bine, nu există un răspuns la această întrebare, dar cel puțin știm că cea mai eficientă abordare este aspectul „cartei de blog”. În ceea ce privește specificul, recomandăm studierea și replicarea practicilor site-urilor de publicare de renume.

Medium.com oferă un exemplu excelent al acestui format.

Există multe avantaje pentru utilizarea unui design de card de blog, inclusiv următoarele:

  • Sunt ușor de scanat și digerat.
  • Ele ne permit să recunoaștem, să ne amintim și să citim cu ușurință informații importante.
  • Acestea vă permit să includeți o mulțime de informații fără a copleși utilizatorul.
  • Ele pot fi rearanjate și reordonate cu ușurință, ceea ce este excelent pentru design responsive.
  • Ele oferă spații albe ample, făcându-le atractive din punct de vedere vizual și ușor de navigat.

Cu toate acestea, machetele ar trebui să aibă diferite dimensiuni de font și imagini pentru a distinge clar între elementele cele mai puțin importante și cele mai importante. Această tactică face designul mai lizibil pentru cititori.

În plus, puteți include următoarele elemente în designul cardului.

  • Imagine prezentată
  • Autor blog (imagine)
  • Categorie
  • Titlu de Blog
  • Link-uri de distribuire socială
  • Data postării
  • Extras de blog
  • butonul Citiți mai multe

Ținând cont de această listă, să ne uităm la pagina de pornire a Medium:

Observați fiecare „card” și toate informațiile asociate. Aproape toate postările de pe blog au cel puțin următoarele:

  • Titlu de Blog
  • Imagine prezentată
  • Autor blog
  • Imaginea autorului blogului
  • Data publicării
  • Timp de citit
  • Posibilitatea de a marca postarea pentru mai târziu

Probabil că nu ai observat niciodată toate aceste elemente înainte, nu-i așa? Cu toate acestea, probabil că apreciezi existența lor. Acesta este un exemplu perfect de invizibil al designului grozav.

De asemenea, una dintre cele mai bune practici pe care le recomandă experții de inbound marketing de la Impact pentru aranjarea articolelor în layout-ul cardului de blog presupune punerea lor în coloane câte două sau trei.

Aceasta depinde de informațiile pe care le prezentați, dar, în general, maximizează câte postări sunt văzute simultan.

Sfat # 5: Includeți timpul de citire

Când creați conținut, doriți ca oamenii să rămână și să-l citească. Dar dacă cititorii tăi simt că nu au timp, probabil că vor merge mai departe. De aceea, unul dintre cele mai bune lucruri pe care le poți face este să le spui exact cât timp va dura citirea articolului tău.

Această tactică este deosebit de importantă dacă publicul țintă este format din oameni ocupați, care sunt mereu în mișcare. Oferându-le un timp de citire estimat, ați implementat o strategie care oferă cititorului un angajament de timp care este, de asemenea, mai probabil să-l aducă înapoi pentru conținut care este ușor de digerat în scurte perioade.

Deci, dacă doriți ca oamenii să rămână și să vă citească conținutul, spuneți-le exact cât timp va dura. Acest act simplu va crește implicarea și va menține oamenii pe site-ul dvs. mai mult timp.

Sfat #6: Folosiți spațiul alb în avantajul dvs

Spațiul alb, cunoscut și ca spațiu negativ, este spațiul din jurul elementelor dintr-o pagină. Este important să folosiți spațiul alb în aspectul dvs. pentru a stârni interesul vizual al cititorului și pentru a atrage atenția asupra unui anumit conținut.

Găsirea echilibrului corect al spațiului alb este esențială pentru a crea un aspect bine conceput. Prea puțin spațiu alb poate face ca o pagină să se simtă înghesuită și ocupată, ceea ce poate fi copleșitor pentru utilizatori. Pe de altă parte, prea multe spații albe pot face ca o pagină să se pară neterminată sau neprofesională.

De exemplu, TikTok utilizează o mulțime de spațiu alb. Cantitatea pe care o folosesc ar putea părea o prostie pe un site web de afaceri, dar este perfectă pentru a îndrepta toată atenția către videoclipul de pe pagină.

În general, cel mai bine este să greșiți de partea de a folosi prea mult decât prea puțin spațiu alb. Acest lucru va ajuta la crearea unui aspect curat și spațios, care este ușor pentru ochi.

Deci, când vine vorba de aspectul blogului, spațiul alb este prietenul tău. Acesta poate ajuta la atragerea atenției asupra unui anumit conținut și vă poate face aspectul mai atrăgător din punct de vedere vizual.

Sfatul # 7: Nu aveți bare laterale aglomerate

Aceasta este o greșeală comună pe care o fac mulți bloggeri. Își îndesă barele laterale cu pictograme de rețele sociale, înscrieri, anunțuri și alte nedorite aleatorii.

Această practică nu numai că face totul să arate rău, dar poate fi, de asemenea, confuză și copleșitoare pentru vizitatori.

De asemenea, dă impresia că îți pasă mai mult să vinzi ceva decât să adaugi valoare clienților tăi, înfrângând întregul scop al conținutului informațional, care să creeze încredere.

Nu vă tratați bara laterală ca pe un sertar de gunoi. În schimb, rămâneți la elementele esențiale, cum ar fi pictogramele rețelelor sociale și înscrierile. Acest lucru va ajuta la crearea unui aspect mai raționalizat, care este ușor de navigat și îmbunătățește experiența utilizatorului.

Sfatul # 8: Folosiți tipografia cu înțelepciune

Tipografia este modul în care textul arată pe o pagină fizică sau digitală pentru curioși. De asemenea, implică manipularea tipografiei pentru a face forma scrisă lizibilă și atrăgătoare atunci când este afișată.

Acest aranjament implică de obicei luarea de elemente de design, cum ar fi lungimea liniei și a cuvintelor, spațierea etc., sau dimensiunea punctelor și adăugarea sau manipularea acestora pentru a le face plăcute pentru ochi și mai digerabile.

Pentru un impact mai bun, este esențial să utilizați cu înțelepciune tipografia în aspectul dvs. Creați interes vizual și atrageți atenția asupra unui anumit conținut atunci când o faceți.

De exemplu, veți dori întotdeauna să utilizați fonturi mai mari pentru titluri și altele mai mici pentru corpul textului. Sau poate doriți să utilizați un font complet diferit pentru titluri.

În mod ideal, dimensiunile fonturilor între 17 px și 21 px sunt considerate potrivite pentru cititorii digitali. Unele dimensiuni de font sunt în mod natural mai mari în comparație cu altele.

În plus, este o formă bună să limitați numărul de fonturi pe care le utilizați pe o pagină la cel mult trei. De exemplu:

  1. Utilizați primul stil de font pentru titlul postărilor.
  2. Utilizați al doilea stil de font pentru titlurile barelor laterale.
  3. Utilizați al treilea stil de font pentru corpul postării.

Și un ultim sfat, asigurați-vă că fonturile dvs. sunt sigure pentru web. În caz contrar, este posibil să nu se încarce pe unele dispozitive. Google Fonts este un depozit gratuit de fonturi web și este întotdeauna un pariu sigur.

Sfat #9: Includeți articole similare

O altă modalitate de a-i determina pe oameni să rămână și să citească conținutul dvs. este prin includerea articolelor conexe în aspectul dvs.

Articolele înrudite sunt link-uri către alte postări de blog (interne și externe) similare ca subiect sau subiect. Prin includerea acestor linkuri, puteți menține oamenii implicați și citiți conținutul dvs. pentru perioade mai lungi de timp.

Pentru a găsi articole similare, puteți utiliza un plugin precum Yoast SEO. Acest plugin va analiza postarea de pe blog și va sugera articole similare pe care să le includeți.

Sau puteți efectua o căutare manuală accesând Google și căutând „[teme cheie] site:[site-ul dumneavoastră.com]”. Atâta timp cât Google indexează site-ul dvs., aceasta va dezvălui toate paginile și postările de pe site-ul dvs. care conțin acel cuvânt cheie.

De exemplu, dacă dorim să vedem toate paginile pe care le-am scris pe tema blogging-ului, aș introduce următoarea căutare în Google: „blogging site:skuvault.com”.

Paginile rezultate sunt probabil candidați grozavi pentru interconectare.

Sfatul # 10: Utilizați imagini de înaltă calitate

Este esențial să utilizați imagini de înaltă calitate, fără brânză în aspectul blogului dvs. Asta pentru că oamenii sunt creaturi vizuale care tind să se implice mai mult cu imagini decât cu text.

De fapt, studiile au arătat că oamenii au mai multe șanse să-și amintească informațiile dacă sunt prezentate alături de o imagine.

Deci, atunci când alegeți imagini pentru postările de pe blog, asigurați-vă că sunt de înaltă calitate și relevante pentru subiectul în cauză.

Faceți tot posibilul pentru a evita fotografiile de stoc generice. Uneori, este la fel de simplu ca efectuarea unor modificări la o fotografie existentă pentru a o face să pară mai personalizată.

Un loc minunat pentru a găsi fotografii elegante și gratuite este Pexels .

Alte modalități de a crește nivelul UX al blogului

Pe lângă cele zece sfaturi pe care le-am enumerat, iată câteva alte modalități de a îmbunătăți UX/UI a blogului dvs.:

  • Alegeți un design care poate fi scanat : Blogging-ul este foarte diferit de a scrie o carte sau o lucrare academică. Puteți face ca aspectul blogului să fie scanat scriind secțiuni scurte și precise, evitând paragrafele lungi, rupând textul cu anteturi și imagini relevante și organizând secțiuni folosind sub-anteturi și anteturi.
  • Marca-ți aspectul : branding-ul este cheia pentru marketingul unei afaceri de succes și funcționează la fel pentru aspectul blogului tău. Blogul pe care îl creați ar trebui să reflecte simțul și aspectul mărcii dvs. Asta înseamnă că dacă pagina ta de pornire are o temă sau un design simplu, este o idee bună să o păstrezi la fel pentru aspectul blogului tău.
  • Utilizați alinierea verticală : elementele prost proiectate ies în afară ca un degetul mare dureros. De exemplu, atunci când imaginile și textul nu par la locul lor din restul coloanei, acestea devin o distragere a atenției și arată neprofesionale. De asemenea, paragrafele și fotografiile ar trebui să aibă aceeași lățime pentru continuitatea vizuală.
  • Includeți o bară de căutare : dacă aveți mult conținut pe site-ul dvs., oamenii ar putea fi dificil să găsească ceea ce caută. Este important să includeți o bară de căutare în aspectul blogului dvs. În acest fel, oamenii pot găsi rapid și ușor informațiile pe care le caută.
  • Evidențiați autorii conținutului dvs .: dacă aveți mai mulți autori pe blogul dvs., este important să le evidențiați numele și să includeți o fotografie de înaltă calitate alături de postările lor. Această abordare umanizează totul și ajută la construirea încrederii cu cititorii tăi. De asemenea, le este ușor să găsească alt conținut al aceluiași autor și ajută Google să vă determine EAT (expertiză, autoritate, încredere).
  • Faceți-vă site-ul prietenos pentru dispozitive mobile: este 2022. Nu este negociabil să vă asigurați că aspectul blogului dvs. este adaptat pentru dispozitive mobile. Din fericire, toate aspectele moderne de blog de la furnizori de renume (WordPress, Squarespace, Shopify) includ un aspect adaptabil pentru dispozitive mobile imediat din cutie. Dacă nu aveți un aspect adecvat pentru dispozitive mobile, aveți probleme dincolo de scopul acestei postări.

Iată-l! Utilizați aceste sfaturi pentru a crea un blog ucigaș, care îi face pe cititori să revină pentru mai multe.

Nu uitați de controlul inventarului

Dacă urmați sfaturile noastre și implementați aceste sfaturi UX, pregătiți-vă pentru o creștere a numărului de cititori, a traficului și a vânzărilor (sunt binevenit!).

Dacă sunteți un magazin de comerț electronic, veți avea nevoie de un sistem bun de inventar pentru a gestiona această creștere.

SkuVault există pentru a ajuta companiile de toate formele și dimensiunile să optimizeze și să eficientizeze munca obositoare implicată de controlul stocurilor.

Faceți clic aici pentru mai multe informații despre modalitățile specifice prin care venim împreună cu proprietarii de afaceri pentru a-i ajuta să-și dezvolte profitul (și să-și salveze sănătatea).