WPBeginner v5 - Ny webbplatsdesign och vad som är nästa

Om du laddar upp WPBeginner idag har du kanske märkt att vi har en ny webbdesign. Med tanke på vår senaste design var från 2012, skulle många av dig säga att det är dags att vi gav WPBeginner en uppdatering. Jag ville dela med dig några insikter från vår redesignprocess, vad vi lärde oss, varför det tog så lång tid och viktigast av allt som är nytt i den nya designen.

En liten bakgrund

Jag började WPBeginner under 2009. Under de första tre åren gick WPBeginner igenom 4 redesigns. Det tar upp många resurser som kunde ha använts bättre på vårt centrala uppdrag:

Hjälp småföretag att växa och tävla med de stora killarna genom våra verktyg, team och träning.

Efter WPBv4 gjorde jag det till en punkt att fokusera på vårt kärnuppdrag och resultaten är förvånande.

Under de senaste fyra åren:

• Vi skapade över tusen gratis WordPress-handledning på WPBeginner-bloggen.
• Vi lade till över 500 + nya videokollektioner på vår YouTube-kanal.
• Vi lade till över 100 villkor i vår WordPress Ordlista.
• Vi lanserade OptinMonster - ett verktyg som omvandlar överge besökare till abonnenter. Våra optin former ses flera miljarder gånger i månaden.
• Vi lanserade Envira Gallery, den kraftfullaste WordPress-gallerilösningen, för att hjälpa våra användare att enkelt skapa bild- och videogallerier utan att sakta ner sina webbplatser.
• Vi lanserade Soliloquy ett lättanvänt responsivt WordPress-slider-plugin som gör prestanda och användarupplevelse det är # 1 prioritet.
• Vi lanserade WPForms, det nybörjare vänliga WordPress-formuläret, baserat på din feedback och förslag.
• Tidigare i år förvärvade vi Yoast Analytics och rebranded det till MonsterInsights. Vi håller på att omskriva hela plugin-programmet för att göra Google Analytics enkelt för nybörjare.

Sammantaget har våra plugins laddats ner över 13 miljoner gånger och används aktivt på över 2 miljoner webbplatser.

Medan alla dessa är stora prestationer, har vi en ny uppsättning utmaningar som måste lösas om vi vill fortsätta att förbättra och tjäna vårt uppdrag.

Detta leder mig till WPBeginner v5.

Design med data

Under de senaste åren har användningen av mobila enheter ökat ganska väsentligt för de flesta webbplatser. Det är därför vi alltid rekommenderade alla att välja ett mobilvänligt responsivt WordPress-tema när du startar en blogg.

Detta var lite ironiskt eftersom vår egen webbplats inte var mottaglig. Vi fick mycket kritik mot sociala medier från andra WordPress-designers och utvecklare i samhället.

Ibland skulle vi få kommentarer från läsare frågar varför WPBeginner inte var mottaglig.

Medan jag förstår vikten av responsiv design är det ännu viktigare att du fattar datastyrda beslut när det gäller att prioritera uppgifter i din verksamhet.

År 2012 när vi lanserade WPBv4 design, mindre än 2% av vår publik var på mobilen.

Idag 2016 har antalet ökat till cirka 7%.

Detta är fortfarande mycket lågt jämfört med mina andra webbplatser som List25 där över 50% av användarna är på mobil.

Men det är vettigt eftersom de flesta inte installerar plugins på sina WordPress-webbplatser via mobilenhet. De flesta människor gör inte kodändringar på mobilen. De flesta människor försöker inte fixa vanliga WordPress-fel på mobilen.

Det var därför som WPBeginner svarade inte var vår högsta prioritet. Men när mobilanvändningen passerade 5%, började vi planera för redesignen som också hanterade andra utmaningar.

En annan utmaning vi mötte var användbarhet på plats. När vi lagt till mer innehåll blev det svårare för användarna att hitta vad de letade efter. Till exempel hade vi 8 artiklar som talar om att påskynda WordPress, men ingen omfattande stegvis lösning.

Vi tittade på de övre typade sökfrågorna i WPBeginner-sökformuläret för att skapa omfattande steg för steg-handledning som nu snabbt markeras i designen.

Vi har också gjort det enklare att söka WPBeginner med en fullskärmssökning i huvudet och en ytterligare sökfält i sidofältet.

Framåt kommer vi att göra det enklare för användarna att hitta vad de letar efter genom att skapa innehållsportaler som kreativt utnyttjar WordPress-taggar.

Vad är nytt i WPBv5

Kärnfunktionaliteten hos webbplatsen har varit densamma. Här är några anmärkningsvärda förändringar på webbplatsen:

Ny start här sida

Om du är ny till WPBeginner, skulle du uppskatta den nya Start Here-sidan

Responsive Website Design

WPBeginner webbplats är nu 100% responsiv, så det ser bra ut på alla enheter.

Vi har valt att hålla fast vid den populära Genesis-ramen för att bygga vårt anpassade barntema.

Omfattande guider

Om du tittar i sidofältet på varje sida ser du en ny sektion "Jag behöver hjälp med ...", som lyfter fram omfattande guider som hur man snabbar på WordPress, hur man förbättrar WordPress-säkerhet, hur man optimerar WordPress SEO och mer.

Bättre synlighet för våra produkter

I WPBeginner-folkräkningen var en av frågorna jag frågade namnet en produkt som vi äger. Det var ganska överraskande hur många människor inte visste om våra produkter. I den nya designen kommer vi att göra ett bättre jobb för att lyfta fram de produkter vi äger.

Detta börjar med en ny premium WordPress plugins sida.

Vi kommer också att rotera produkterna i vårt sidofält samt i våra nyhetsannonser.

FontAwesome och ny teckensnitt

Du kanske märker användningen av ikonfonet i den nya formgivaren. Det heter FontAwesome, och jag är ett stort fan av Dave Gandys arbete.

Vi använder sitt arbete på alla våra produkter, och är stolta anhängare av FontAwesome.

Roligt faktum, du kan faktiskt lägga till WPBeginner-logotypen som ett teckensnitt om du använder FontAwesome liksom våra andra egenskaper.

I den nya designen använder vi nu typsnittet Proxima Nova via Typekit.

New Share Plugin

Tidigare använde vi en variant av plugin för Floating Social Bar.

Efter ändringarna från Twitter, Facebook och andra - kände jag mig att det var dags att skapa en ny delning plugin för WPBeginner.

Det drar noggrant Twitter-räkningen, men ännu viktigare, det har nu totalt antal aktier.

Jag valde att stoppa det flytande beteendet och snarare är delningsknapparna nu tillagda i början och slutet av varje inlägg. Detta kommer att hjälpa till med en bättre användarupplevelse med mindre skärmstorlekar.

Ny eBook och Optin Forms

I botten av varje inlägg ser du en ny optin-blankett för att ladda ner min WordPress-verktygslåda. Denna eBook delar de exakta verktygen som vi använder på våra webbplatser.

Det skiljer sig från WPBeginner-ritningen eftersom det bara visar vad vi använder på WPBeginner.

Verktygslådan eBook är mer omfattande.

Jag ersatte också sidobaroptin-formuläret med MonsterLinks, en 2-stegs optin-process. Sidobaroptin-formuläret omvandlades inte i tillräckligt hög grad för att motivera fastigheten. Så nu om du vill prenumerera via e-post kan du göra det genom att klicka på e-postikonen i sidofältet.

Vad kommer härnäst

Bortsett från förändringarna på framsidan gjorde vi många back-end-förändringar som gör det enkelt för WPBeginner-laget att skapa mer omfattande guider under de närmaste månaderna.

WPBeginner videos medlemskap webbplats kommer att få en översyn. För närvarande använder den fortfarande det gamla temat.

Vi kommer att göra det till ett LMS-system som kommer att sammanföra nybörjare videokursen och våra 500 + YouTube-videor på en central plats.

Målet med den webbplatsen är att erbjuda mer organiserade kurser för att göra det enkelt för användare att snabbt lära sig WordPress.

Jag vill tacka er alla för ert stöd och feedback.

Kära verkligen,
Syed Balkhi
Grundare av WPBeginner