I blog online si sono trasformati in pubblicazioni digitali con tutti i maggiori marchi di stampa che gestiscono il proprio sito web. Questi blog di solito prendono la forma di una rivista digitale che sembra molto più professionale di un sito personale più piccolo.

Ma cosa succede nel layout di una rivista? E come puoi progettarne uno per il tuo sito?

Questo elenco dovrebbe iniziare con 9 funzioni essenziali per un design di blog di riviste di qualità. Se lavori con queste funzionalità e prova a costruire a interfaccia utilizzabile Avrai un design eccezionale che dovrebbe adattarsi a qualsiasi pubblicazione online.

1. Forte marchio

Questo può sembrare ovvio, ma un marchio forte aiuta davvero a vendere la sensazione della "rivista" su un blog personale. Se stai cercando una pubblicazione autorevole, devi concentrarti sul marchio .

Come ti distinguerai da ogni altro blog? Idealmente attraverso i contenuti, ma il tuo marchio è una parte enorme di questo. Ad esempio, il logo Wired qui sotto è ben noto tra i blog di tecnologia. È in giro da anni e quando vedi quel marchio riconosci immediatamente il sito.

Ma puoi aggiungere il marchio anche nella barra laterale e nel piè di pagina del tuo sito. L'obiettivo è quello di creare uno stile coerente che si senta più forte dei siti blogspot rinky-dink.

01-wired-magazine

2. Titoli nitidi

Puoi dare uno stile al tuo numero di modi in modo che non esista un design corretto. Ma tu vuoi sempre tipografia principale è nitido, facile da scremare e solitamente spesso.

Dai un'occhiata ai titoli su Rivista statunitense per vedere cosa intendo Questi titoli coprono l'intera larghezza della pagina e le lettere sono piuttosto spesse. Non puoi ignorare quel titolo perché è praticamente spinto in faccia. Questo è l'obiettivo del tuo titolo: fai in modo che risaltino abbastanza per attirare l'attenzione e incoraggiare le persone a continuare a leggere.

02-us-magazine-titolo-forte

3. Menu di navigazione a più livelli

Alcuni progettisti potrebbero obiettare contro questa funzione dicendo che i siti di riviste non hanno bisogno di menu massivi. Questo è generalmente vero, tuttavia i siti web in stile rivista hanno spesso un ampio archivio di post. Vuoi offrire il miglior modo possibile per le persone di sfogliare tutti questi post.

Indipendentemente dal fatto che tu stia utilizzando categorie, tag o persino WordPress tassonomie personalizzate , puoi aggiungerli in una massiccia mega navigazione. Ciò potrebbe includere menu a discesa con elenchi di post recenti o tag / categorie popolari o persino un mix di entrambi.

Il menu per Rivista di Atlanta è abbastanza fluido con molti link incorporati nel menu a discesa. Inoltre, il Nav scorrevole reattivo è chiaramente accessibile sui dispositivi mobili, per cui gli utenti di smartphone non si dimenticano.

Questa navigazione a livelli potrebbe includere elenchi a discesa multi-livello o addirittura essere fissata per scorrere con l'utente. Così tante opzioni e davvero il fattore più grande è l'usabilità mista a tonnellate di link da sfogliare.

03-atlanta-magazine-discesa-nav

4. Widget di messaggi in primo piano

Ogni homepage in stile rivista sembra un po 'diversa con diverse dimensioni di post-miniatura, formati personalizzati e, naturalmente, diversi widget in primo piano.

Considero questi un punto fermo di qualsiasi sito di riviste perché il widget in primo piano è ciò che attira l'attenzione. È ciò che puoi usare per promuovere i post più recenti o le storie piccanti che dovrebbero ricevere più attenzione.

Diario del motore di ricerca ha un cursore a forma di carosello in cui ruota contemporaneamente tra 3 delle storie in primo piano. Ogni storia carica uno snippet sul lato sinistro che offre anche una miniatura di anteprima.

Ma non esistono due home page identiche, quindi prova a sfogliare i tuoi siti di riviste preferiti e vedere quali altri stili di storie in primo piano puoi trovare.

04-search-engine-journal-optional-widget di

5. Pulsanti di condivisione prominente

Quando si tratta di costruire una forte presenza non puoi ignorare i social media. E se vuoi più visitatori sul tuo blog in stile rivista, vorrai pulsanti di condivisione sociale su ogni post.

Questi sono disponibili in molti stili e possono essere fissati a lato della pagina, o aggiunti in fondo al post, o anche aggiunti su immagini come i pulsanti di condivisione di Pinterest.

Su ZDNet usano un lungo rettangolo di pulsanti di condivisione proprio sotto il titolo del post. Utilizza icone semplici con blocchi colorati per fare riferimento a tutti i principali social network.

Ma ancora una volta puoi trovare un sacco di esempi guardando solo alcuni blog popolari. E non importa quale stile tu scelga, è una buona idea split test formati per vedere quale (s) genera più condivisioni.

05-ZDNet-sharing-pulsanti

6. Post relativi

Sono sicuro che tutti abbiamo visto questi widget intitolati "potrebbe piacerti anche ..." in calce agli articoli di notizie. Alcuni di questi sono annunci nativi ma i siti in stile rivista utilizzano effettivamente questi widget per promuovere contenuti pertinenti.

Questa funzione dovrebbe essere un punto fermo per qualsiasi blog perché è un ottimo modo per aumentare le visualizzazioni di pagina senza troppi sforzi. I visitatori non navigeranno sempre in base alla categoria ma potrebbero sfogliare per post correlati. L'esempio sotto da Real Simple ha un design super pulito; esattamente quello che dovresti fare.

Pubblica le miniature per attirare l'attenzione prima, quindi assicurati che siano presenti in primo piano vicino ai titoli.

06-real-semplici-you-May-simile

7. Ricerca accessibile (anche su cellulare)

Ogni sito web ha bisogno di un modulo di ricerca. È uno dei modi migliori per aumentare l'usabilità aiutando le persone a trovare contenuti pertinenti.

La differenza con il sito di una rivista è che spesso può sembrare troppo impegnata per la ricerca. Gli utenti possono sentirsi sopraffatti da così tanti contenuti e così tanti link che potrebbero non preoccuparsi nemmeno di cercare di cercare.

Una forma di ricerca prominente come su Spingi Square è l'ideale per incoraggiare più ricerche.

Puoi lanciare un'icona a forma di lente di ingrandimento nella tua navigazione e utilizzare l'effetto di attivazione a cascata su ogni pagina. Naturalmente questo funziona anche mobile quindi è una scelta affidabile per ogni layout di una rivista.

07-push-piazza-ricerca-magazine-funzione

8. Elementi di pagina personalizzati

Questa caratteristica è un po 'vaga, ma la sto coprendo vagamente di proposito. Ogni blog generico di solito si sente lo stesso: paragrafi su paragrafi con formattazione personalizzata minima o nulla.

I temi di grandi riviste sfruttano la personalizzazione aggiungendo funzionalità in-post. Questi potrebbero essere qualsiasi numero di elementi della pagina che migliorano i tuoi contenuti e rendono più facile il consumo dei tuoi post. Alcune idee che ho visto utilizzate su vari siti Web:

  • Pull-quotes
  • Sommario
  • Presentazioni di immagini in post
  • "Vedi anche" post correlati

Ricorda come ho menzionato il widget dei post correlati in precedenza? È fantastico aggiungere vicino alla fine del tuo post, ma puoi anche aggiungere contenuti correlati all'interno del tuo post.

Per esempio TechCrunch aggiunge un widget "guarda anche" verso la fine di ogni post. Questo è anche predominante sul blog tecnologico Hongkiat che aggiunge post pertinenti all'interno di piccoli blocchi nel contenuto.

Non posso dirti esattamente quali funzioni dovresti aggiungere al tuo sito. Ma dedica decisamente del tempo a scambiare idee e testarle per vedere cosa attacca.

08-android-autorità-pagina-elementi

9. Intestazioni di immagini in primo piano

Se vuoi attirare l'attenzione proprio al primo caricamento della pagina, vuoi due cose: una grande intestazione (trattata prima) e un'immagine chiara in primo piano.

WordPress viene fornito con immagini in primo piano per impostazione predefinita e puoi programmare dimensioni specifiche per le tue immagini. Per i blog in stile rivista è meglio renderli piuttosto grandi e seguire il tendenza immagine eroe . Puoi usare un'immagine a schermo intero come nella schermata Dwell qui sotto. Oppure puoi progettare immagini che si adattino all'area del contenuto del tuo layout.

In entrambi i casi, ogni post dovrebbe avere un'immagine considerevole che aiuti a vendere il contenuto. Lo vedrai praticamente su tutti i blog in stile rivista, anche su questo post se scorri verso l'alto!

Tieni a mente tutte queste idee durante la progettazione del layout e lascia ampio spazio a immagini in evidenza.

09-sosta-magazine-featured-image