10 best practice per il layout del blog per il 2022: non lasciare che layout imbarazzanti rovinino la tua UX

Un saggio designer dell'esperienza utente ha detto: "un buon design è invisibile". In altre parole, se tu o i tuoi utenti state notando il layout del blog o l'esperienza utente, è probabile che sia un cattivo design.

Pensa a tutti i siti Web, le app e le piattaforme che utilizziamo quotidianamente. Stiamo pensando consapevolmente all'interfaccia utente e all'esperienza?

L'interfaccia utente (UI) e l'esperienza utente (UX) migliori sono quelle che non ci impediscono di raggiungere i nostri obiettivi, sia che si tratti di commentare un post di Instagram, navigare in un post di blog di lunga durata o inserire dati in un'app web.

Un blog ben progettato è essenziale per i proprietari di attività di eCommerce in molti modi. Ad esempio, indirizzano il traffico verso un sito e aiutano a creare fiducia con i potenziali clienti. Aiutano anche a promuovere prodotti e servizi, portando a opportunità di crescita in seguito.

Sfortunatamente, se hai un design scomodo, scoprirai presto che le persone avranno meno probabilità di restare a leggere i tuoi contenuti. Ciò significa che è probabile che nessuna delle cose buone menzionate sopra accada.

"Il mezzo è il messaggio." Ciò significa che il modo in cui fornisci i tuoi contenuti è importante quanto la qualità del contenuto stesso.

Poiché il tuo blog è una parte significativa della tua canalizzazione di marketing, una buona UI/UX influenzerà sicuramente i visitatori di ritorno e le entrate.

Questo post del blog esaminerà alcune delle migliori pratiche di layout per il 2022 che manterranno gli utenti coinvolti, torneranno per saperne di più e consiglieranno il tuo blog ad altri.

10 best practice per il layout del blog per l'esperienza utente nel 2022

La tecnologia, comprese le migliori pratiche web, sembra cambiare settimanalmente. E con la nuova tecnologia arrivano nuovi ed entusiasmanti modi di consumare i contenuti.

Gli utenti sono ora abituati a consumare contenuti in brevi raffiche, sia attraverso i social media che leggendo i blog sui loro telefoni.

Il layout del tuo blog deve adattarsi a questi cambiamenti ed essere facile da leggere, non importa dove o come qualcuno lo stia consumando.

Ecco alcuni suggerimenti da tenere a mente quando si progetta il layout del blog per un'esperienza utente ottimale.

Suggerimento n. 1: utilizzare un approccio centralizzato "Centro di apprendimento".

Scrivere ampiamente su un argomento particolare è un ottimo modo per creare un'autorità di attualità su Google e fidarsi del tuo pubblico.

Tuttavia, il modo in cui organizzi questo contenuto sul tuo blog è importante quanto il contenuto stesso.

Diciamo che hai scritto tutto quello che c'è da sapere sulla raccolta fondi per il non profit. È fantastico. Ma a che serve per un potenziale cliente senza scopo di lucro se il contenuto pertinente non è contrassegnato, non classificato e intervallato da un mucchio di altri argomenti?

Questo non è l'ideale per l'utente che vuole consumare tutti i tuoi contenuti su un argomento specifico in una volta sola. È molto meglio avere un approccio cumulativo in cui tutto su quell'argomento è organizzato in un unico posto: lo chiamiamo approccio "centro di apprendimento".

Questo approccio è un ottimo modo per aumentare il coinvolgimento. Consente agli utenti di trovare e consumare facilmente tutti i contenuti che hai su un argomento particolare senza andare a caccia di tesori in tutto il tuo sito web per questo. Ti consente inoltre di promuovere in modo incrociato altri contenuti e aumentare il tempo trascorso sul tuo sito.

Inoltre, l'approccio del centro di apprendimento probabilmente aumenterà le tue pagine per sessione.

Che aspetto ha in pratica? Puoi controllare il blog di MatterApp per buoni esempi. L'azienda, che dispone di un'app che fornisce complimenti e feedback ai team sul posto di lavoro, ha raggruppato il suo pilastro e il contenuto del cluster in sei categorie in un'unica pagina. La pagina contiene tutto ciò che un utente dovrebbe ricercare per saperne di più sul proprio prodotto.

Suggerimento n. 2: sfrutta gli elementi "appiccicosi".

Gli esseri umani sono pigri. Pertanto, uno dei principi primari del design è quello di aggiungere il massimo valore mentre l'utente lavora il meno possibile.

L'uso di elementi "appiccicosi" sulla pagina è uno dei modi migliori per facilitare questo e aumentare il coinvolgimento sul tuo blog.

Gli elementi permanenti rimangono visibili sullo schermo mentre gli utenti scorrono verso il basso. Ciò significa che sono sempre accessibili senza che l'utente debba tornare all'inizio della pagina.

Ad esempio, se hai un invito all'azione per iscriverti alla tua lista e-mail, l'utilizzo di un elemento permanente ti assicurerà che sia sempre visibile e facilmente raggiungibile.

Puoi vedere un esempio di questo sul blog di HubSpot . L'azienda utilizza un invito all'azione appiccicoso nell'angolo in basso a destra dello schermo che incoraggia gli utenti a iscriversi alla propria lista di posta elettronica.

Puoi utilizzare elementi appiccicosi per una varietà di altri scopi, come ad esempio:

• Pulsanti dei social media
• Menu di navigazione
• Barre di ricerca
• Widget di chat dal vivo

La moderazione è la chiave qui. Troppi elementi appiccicosi possono rendere la pagina opprimente e disordinata, il che alla fine sminuirà l'esperienza dell'utente.

Suggerimento n. 3: passa all'inseguimento

Avere contenuti di lunga durata è essenziale per indirizzare il traffico verso il tuo blog e posizionarsi bene su Google. Tuttavia, la maggior parte dei lettori desidera risposte rapide e non vuole sentirti parlare all'infinito delle virtù dei tuoi prodotti o servizi.

Ad esempio, se i tuoi utenti vogliono solo la risposta alla domanda "cosa sta scrivendo sul blog", la maggior parte dei risultati di ricerca per la sua query implica la lettura di guide lunghe e complete. Sebbene le guide rispondano alle domande, l'utente dovrà scorrere il contenuto lungo per trovare la definizione.

Un altro esempio è sfogliare un lungo post sul blog su Pinterest per arrivare agli ingredienti e ai passaggi della ricetta. Grazie al cielo per gli esperti di cucina che utilizzano link che portano direttamente alla ricetta, giusto?

Questi esempi sono innegabilmente dispendiosi in termini di tempo e frustranti per la maggior parte degli utenti, il che è l'epitome di una brutta esperienza utente. Quindi, invece, utilizza le caselle di riepilogo rapido degli articoli per andare al sodo.

Avere piccole scatole contenenti il ​​riepilogo dell'intero articolo è utile e un ottimo modo per risparmiare tempo ai tuoi utenti o lettori. Sebbene le caselle di riepilogo siano regolabili per adattarsi al contenuto ovunque, posizionarle all'inizio dell'articolo è un modo eccellente per elaborare la risposta o il contenuto per i lettori.

Come bonus, rispondere in modo chiaro e chiaro alle domande degli utenti aumenterà la probabilità che Google ti inserisca nel loro ambito risultato "frammento in primo piano", che è il risultato principale in una SERP di Google che evidenzia la risposta alla domanda di un utente.

Suggerimento n. 4: utilizza un design per le schede del blog

Per mantenere aggiornato il tuo blog, probabilmente stai pubblicando molti articoli: ben fatto! Continuate così.

Tuttavia, questo può portare rapidamente a disordine visivo, specialmente quando stai cercando di evidenziare tutti i tuoi nuovi post contemporaneamente sulla pagina principale del tuo blog.

Quindi qual è il miglior equilibrio tra la visualizzazione di post sulla pagina principale del tuo blog senza sovraccaricare l'utente? Quanto dovrebbero essere grandi o piccole le miniature dei blog e i collegamenti agli articoli?

Bene, non c'è una risposta secca a questa domanda, ma almeno sappiamo che l'approccio più efficace è il layout della "scheda blog". Per quanto riguarda le specifiche, consigliamo di studiare e replicare le pratiche di siti editoriali rispettabili.

Medium.com fornisce un eccellente esempio di questo formato.

Ci sono molti vantaggi nell'usare un design per blog card, inclusi i seguenti:

• Sono facili da scansionare e digerire.
• Ci consentono di riconoscere, ricordare e leggere facilmente informazioni importanti.
• Ti consentono di includere molte informazioni senza sovraccaricare l'utente.
• Possono essere facilmente riorganizzati e riordinati, il che è ottimo per un design reattivo.
• Forniscono ampi spazi bianchi, rendendoli visivamente accattivanti e facili da navigare.

Tuttavia, i layout dovrebbero avere caratteri e immagini di dimensioni diverse per distinguere chiaramente tra gli elementi meno importanti e quelli più importanti. Questa tattica rende il design più leggibile per i lettori.

Inoltre, puoi includere i seguenti elementi nel design della carta.

• Immagine in primo piano
• Autore blog (immagine)
• Categoria
• Titolo del Blog
• Collegamenti di condivisione sociale
• Data di pubblicazione
• Estratto del blog
• Pulsante Leggi di più

Tenendo presente questo elenco, diamo un'occhiata alla Home Page di Medium:

Nota ogni "carta" e tutte le informazioni associate. Quasi tutti i post del blog hanno almeno quanto segue:

• Titolo del Blog
• Immagine in primo piano
• Autore del blog
• Immagine dell'autore del blog
• Data di pubblicazione
• Momento della lettura
• La possibilità di aggiungere il post ai segnalibri per dopo

Probabilmente non hai mai notato tutti questi elementi prima, vero? Tuttavia, probabilmente apprezzi la loro esistenza. Questo è un perfetto esempio di un grande design invisibile.

Inoltre, una delle migliori pratiche consigliate dagli esperti di inbound marketing di Impact per organizzare gli articoli nel layout della scheda del blog consiste nel metterli in colonne di due o tre.

Dipende dalle informazioni che stai presentando, ma nel complesso massimizza il numero di post visualizzati contemporaneamente.

Suggerimento n. 5: includi il tempo di lettura

Quando crei un contenuto, vuoi che le persone rimangano e lo leggano. Ma se i tuoi lettori sentono di non avere il tempo, probabilmente andranno avanti. Ecco perché una delle cose migliori che puoi fare è dire loro esattamente quanto tempo impiegherà a leggere il tuo articolo.

Questa tattica è particolarmente importante se il tuo pubblico di destinazione è composto da persone impegnate che sono sempre in movimento. Dando loro un tempo di lettura stimato, hai implementato una strategia che offre al lettore un impegno in tempo utile che è anche più probabile che lo riporti indietro per contenuti facili da digerire in brevi scatti.

Quindi, se vuoi che le persone rimangano e leggano i tuoi contenuti, di' loro esattamente quanto tempo ci vorrà. Questo semplice atto aumenterà il coinvolgimento e manterrà le persone sul tuo sito più a lungo.

Suggerimento n. 6: usa gli spazi bianchi a tuo vantaggio

Lo spazio bianco, noto anche come spazio negativo, è lo spazio attorno agli elementi di una pagina. È importante utilizzare gli spazi bianchi nel layout per stimolare l'interesse visivo del lettore e attirare l'attenzione su contenuti specifici.

Trovare il giusto equilibrio degli spazi bianchi è essenziale per creare un layout ben progettato. Troppo poco spazio bianco può rendere una pagina angusta e occupata, il che può essere opprimente per gli utenti. D'altra parte, troppo spazio bianco può far sembrare una pagina incompleta o poco professionale.

Ad esempio, TikTok utilizza una grande quantità di spazio bianco. La quantità che usano potrebbe sembrare sciocca su un sito Web aziendale, ma è perfetta per indirizzare tutta l'attenzione sul video sulla pagina.

In generale, è meglio sbagliare usando troppo piuttosto che troppo poco spazio bianco. Ciò contribuirà a creare un look pulito e spazioso che è piacevole per gli occhi.

Quindi, quando si tratta di layout di blog, gli spazi bianchi sono tuoi amici. Può aiutare ad attirare l'attenzione su contenuti specifici e rendere il tuo layout visivamente più accattivante.

Suggerimento n. 7: non avere barre laterali disordinate

Questo è un errore comune che fanno molti blogger. Riempiono le loro barre laterali di icone di social media, opt-in, annunci e altra spazzatura casuale.

Questa pratica non solo fa sembrare tutto brutto, ma può anche essere fonte di confusione e opprimente per i visitatori.

Dà anche l'impressione che ti interessi più vendere qualcosa che aggiungere valore ai tuoi clienti, vanificando l'intero scopo dei contenuti informativi e di creazione di fiducia.

Non trattare la barra laterale come un cassetto della spazzatura. Invece, attieniti all'essenziale, come le icone dei social media e gli opt-in. Ciò contribuirà a creare un aspetto più snello, facile da navigare e a migliorare l'esperienza dell'utente.

Suggerimento n. 8: usa la tipografia con saggezza

La tipografia è il modo in cui il testo appare su una pagina fisica o digitale per i curiosi. Implica anche la manipolazione del carattere tipografico per rendere leggibile e accattivante la forma scritta quando visualizzata.

Questa disposizione in genere comporta l'assunzione di elementi di design come la lunghezza di linee e parole, la spaziatura, ecc. O la dimensione dei punti e l'aggiunta o la manipolazione per renderli piacevoli alla vista e più digeribili.

Per un migliore impatto, è essenziale utilizzare saggiamente la tipografia nel layout. Crei interesse visivo e attiri l'attenzione su contenuti specifici quando lo fai.

Ad esempio, vorrai sempre utilizzare caratteri più grandi per i titoli e quelli più piccoli per il corpo del testo. Oppure potresti voler utilizzare un carattere completamente diverso per i titoli.

Idealmente, le dimensioni dei caratteri comprese tra 17px e 21px sono considerate adatte ai lettori digitali. Alcune dimensioni dei caratteri sono naturalmente più grandi rispetto ad altre.

Inoltre, è buona norma limitare il numero di caratteri che usi su una pagina a tre al massimo. Per esempio:

1. Usa il primo stile di carattere per il titolo dei post.
2. Usa il secondo stile di carattere per i titoli delle barre laterali.
3. Usa il terzo stile di carattere per il corpo del post.

E un ultimo consiglio, assicurati che i tuoi caratteri siano sicuri per il web. In caso contrario, potrebbero non essere caricati su alcuni dispositivi. Google Fonts è un repository gratuito di caratteri Web ed è sempre una scommessa sicura.

Suggerimento n. 9: incorpora articoli correlati

Un altro modo per convincere le persone a restare e leggere i tuoi contenuti è incorporare articoli correlati nel tuo layout.

Gli articoli correlati sono collegamenti ad altri post del blog (interni ed esterni) simili per argomento o argomento. Includendo questi collegamenti, puoi coinvolgere le persone e leggere i tuoi contenuti per periodi di tempo più lunghi.

Per trovare articoli correlati, puoi utilizzare un plug-in come Yoast SEO. Questo plugin analizzerà il tuo post sul blog e ti suggerirà articoli correlati da includere.

Oppure puoi eseguire una ricerca manuale andando su Google e cercando "[parola chiave argomento] sito:[tuosito.com]". Finché Google indicizza il tuo sito, questo rivelerà tutte le pagine e i post del tuo sito che contengono quella parola chiave.

Ad esempio, se volessimo vedere tutte le pagine che abbiamo scritto sull'argomento dei blog, inserirei la seguente ricerca in Google: "blogging site:skuvault.com".

Le pagine risultanti sono probabilmente ottimi candidati per l'interconnessione.

Suggerimento n. 10: utilizza immagini di alta qualità

È fondamentale utilizzare immagini di alta qualità e non di formaggio nel layout del tuo blog. Questo perché le persone sono creature visive che tendono a interagire più con le immagini che con il testo.

In effetti, gli studi hanno dimostrato che è più probabile che le persone ricordino le informazioni se presentate insieme a un'immagine.

Quindi, quando scegli le immagini per i post del tuo blog, assicurati che siano di alta qualità e pertinenti all'argomento in questione.

Fai del tuo meglio per evitare foto stock generiche. A volte è semplice come eseguire alcune modifiche a una foto esistente per renderla più personalizzata.

Un ottimo posto per trovare foto d'archivio gratuite e di classe è Pexels .

Altri modi per aumentare di livello l'esperienza utente del tuo blog

Oltre ai dieci suggerimenti che abbiamo elencato, ecco altri modi per migliorare l'UX/UI del tuo blog:

• Scegli un design scansionabile : il blog è molto diverso dallo scrivere un libro o un documento accademico. Puoi rendere scansionabile il layout del blog scrivendo sezioni brevi e precise, evitando lunghi paragrafi, rompendo il testo con intestazioni e immagini pertinenti e organizzando sezioni utilizzando sottotitoli e intestazioni.
• Personalizza il tuo layout : il branding è la chiave per il marketing di un'attività di successo e funziona allo stesso modo per il layout del tuo blog. Il blog che crei dovrebbe riflettere l'atmosfera e l'aspetto del tuo marchio. Ciò significa che se la tua home page ha un tema o un design semplice, è una buona idea mantenerlo uguale per il layout del tuo blog.
• Usa l'allineamento verticale : gli elementi mal progettati sporgono come un pollice dolorante. Ad esempio, quando le immagini e il testo sembrano fuori posto rispetto al resto della colonna, diventa una distrazione e sembra poco professionale. Inoltre, i paragrafi e le foto dovrebbero avere la stessa larghezza per la continuità visiva.
• Includi una barra di ricerca : se hai molti contenuti sul tuo sito, potrebbe essere difficile per le persone trovare quello che stanno cercando. È importante includere una barra di ricerca nel layout del tuo blog. In questo modo, le persone possono trovare rapidamente e facilmente le informazioni che stanno cercando.
• Evidenzia autori dei tuoi contenuti : se hai più autori sul tuo blog, è importante evidenziare i loro nomi e includere una foto di alta qualità accanto ai loro post. Questo approccio umanizza tutto e aiuta a creare fiducia con i tuoi lettori. Inoltre, consente loro di trovare facilmente altri contenuti dello stesso autore e aiuta Google a determinare il tuo EAT (esperienza, autorità, fiducia).
• Rendi il tuo sito ottimizzato per i dispositivi mobili: è il 2022. Non è negoziabile assicurarsi che il layout del tuo blog sia ottimizzato per i dispositivi mobili. Per fortuna, tutti i moderni layout di blog di fornitori affidabili (WordPress, Squarespace, Shopify) includono un layout ottimizzato per i dispositivi mobili fin da subito. Se non disponi di un layout ottimizzato per i dispositivi mobili, hai problemi che vanno oltre lo scopo di questo post.

Ecco qua! Utilizza questi suggerimenti per creare un layout di blog killer che invogli i lettori a tornare per saperne di più.

Non dimenticare il controllo dell'inventario

Se segui i nostri consigli e implementi questi suggerimenti UX, preparati a un picco di lettori, traffico e vendite (prego!).

Se sei un negozio di eCommerce, avrai bisogno di un buon sistema di inventario per gestire questa crescita.

SkuVault esiste per aiutare le aziende di tutte le forme e dimensioni a ottimizzare e snellire il noioso lavoro legato al controllo dell'inventario.

Fai clic qui per ulteriori informazioni sui modi specifici in cui veniamo insieme agli imprenditori per aiutarli a far crescere i loro profitti (e salvare la loro sanità mentale).