WPBeginner v5 - Design nou de site și ce urmează

Dacă încărcați astăzi WPBeginner, atunci este posibil să fi observat că avem un nou design al site-ului web. Având în vedere că ultimul nostru design a fost din 2012, mulți dintre voi ați spune că este timpul să le dăm lui WPBeginner o reîmprospătare. Am vrut să vă împărtășesc câteva idei din procesul nostru de redesign, ceea ce am învățat, de ce a durat atât de mult și, cel mai important, ceea ce este nou în noul design.

Un fundal mic

Am inceput WPBeginner in 2009. In primii 3 ani, WPBeginner a trecut prin 4 redesignuri. Aceasta necesită o mulțime de resurse care ar fi putut fi mai bine cheltuite pentru misiunea noastră principală:

Ajutați întreprinderile mici să crească și să concureze cu băieții mari prin instrumentele, echipa și instruirea noastră.

După WPBv4, am făcut un punct să mă concentrez asupra misiunii noastre principale, iar rezultatele sunt uimitoare.

În ultimii patru ani:

• Am creat peste o mie de tutoriale gratuite WordPress pe blogul WPBeginner.
• Am adăugat peste 500 de noi tutoriale video pe canalul nostru YouTube.
• Am adăugat peste 100 de termeni în glosarul nostru WordPress.
• Am lansat OptinMonster - un instrument care transformă abandonarea vizitatorilor site-ului în abonați. Formularele noastre optin sunt vizionate de câteva miliarde de ori pe lună.
• Am lansat galeria Envira, cea mai puternică soluție de galerii WordPress, pentru a ajuta utilizatorii noștri să creeze cu ușurință galerii foto și video fără a încetini site-urile lor web.
• Am lansat Soliloquy un ușor de utilizat plugin WordPress slider care face ca performanța și experiența utilizatorului să fie prioritatea nr.1.
• Am lansat WPForms, modulul WordPress prietenos pentru începători, bazat pe feedback-ul și sugestiile dvs..
• La începutul acestui an, am achiziționat Google Analytics Yoast și l-am rebrand la MonsterInsights. Suntem în curs de rescriere a întregului plugin pentru a face Google Analytics mai ușor pentru începători.

În mod colectiv, pluginurile noastre au fost descărcate de peste 13 milioane de ori și sunt utilizate în mod activ pe peste 2 milioane de site-uri Web.

Deși toate acestea sunt realizări extraordinare, avem un nou set de provocări care trebuie abordate dacă dorim să continuăm să ne îmbunătățim și să ne îndeplinim misiunea.

Acest lucru mă aduce la WPBeginner v5.

Design cu date

În ultimii ani, utilizarea dispozitivelor mobile a crescut semnificativ pentru majoritatea site-urilor web. De aceea am recomandat întotdeauna tuturor să aleagă o temă WordPress responsabilă de mobil atunci când începe un blog.

A fost puțin ironic pentru că site-ul nostru nu a fost receptiv. Avem o mulțime de critici cu privire la mediile sociale de la alți designeri și dezvoltatori WordPress din comunitate.

Ocazional, vom primi comentarii de la cititori, întrebându-ne de ce WPBeginner nu a fost receptiv.

În timp ce înțeleg importanța designului receptiv, este chiar mai important să luați decizii bazate pe date atunci când vine vorba de prioritizarea sarcinilor din afacerea dvs..

În 2012, când am lansat designul WPBv4, mai puțin de 2% din publicul nostru a fost pe mobil.

Astăzi, în 2016, numărul a crescut la aproximativ 7%.

Acest lucru este încă foarte scăzut în comparație cu celelalte site-uri ale mele, cum ar fi Lista25, unde peste 50% dintre utilizatori sunt pe telefonul mobil.

Dar are sens deoarece majoritatea oamenilor nu instalează pluginuri pe site-urile lor WordPress prin intermediul dispozitivului mobil. Cei mai mulți oameni nu fac modificări de cod pe telefonul mobil. Cei mai mulți oameni nu încearcă să repare erorile comune WordPress pe mobil.

De aceea, răspunsul la WPBeginner nu a fost prioritatea noastră principală. Cu toate acestea, odată ce utilizarea mobilă a trecut cu 5%, am început să planificăm reproiectarea care a abordat și alte provocări.

O altă provocare cu care ne-am confruntat a fost folosirea la fața locului. Pe măsură ce adăugăm mai mult conținut, a devenit mai greu pentru utilizatori să găsească ceea ce căutau. De exemplu, am avut 8 articole vorbind despre accelerarea WordPress, dar nu o soluție cuprinzătoare pas cu pas.

Am analizat interogările de căutare tipizate de mai jos în formularul de căutare WPBeginner pentru a crea tutoriale detaliate pas cu pas care sunt acum evidențiate în mod rapid în proiectare.

De asemenea, am făcut mai ușor să căutăm pe WPBeginner cu o suprapunere de căutare pe ecran complet în antet și o bară de căutare suplimentară în bara laterală.

Mergând mai departe, vom fi mai ușor pentru utilizatori să găsească ceea ce caută prin crearea unor portaluri de conținut care să utilizeze creativ etichetele WordPress.

Ce este nou în WPBv5

Funcțiile de bază ale site-ului au rămas la fel. Iată câteva modificări notabile pe site:

Introduceți nou aici

Dacă sunteți nou la WPBeginner, atunci ați aprecia noua pagină Start Here

Responsabil design web site

Site-ul web WPBeginner este acum 100% receptiv, așa că arată excelent pe toate dispozitivele.

Am ales să păstrăm cadrul popular Genesis pentru a construi tema copilului personalizat.

Ghiduri complete

Dacă vă uitați în bara laterală a fiecărei pagini, veți vedea o nouă secțiune "Am nevoie de ajutor cu ...", care evidențiază ghiduri cuprinzătoare cum ar fi cum să accelerați WordPress, cum să îmbunătățiți securitatea WordPress, cum să optimizați WordPress SEO și multe altele.

Vizibilitate mai bună pentru produsele noastre

În recensământul WPBeginner, una dintre întrebările pe care le-am adresat a fost denumirea unui produs pe care îl deținem. A fost destul de surprinzător câte persoane nu știau despre produsele noastre. În noul design, vom face o treabă mai bună de a evidenția produsele pe care le deținem.

Aceasta începe cu o nouă pagină plugins WordPress premium.

De asemenea, vom roti produsele în bara noastră laterală, precum și în anunțurile noastre de buletine informative.

FontAwesome și font nou

S-ar putea să observați utilizarea fontului de pictograme în noul designer. Se numește FontAwesome, și sunt un mare fan al operei lui Dave Gandy.

Folosim munca sa asupra tuturor produselor noastre și suntem mândri de suporterii FontAwesome.

De fapt, puteți adăuga logo-ul WPBeginner ca font dacă utilizați FontAwesome, precum și celelalte proprietăți.

În noul design, acum folosim fontul Proxima Nova prin Typekit.

Pluginul Plutei noi

În trecut, am folosit o variantă a pluginului Floating Social Bar.

După schimbările de la Twitter, Facebook și alții - am simțit că era timpul să creez un nou plugin pentru WPBeginner.

Acesta trage cu exactitate numărătoarea Twitter, dar mai important, are acum un număr total de acțiuni.

Am ales să opresc comportamentul plutitor și mai degrabă butoanele de partajare sunt acum adăugate la începutul și la sfârșitul fiecărui post. Acest lucru va ajuta la o experiență mai bună a utilizatorilor cu dimensiuni mai mici ale ecranului.

Noi formulare electronice și Optin

În partea de jos a fiecărui post, veți vedea un nou formular optin pentru a descărca setul de instrumente WordPress. Această carte electronică împarte instrumentele exacte pe care le folosim pe site-urile noastre.

Acesta este diferit de planul WPBeginner pentru că vă arată doar ceea ce folosim pe WPBeginner.

Cartea electronică a instrumentului este mai cuprinzătoare.

De asemenea, am înlocuit formularul optin al barei laterale cu MonsterLinks, un proces optin în doi pași. Forma optin de bara laterala nu sa convertit la o rata destul de mare pentru a justifica imobilul. Acum, dacă doriți să vă abonați prin e-mail, puteți face acest lucru făcând clic pe pictograma de e-mail din bara laterală.

Ce urmeaza

În afară de modificările de la front-end, am făcut o mulțime de schimbări de ultimă generație, care vor ușura echipa WPBeginner să creeze ghiduri mai cuprinzătoare în lunile următoare.

Site-ul pentru membrii WPBeginner va fi revizuit. În prezent, încă mai folosește tema veche.

Vom transforma acest lucru într-un sistem LMS care va reuni cursul video pentru începători și cele 500 de videoclipuri YouTube într-un loc centralizat.

Scopul cu acest site ar fi acela de a oferi cursuri mai organizate pentru a facilita utilizatorilor să învețe rapid WordPress.

Vreau să vă mulțumesc tuturor pentru sprijinul și feedbackul dvs..

A ta cu adevărat,
Syed Balkhi
Fondator al WPBeginner