WPBeginner v5 - Nieuw ontwerp van de site en What's Next

Als u vandaag WPBeginner laadt, is het u misschien opgevallen dat we een nieuw website-ontwerp hebben. Gezien ons laatste ontwerp uit 2012 was, zouden velen van jullie zeggen dat het hoog tijd wordt dat we WPBeginner een update geven. Ik wilde wat inzichten uit ons herontwerpproces delen, wat we leerden, waarom het zo lang duurde, en vooral wat er nieuw is in het nieuwe ontwerp.

Een beetje achtergrond

Ik begon WPBeginner in 2009. In de eerste 3 jaar maakte WPBeginner 4 herontwerpen. Dat kost veel middelen die beter besteed hadden kunnen worden aan onze kernmissie:

Help kleine bedrijven te groeien en te concurreren met de grote jongens via onze tools, team en training.

Na WPBv4 maakte ik het een punt om me te concentreren op onze kernmissie en de resultaten zijn verbluffend.

In de afgelopen vier jaar:

• We hebben meer dan duizend gratis WordPress-zelfstudies gemaakt op WPBeginner-blog.
• We hebben meer dan 500 nieuwe videozelfstudies toegevoegd aan ons YouTube-kanaal.
• We hebben meer dan 100 termen toegevoegd in onze WordPress-woordenlijst.
• We lanceerden OptinMonster - een tool die bezoekers van een verlaten website omzet in abonnees. Onze optin-formulieren worden enkele miljarden keren per maand bekeken.
• We hebben Envira Gallery gelanceerd, de krachtigste WordPress-galerijoplossing, om onze gebruikers te helpen eenvoudig foto- en videogalerijen te maken zonder hun websites te vertragen.
• We hebben Soliloquy gelanceerd, een eenvoudig te gebruiken, responsieve WordPress slider plug-in die de prestaties en gebruikerservaring de # 1 prioriteit maakt.
• We hebben WPForms gelanceerd, de meest beginnersvriendelijke invoegtoepassing voor WordPress op basis van uw feedback en suggesties.
• Eerder dit jaar hebben we Yoast Analytics overgenomen en het opnieuw gebruikt voor MonsterInsights. We zijn bezig met het herschrijven van de volledige plug-in om Google Analytics gemakkelijk te maken voor beginners.

Onze plug-ins zijn gezamenlijk meer dan 13 miljoen keer gedownload en worden actief gebruikt op meer dan 2 miljoen websites.

Hoewel dit allemaal geweldige prestaties zijn, hebben we een nieuwe reeks uitdagingen die moeten worden aangepakt als we onze missie willen blijven verbeteren en dienen..

Dit brengt me bij WPBeginner v5.

Ontwerp met gegevens

In de afgelopen paar jaar is het gebruik van mobiele apparaten aanzienlijk gestegen voor de meeste websites. Daarom hebben we iedereen altijd aangeraden om een ​​mobielvriendelijk responsief WordPress-thema te kiezen bij het starten van een blog.

Dit was een beetje ironisch omdat onze eigen website niet reageerde. We hebben veel kritiek gekregen op sociale media van andere ontwerpers en ontwikkelaars van WordPress in de community.

Af en toe kregen we reacties van lezers die vroegen waarom WPBeginner niet reageerde.

Hoewel ik het belang van responsief ontwerp begrijp, is het nog belangrijker dat u gegevensgestuurde beslissingen neemt wanneer het gaat om het prioriteren van taken in uw bedrijf.

In 2012, toen we WPBv4-ontwerp lanceerden, minder dan 2% van ons publiek was op mobiel.

Vandaag in 2016 is dat aantal gestegen tot ongeveer 7%.

Dit is nog steeds erg laag in vergelijking met mijn andere websites zoals List25, waar meer dan 50% van de gebruikers mobiel is.

Maar het is logisch omdat de meeste mensen geen plug-ins installeren op hun WordPress-websites via een mobiel apparaat. De meeste mensen maken geen codewijzigingen op mobiel. De meeste mensen proberen geen algemene WordPress-fouten op mobiele apparaten op te lossen.

Daarom was het niet onze hoogste prioriteit om WPBeginner responsief te maken. Toen het mobiele gebruik echter 5% overschreed, zijn we begonnen met plannen voor het nieuwe ontwerp dat ook andere uitdagingen aanging.

Een andere uitdaging die we tegenkwamen, was gebruiksvriendelijkheid op de site. Naarmate we meer inhoud toevoegden, werd het voor gebruikers moeilijker om te vinden waarnaar ze op zoek waren. We hadden bijvoorbeeld 8 artikelen over het versnellen van WordPress, maar geen uitgebreide stap voor stap oplossing.

We hebben gekeken naar de top getypte zoekopdrachten in het WPBeginner-zoekformulier om uitgebreide stapsgewijze zelfstudies te maken die nu meteen in het ontwerp worden gemarkeerd.

We hebben ook het zoeken naar WPBeginner eenvoudiger gemaakt met een zoekoverlay op volledig scherm in de kop en een extra zoekbalk in de zijbalk.

In de toekomst zullen we het voor gebruikers gemakkelijker maken om te vinden wat ze zoeken door contentportals te maken die op creatieve wijze gebruikmaken van WordPress-tags.

Wat is er nieuw in WPBv5

De kernfunctionaliteit van de site is hetzelfde gebleven. Hier zijn enkele opmerkelijke veranderingen op de website:

Nieuwe start hier pagina

Als je WPBeginner nog niet kent, zou je de nieuwe Start Here-pagina op prijs stellen

Responsive Website Design

De WPBeginner-website is nu 100% responsive, dus het ziet er geweldig uit op alle apparaten.

We hebben ervoor gekozen om bij het populaire Genesis-raamwerk te blijven om ons eigen kindthema te bouwen.

Uitgebreide handleidingen

Als u in de zijbalk van elke pagina kijkt, ziet u een nieuwe sectie "Ik heb hulp nodig bij ...", waarin uitgebreide handleidingen worden beschreven, zoals hoe u WordPress versnelt, hoe u WordPress-beveiliging kunt verbeteren, hoe u WordPress SEO kunt optimaliseren en meer.

Betere zichtbaarheid voor onze producten

In de WPBeginner-telling, noemde een van de vragen die ik stelde, een product dat we bezitten. Het was nogal verrassend hoeveel mensen niet wisten van onze producten. In het nieuwe ontwerp gaan we de producten die we bezitten beter weergeven.

Dit begint met een nieuwe premium WordPress plug-ins pagina.

We zullen de producten ook in onze zijbalk verdraaien evenals in onze nieuwsbriefadvertenties.

FontAwesome en nieuw lettertype

Mogelijk merkt u het gebruik van pictogramlettertype in de nieuwe ontwerper. Het heet FontAwesome en ik ben een grote fan van Dave Gandy's werk.

We gebruiken zijn werk voor al onze producten en zijn trotse supporters van FontAwesome.

Leuk weetje, je kunt het WPBeginner-logo als een lettertype toevoegen als je zowel FontAwesome als onze andere eigenschappen gebruikt.

In het nieuwe ontwerp gebruiken we nu het Proxima Nova-lettertype via Typekit.

Nieuwe share-plugin

In het verleden hebben we een variant van de plug-in Floating Social Bar gebruikt.

Na de veranderingen van Twitter, Facebook en anderen - vond ik dat het tijd was om een ​​nieuwe deelplugin voor WPBeginner te maken.

Het trekt nauwkeurig het Twitter-aantal, maar belangrijker is dat het nu een totaal aantal delen telt.

Ik heb ervoor gekozen om het zwevende gedrag te stoppen en de deelknoppen worden nu toegevoegd aan het begin en aan het einde van elk bericht. Dit zal helpen bij een betere gebruikerservaring op kleinere schermformaten.

Nieuwe eBook- en Optin-formulieren

Onderaan elk bericht ziet u een nieuw optin-formulier om mijn WordPress-toolkit te downloaden. Dit eBook deelt de exacte tools die we op onze websites gebruiken.

Het is anders dan de WPBeginner-blauwdruk, want dat laat alleen zien wat we gebruiken op WPBeginner.

Het toolkit eBook is uitgebreider.

Ik heb ook het formulier voor de zijbalkoptin vervangen door MonsterLinks, een 2-staps optin-proces. De zijbalkoptin vorm converteerde niet hoog genoeg om het onroerend goed te rechtvaardigen. Dus nu als u zich per e-mail wilt abonneren, kunt u dit doen door op het e-mailpictogram in de zijbalk te klikken.

Wat is het volgende

Afgezien van de front-end wijzigingen, hebben we veel back-end wijzigingen aangebracht die het voor het WPBeginner-team gemakkelijk zullen maken om meer uitgebreide gidsen te maken in de komende maanden.

De WPBeginner-website met video-lidmaatschap krijgt een revisie. Momenteel gebruikt het nog steeds het oude thema.

We zullen dat veranderen in een LMS-systeem dat de video-beginnerscursus en onze meer dan 500 YouTube-video's op een gecentraliseerde plaats samenbrengt.

Het doel van die site zou zijn om meer georganiseerde cursussen aan te bieden om het gebruikers gemakkelijk te maken om WordPress snel te leren.

Ik wil jullie allemaal bedanken voor jullie steun en feedback.

Ondergetekende,
Syed Balkhi
Oprichter van WPBeginner