WPBeginner v5 - Nuovo design del sito e What's Next

Se stai caricando WPBeginner oggi, potresti aver notato che abbiamo un nuovo design per il sito web. Considerando il nostro ultimo progetto è stato dal 2012, molti di voi direbbero che è giunto il momento di dare a WPBeginner un aggiornamento. Volevo condividere con voi alcuni spunti del nostro processo di riprogettazione, cosa abbiamo imparato, perché ci è voluto tanto tempo e, soprattutto, cosa c'è di nuovo nel nuovo design.

Un po 'di sfondo

Ho iniziato WPBeginner nel 2009. Nei primi 3 anni, WPBeginner ha attraversato 4 riprogettazioni. Ciò richiede molte risorse che avrebbero potuto essere spese meglio per la nostra missione principale:

Aiuta le piccole imprese a crescere e competere con i grandi ragazzi attraverso i nostri strumenti, team e formazione.

Dopo WPBv4, ho deciso di concentrarmi sulla nostra missione principale ei risultati sono sorprendenti.

Negli ultimi quattro anni:

• Abbiamo creato oltre un migliaio di tutorial gratuiti su WordPress sul blog WPBeginner.
• Abbiamo aggiunto oltre 500 nuovi tutorial video sul nostro canale YouTube.
• Abbiamo aggiunto oltre 100 termini nel nostro glossario di WordPress.
• Abbiamo lanciato OptinMonster, uno strumento che converte l'abbandono dei visitatori del sito Web in sottoscrittori. Le nostre forme di optin sono viste diverse miliardi di volte al mese.
• Abbiamo lanciato Envira Gallery, la più potente soluzione per la galleria di WordPress, per aiutare i nostri utenti a creare facilmente gallerie di foto e video senza rallentare i loro siti web.
• Abbiamo lanciato Soliloquy, un plug-in reattivo di WordPress reattivo e facile da utilizzare che rende le prestazioni e l'esperienza utente la priorità numero 1.
• Abbiamo lanciato WPForms, il plug-in per moduli WordPress più adatto ai principianti sulla base dei vostri commenti e suggerimenti.
• All'inizio di quest'anno, abbiamo acquisito Yoast Analytics e lo abbiamo rinominato in MonsterInsights. Stiamo procedendo alla riscrittura dell'intero plug-in per rendere Google Analytics facile per i principianti.

Collettivamente, i nostri plugin sono stati scaricati oltre 13 milioni di volte e vengono utilizzati attivamente su oltre 2 milioni di siti web.

Mentre tutti questi sono grandi risultati, abbiamo una nuova serie di sfide che devono essere affrontate se vogliamo continuare a migliorare e servire la nostra missione.

Questo mi porta a WPBeginner v5.

Progettare con i dati

Negli ultimi anni, l'utilizzo dei dispositivi mobili è aumentato in modo significativo per la maggior parte dei siti Web. Ecco perché abbiamo sempre raccomandato a tutti di scegliere un tema WordPress reattivo ottimizzato per dispositivi mobili all'avvio di un blog.

Questo è stato un po 'ironico perché il nostro sito Web non era reattivo. Abbiamo ricevuto molte critiche sui social media da altri designer e sviluppatori di WordPress nella community.

Occasionalmente ricevevamo commenti dai lettori che chiedevano perché WPBeginner non rispondesse.

Comprendo l'importanza del design reattivo, è ancora più importante prendere decisioni basate sui dati quando si tratta di dare priorità alle attività della tua azienda.

Nel 2012, quando abbiamo lanciato il design WPBv4, meno del 2% del nostro pubblico era su cellulare.

Oggi nel 2016, quel numero è aumentato a circa il 7%.

Questo è ancora molto basso rispetto ai miei altri siti web come List25, dove oltre il 50% degli utenti è mobile.

Ma ha senso perché la maggior parte della gente non installa plug-in sui propri siti Web WordPress tramite dispositivo mobile. La maggior parte delle persone non apporta modifiche al codice sui dispositivi mobili. La maggior parte delle persone non tenta di correggere gli errori comuni di WordPress sui dispositivi mobili.

Ecco perché rendere WPBeginner reattivo non era la nostra massima priorità. Tuttavia, una volta che l'utilizzo dei dispositivi mobili ha superato il 5%, abbiamo iniziato a pianificare la riprogettazione che riguardava anche altre sfide.

Un'altra sfida che abbiamo affrontato è stata l'usabilità sul posto. Come abbiamo aggiunto più contenuti, è diventato più difficile per gli utenti trovare ciò che stavano cercando. Ad esempio, abbiamo avuto 8 articoli che parlano di accelerare WordPress, ma nessuna soluzione completa passo dopo passo.

Abbiamo esaminato le principali query di ricerca digitate nel modulo di ricerca di WPBeginner per creare tutorial completi passo passo che sono ora prontamente evidenziati nel design.

Abbiamo anche semplificato la ricerca di WPBeginner con una sovrapposizione di ricerca a schermo intero nell'intestazione e una barra di ricerca aggiuntiva nella barra laterale.

Andando avanti, renderemo più facile agli utenti trovare ciò che stanno cercando creando portali di contenuti che sfruttino in modo creativo i tag WordPress.

Novità di WPBv5

La funzionalità principale del sito è rimasta la stessa. Ecco alcune modifiche importanti sul sito Web:

Nuovo inizio qui Pagina

Se sei nuovo a WPBeginner, apprezzerai la nuova pagina Inizia qui

Responsive Website Design

Il sito Web WPBeginner è ora al 100% reattivo, quindi è perfetto su tutti i dispositivi.

Abbiamo scelto di aderire al famoso framework Genesis per costruire il nostro tema figlio personalizzato.

Guide complete

Se guardi nella barra laterale di ogni pagina, vedrai una nuova sezione "Ho bisogno di aiuto con ..." che mette in evidenza guide complete come l'accelerazione di WordPress, come migliorare la sicurezza di WordPress, come ottimizzare WordPress SEO e altro.

Migliore visibilità per i nostri prodotti

Nel censimento di WPBeginner, una delle domande che ho posto era denominare un prodotto che possediamo. Era abbastanza sorprendente quante persone non conoscessero i nostri prodotti. Nel nuovo design, faremo un lavoro migliore per mettere in risalto i prodotti che possediamo.

Questo inizia con una nuova pagina premium di plugin per WordPress.

Ruoteremo anche i prodotti nella nostra barra laterale e nelle nostre newsletter.

FontAwesome e New Font

Potresti notare l'uso del carattere dell'icona nel nuovo designer. Si chiama FontAwesome e sono un grande fan del lavoro di Dave Gandy.

Usiamo il suo lavoro su tutti i nostri prodotti e siamo orgogliosi sostenitori di FontAwesome.

Un fatto divertente, puoi effettivamente aggiungere il logo WPBeginner come font se usi FontAwesome e le altre nostre proprietà.

Nel nuovo design, stiamo usando il font Proxima Nova tramite Typekit.

Nuovo plug-in di condivisione

In passato, abbiamo utilizzato una variante del plug Floating Social Bar.

Dopo i cambiamenti da Twitter, Facebook e altri, ho sentito che era giunto il momento di creare un nuovo plug-in di condivisione per WPBeginner.

Conta con precisione il conteggio di Twitter, ma ancora più importante ora ha un conteggio totale delle azioni.

Ho scelto di interrompere il comportamento flottante e ora i pulsanti di condivisione sono stati aggiunti all'inizio e alla fine di ogni post. Ciò aiuterà con una migliore esperienza utente su schermi di dimensioni più piccole.

Nuovi moduli eBook e Optin

Nella parte inferiore di ogni post, vedrai un nuovo modulo optin per scaricare il mio toolkit WordPress. Questo eBook condivide gli strumenti esatti che utilizziamo nei nostri siti web.

È diverso dal progetto WPBeginner perché mostra solo ciò che usiamo su WPBeginner.

Il kit di strumenti eBook è più completo.

Ho anche sostituito il modulo optin della barra laterale con MonsterLinks, un processo di optin in 2 fasi. La forma di optin della barra laterale non è stata convertita a un tasso sufficientemente alto da giustificare la proprietà immobiliare. Quindi ora se vuoi iscriverti via e-mail, puoi farlo facendo clic sull'icona dell'email nella barra laterale.

Qual'è il prossimo

A parte i cambiamenti front-end, abbiamo apportato molte modifiche di back-end che renderanno più semplice il team di WPBeginner a creare guide più complete nei prossimi mesi.

Il sito di appartenenza ai video di WPBeginner sarà sottoposto a una revisione. Al momento utilizza ancora il vecchio tema.

Lo trasformeremo in un sistema LMS che riunirà il corso per video per principianti e i nostri oltre 500 video di YouTube in un luogo centralizzato.

L'obiettivo di questo sito sarebbe quello di offrire corsi più organizzati per rendere più facile l'apprendimento rapido di WordPress da parte degli utenti.

Voglio ringraziare tutti per il vostro supporto e feedback.

Cordialmente,
Syed Balkhi
Fondatore di WPBeginner