Ghid pentru îmbunătățirea experienței utilizatorului (UX) a site-ului WordPress

Optimizarea unui site web pentru o experiență mai bună a utilizatorului nu este o simplă plimbare, mai ales pentru că instrumentele necesare și/sau cunoștințele de codificare nu vin pentru o duzină de bani. Dar atunci când site-ul este realizat pe o platformă care este practic cunoscută și iubită pentru ușurința de utilizare, UXO ( optimizarea experienței utilizatorului ) este semnificativ mai puțin dureroasă.

Există mii de instrumente disponibile pe WordPress, multe dintre ele chiar și gratuit, care vă ajută să vă înțelegeți mai bine publicul (urmărire și analiză), să îmbunătățiți performanța (pluginuri de cache și optimizare a imaginii) și să testați și să îmbunătățiți (A/B). testarea software-ului precum Nelio, OptimizePress etc.). Acest ghid nu este despre ei.

Acest ghid detaliază unele dintre aspectele mai ușor de trecut cu vederea ale utilizabilității într-un site web WordPress și cele mai bune modalități de a remedia aceste neglijențe. Vom începe cu:

Carusele

Fiecare departament din fiecare afacere vrea carusele/slidere, pur și simplu pentru că este un frumos mijloc de aur. Toată lumea își primește produsul/campania/mesajul plasat într-un singur spațiu cel mai vizibil al paginii: deasupra pliului.

Acesta este motivul pentru care cele mai dorite teme WordPress includ cel puțin un plugin de glisare (de obicei, Slider-ul Revolution). Să vedem avantajele și dezavantajele acestei abordări:

Pro:

• Afișează cele mai semnificative mesaje într-un singur loc.
• Mesajele pot fi prioritizate (cel mai important primește primul slide)
• Ar trebui să atragă toate segmentele de vizitatori („ceva pentru toată lumea”)

Contra:

• În general, utilizatorii nu așteaptă ca diapozitivele să se rotească și vor trece peste carusel după o privire asupra cadrului vizibil în prezent.
• Conținutul slide-urilor nu este ușor de accesat cu crawlere de către roboții de căutare, ceea ce este o veste proastă pentru SEO.

Există modalități de a rezolva aceste dezavantaje și de a îmbunătăți UX-ul caruselului:

1. Păstrați numărul de diapozitive/cadre nu mai mult de 5.
2. Oferă utilizatorilor controlul de navigare în carusel
3. NU redirecționați automat.

Uneori, cea mai simplă soluție este cea mai bună. În loc să vă bazați pe plugin-uri de glisare premium, puteți utiliza pluginuri JavaScript (jQuery) ușoare, cum ar fi Slick, pentru a crea carusele ușor de utilizat pe WordPress.

Navigare avansată

Un meniu principal în antet combinat cu o navigare secundară într-o bară laterală este o modalitate aproape inofensibilă de a vă asigura că navigarea este completă și utilizabilă. Dar atunci când vine vorba de site-uri web uriașe (în special comerțul electronic sau bloguri mari, cu conținut greoi) cu mii de pagini, o navigare secundară nu o va reduce.

De aceea avem nevoie de Mega Meniuri. Dar există și două fețe ale acestei monede.

Pro:

Vizibilitate uniformă: conținutul/paginile de la nivelurile inferioare sunt incluse în mega-meniu
Salvează un pas suplimentar: utilizatorii pot ajunge mai rapid la conținutul mai îndepărtat/obscur.

Contra:

• Se știe că cauzează probleme de performanță atunci când sunt adăugate elemente de UI, cum ar fi grafice/pictograme.
• Mai mult sau mai puțin ineficient pe un site web cu ierarhie de conținut proastă
• A face mega meniuri perfect receptive poate fi o provocare

Înainte de a dezbate argumentele pro și contra (și dacă aveți nevoie sau nu de un mega meniu pe site-ul dvs.), trebuie să vă clasificați temeinic conținutul. Taxonomia WordPress există cu un motiv. Foloseste-l.

Odată ce aveți ierarhia de conținut suficient de bine îmblânzită și organizată, puteți utiliza pluginuri WordPress precum Max Mega Menu, uberMenu etc. pentru a adăuga un mega meniu drop-down pe site. Extensiile WooCommerce precum Ajax Layered Navigation adaugă o interfață de filtrare în magazin.

Performanţă

Indiferent ce ai vrea să crezi: NU ești exclusivist.

Utilizatorii nu vor să aștepte conținut, așa că nu-i obligați să aștepte conținut sau îl vor căuta în altă parte. Chiar și rândurile tale suferă din cauza site-urilor web lente. Aceasta este suma totală a nevoii de optimizare a performanței în experiența utilizatorului.

Optimizați-vă site-ul WordPress pentru performanță cu:

CDN: O opțiune viabilă pentru site-urile web care primesc o audiență globală și au trafic mediu spre mare. Pluginul MaxCDN și W3 Total Cache este o potrivire făcută în raiul cu încărcare rapidă.

Cache: După cum am menționat mai sus, W3 Total Cache este singurul plugin de cache de care aveți nevoie (chiar și fără suportul CDN). De asemenea, întrebați dezvoltatorii dvs. despre soluțiile server-side, cum ar fi Redis și Memcached

Optimizare front-end: pluginuri precum EWWW Image Optimizer comprimă imaginile (fără a compromite calitatea). De asemenea, asigurați-vă că există cât mai puține CSS și JS inline în fișierele dvs. de teme. Comprimați și reduceți, de asemenea, foile de stil și fișierele JavaScript.

Reduceți dependențele externe, utilizați sprite-uri CSS și fiți extrem de pretențioși în timp ce descărcați pluginuri (cu cât mai puține, cu atât mai bine). Puteți chiar să contactați furnizorul dvs. de găzduire web și să cereți ajutor. Uneori, gazda dvs. web creează probleme legate de performanță.

Pop-up-uri modale

Nu fi detestabil în numele interactivității și conversiilor.

Da, pop-up-ul modal (marketing de întrerupere) este un instrument excelent de conversie. Există literalmente mii de plugin-uri acolo (majoritatea pluginurilor de social media au această caracteristică acum) care vă permit să lipiți un mesaj utilizatorilor, „politicos” reamintindu-le să partajeze/urmărească/aprecieze conținutul pe rețelele sociale, să se aboneze sau să se înscrie, beneficiați de o reducere și colab.

Sunt atât de multe lucruri în neregulă cu el... dar vom ajunge la asta într-o clipă.

Pro:

• S-a dovedit că îmbunătățește ratele de conversie

Contra:

• Distragerea atenției: vizitatorul este aici pentru conținut și pop-up-ul este în cale.
• Ferestrele pop-up sunt tratate ca zgomot alb (ca atâtea reclame), cu excepția cazului în care se potrivesc corect cu călătoria utilizatorului.
• RĂU pentru accesibilitate

Există exemple de ferestre pop-up folosite frumos în context. BrainPickings.org își înțelege publicul și își promovează linkul „donați” numai atunci când utilizatorul a accesat site-ul în mod repetitiv și când a terminat de citit conținutul. Popup-ul Reebok Crossfit are un timp prost, dar compensează ușor cu o reducere la abonament pe pagina de produse.

Sursa: REEBOK

Timpul și întârzierile de declanșare sunt în regulă, dar este, de asemenea, necesar să ne concentrăm pe imaginea de ansamblu și să legați un pop-up într-un mod care să fie relevant pentru utilizatorii care o doresc.

Până acum, creșterea conversiei se datorează mai mult unei forțe simple, dar calitatea conversiilor și a clienților potențiali ulterioare poate fi crescută atunci când o faci în mod inteligent. A cere unui vizitator pentru prima dată să se aboneze la un site web nu vă va obține clienți potențiali de calitate de 99/100 de ori.

Încercați să utilizați în mod inteligent pluginurile WordPress pentru ferestre pop-up. Există unele (cum ar fi Popup-urile de la Supsystic) care sunt bune. Lucrați cu aceștia în loc să vă concentrați doar pe interacțiunea pe o singură pagină.

Notă de final

Pentru a îmbunătăți experiența utilizatorului, sperați că vă asigurați că luați acest sfat cu un sâmbure de sare și testați totul (Folosiți Google Analytics sau Nelio A/B testing, sau orice alt instrument: depinde de dvs.).

Și promite-ți că te vei îmbunătăți în continuare.

Citiți mai multe Pluginuri WordPress | 5 remedieri rapide pentru site-ul dvs. WordPress