WPBeginner v5 - Ny Site Design og hva som er neste

Hvis du laster opp WPBeginner i dag, så har du kanskje lagt merke til at vi har et nytt nettsteddesign. Med tanke på vår siste design var fra 2012, vil mange av dere si at det er på tide at vi ga WPBeginner en oppdatering. Jeg ville dele med deg litt innsikt fra vår redesignprosess, hva vi lærte, hvorfor det tok så lang tid, og viktigst hva som er nytt i den nye designen.

En liten bakgrunn

Jeg startet WPBeginner i 2009. I de første 3 årene gikk WPBeginner gjennom 4 redesigner. Det tar opp mange ressurser som kunne vært bedre brukt på vårt kjerneoppdrag:

Hjelp små bedrifter til å vokse og konkurrere med de store gutta gjennom våre verktøy, team og trening.

Etter WPBv4 gjorde jeg det et poeng å fokusere på vår kjerneoppgave og resultatene er forbløffende.

I de siste fire årene:

• Vi opprettet over tusen gratis WordPress-opplæringsprogrammer på WPBeginner-bloggen.
• Vi har lagt til over 500 + nye videoopplæringsprogrammer på vår YouTube-kanal.
• Vi har lagt over 100 ord i vår WordPress Ordliste.
• Vi lanserte OptinMonster - et verktøy som konverterer forlater besøkende til abonnenter. Våre optin former er sett flere milliarder ganger i måneden.
• Vi lanserte Envira Gallery, den kraftigste WordPress-galleriløsningen, for å hjelpe brukerne våre til å lage bilder og videogallerier uten å bremse ned sine nettsteder.
• Vi lanserte Soliloquy en lett å bruke responsiv WordPress-skyveplugg som gir ytelse og brukeropplevelse, det er # 1 prioritet.
• Vi lanserte WPForms, den nybegynnervennlige WordPress-formularpluggen basert på tilbakemelding og forslag.
• Tidligere i år kjøpte vi Yoast Analytics og rebranded den til MonsterInsights. Vi er i ferd med å omskrive hele plugin for å gjøre Google Analytics enkelt for nybegynnere.

Samlet sett har våre plugins blitt lastet ned over 13 millioner ganger og brukes aktivt på over 2 millioner nettsteder.

Mens alle disse er gode resultater, har vi et nytt sett med utfordringer som må løses hvis vi vil fortsette å forbedre og betjene vårt oppdrag.

Dette bringer meg til WPBeginner v5.

Design med data

I de siste årene har bruken av mobile enheter gått opp ganske betydelig for de fleste nettsteder. Derfor anbefalte vi alltid alle å velge et mobilvennlig responsivt WordPress-tema når du starter en blogg.

Dette var litt ironisk fordi vår egen nettside ikke var lydhør. Vi fikk mye kritikk på sosiale medier fra andre WordPress-designere og utviklere i samfunnet.

Av og til ville vi få kommentarer fra leserne spør hvorfor WPBeginner ikke var lydhør.

Mens jeg forstår betydningen av responsiv design, er det enda viktigere at du tar data-drevne beslutninger når det gjelder prioritering av oppgaver i bedriften din.

I 2012 da vi lanserte WPBv4-design, mindre enn 2% av publikum var på mobil.

I dag i 2016 har tallet økt til rundt 7%.

Dette er fortsatt svært lavt sammenlignet med mine andre nettsteder som List25, hvor over 50% av brukerne er på mobil.

Men det er fornuftig fordi de fleste ikke installerer plugins på deres WordPress-nettsteder via mobilenhet. De fleste folk gjør ikke kodeendringer på mobilen. De fleste folk prøver ikke å fikse vanlige WordPress-feil på mobilen.

Det var derfor å gjøre WPBeginner lydhør ikke var vår topp prioritet. Men når mobilforbruket passerte 5%, begynte vi å planlegge for redesignet som også adresserte andre utfordringer.

En annen utfordring vi møtte var brukbarhet på stedet. Da vi la til mer innhold, ble det vanskeligere for brukerne å finne det de lette etter. For eksempel hadde vi 8 artikler som snakket om å øke hastigheten på WordPress, men ingen omfattende trinnvis løsning.

Vi så på de øverste tastede søkene i WPBeginner søkeskjema for å lage omfattende trinnvise opplæringsprogrammer som nå er straks uthevet i designet.

Vi har også gjort det enklere å søke WPBeginner med et fullskjermsøkeoverlegg i overskriften og en ekstra søkefelt i sidefeltet.

Fremover vil vi gjøre det lettere for brukerne å finne det de leter etter, ved å lage innholdsportaler som kreativt bruker WordPress-tagger.

Hva er nytt i WPBv5

Kjernefunksjonaliteten til nettstedet har vært det samme. Her er noen få bemerkelsesverdige endringer på nettstedet:

Ny start her side

Hvis du er ny til WPBeginner, så vil du sette pris på den nye Start Here-siden

Responsive Website Design

WPBeginner nettstedet er nå 100% responsivt, så det ser bra ut på alle enheter.

Vi har valgt å holde fast ved det populære Genesis-rammeverket for å bygge vårt tilpassede barnemne.

Omfattende veiledninger

Hvis du ser i sidelinjen på hver side, ser du en ny del "Jeg trenger hjelp med ..." som fremhever omfattende guider som hvordan du kan øke WordPress, hvordan du kan forbedre WordPress-sikkerhet, hvordan du optimaliserer WordPress SEO og mer.

Bedre synlighet for våre produkter

I WPBeginner-folketellingen, var et av spørsmålene jeg spurte navnet et produkt som vi eier. Det var ganske overraskende hvor mange folk ikke visste om våre produkter. I det nye designet skal vi gjøre en bedre jobb med å fremheve produktene vi eier.

Dette starter med en ny premium WordPress plugins-side.

Vi vil også rotere produktene i vår sidefelt, samt i våre nyhetsbrevannonser.

FontAwesome og ny skrifttype

Det kan hende du merker bruken av ikonfonten i den nye designeren. Det heter FontAwesome, og jeg er en stor fan av Dave Gandys arbeid.

Vi bruker sitt arbeid på alle våre produkter, og er stolte tilhengere av FontAwesome.

Morsomt faktum, du kan faktisk legge til WPBeginner-logoen som en skrifttype hvis du bruker FontAwesome, så vel som våre andre egenskaper.

I det nye designet bruker vi nå Proxima Nova-skrift gjennom Typekit.

Ny Del Plugin

Tidligere brukte vi en variant av pluginet Floating Social Bar.

Etter endringene fra Twitter, Facebook og andre - følte jeg at det var på tide å lage en ny deling plugin for WPBeginner.

Det trekker Twitter-tellingen nøyaktig, men enda viktigere, det har nå totalt antall aksjer.

Jeg valgte å stoppe flytende oppførsel, og snarere delingsknappene er nå lagt til i begynnelsen og på slutten av hvert innlegg. Dette vil hjelpe til med en bedre brukeropplevelse på mindre skjermstørrelser.

Ny eBok og Optin Forms

På bunnen av hvert innlegg vil du se et nytt optin skjema for å laste ned min WordPress verktøykasse. Denne eBoken deler de eksakte verktøyene vi bruker på våre nettsider.

Det er forskjellig fra WPBeginner-tegningen, fordi det bare viser deg hva vi bruker på WPBeginner.

Verktøysettet eBok er mer omfattende.

Jeg har også erstattet sidebaroptin-skjemaet med MonsterLinks, en 2-trinns optin-prosess. Sidebaroptin-skjemaet konverterte ikke med høy nok til å rettferdiggjøre eiendommen. Så nå hvis du vil abonnere via e-post, kan du gjøre det ved å klikke på e-postikonet i sidefeltet.

Hva blir det neste

Bortsett fra end-end-endringene, har vi gjort mange back-end-endringer som gjør det enkelt for WPBeginner-teamet å lage mer omfattende guider i de kommende månedene.

WPBeginner videoer medlemskap nettstedet vil bli en overhaling. For tiden bruker den fortsatt det gamle temaet.

Vi vil slå det inn i et LMS-system som vil bringe sammen nybegynnervideo-kurset og våre 500 + YouTube-videoer på et sentralisert sted.

Målet med dette nettstedet er å tilby mer organiserte kurs for å gjøre det enkelt for brukerne å lære WordPress raskt.

Jeg vil takke dere alle for din støtte og tilbakemelding.

Med vennlig hilsen,
Syed Balkhi
Grunnlegger av WPBeginner