Guida per migliorare l'esperienza utente (UX) del sito WordPress

L'ottimizzazione di un sito Web per una migliore esperienza utente non è una passeggiata, soprattutto perché gli strumenti necessari e/o le conoscenze di programmazione non costano una dozzina. Ma quando il sito Web è realizzato su una piattaforma praticamente conosciuta e amata per la sua facilità d'uso, UXO ( ottimizzazione dell'esperienza utente ) è significativamente meno problematico.

Ci sono migliaia di strumenti disponibili su WordPress, molti anche gratuiti, che ti aiutano a capire meglio il tuo pubblico (monitoraggio e analisi), migliorare le prestazioni (caching e plug-in di ottimizzazione delle immagini) e testare e migliorare (A/B software di test come Nelio, OptimizePress, ecc.). Questa guida non riguarda loro.

Questa guida descrive in dettaglio alcuni degli aspetti dell'usabilità più facilmente trascurati in un sito Web WordPress e i modi migliori per correggere tali sviste. Inizieremo con:

caroselli

Ogni reparto in ogni azienda vuole caroselli/dispositivi di scorrimento, semplicemente perché è un bellissimo Golden Mean. Ognuno ottiene il proprio prodotto/campagna/messaggio collocato in un unico spazio più visibile sulla pagina: above the fold.

Questo è il motivo per cui i temi WordPress più desiderabili contengono almeno un plug-in di scorrimento (in genere il Revolution Slider). Vediamo i pro e i contro di tale approccio:

Professionisti:

• Mostra i messaggi più significativi in ​​un unico punto.
• I messaggi possono essere prioritari (il più importante ottiene la prima diapositiva)
• Dovrebbe attrarre tutti i segmenti di visitatori ("qualcosa per tutti")

Contro:

• Gli utenti generalmente non aspettano che le diapositive ruotino e salteranno il carosello dopo aver dato un'occhiata al fotogramma attualmente visibile.
• Il contenuto delle diapositive non viene facilmente sottoposto a scansione dai bot di ricerca, il che è una cattiva notizia per la SEO.

Esistono modi per aggirare questi svantaggi e migliorare la UX del carosello:

1. Mantieni il numero di diapositive/fotogrammi non più di 5.
2. Dai agli utenti il ​​controllo della navigazione a carosello
3. NON inoltrare automaticamente.

A volte, la soluzione più semplice è la migliore. Invece di fare affidamento su fantasiosi plug-in di scorrimento premium, puoi utilizzare plug-in JavaScript (jQuery) leggeri come Slick per creare caroselli intuitivi su WordPress.

Navigazione avanzata

Un menu principale nell'intestazione combinato con una navigazione secondaria in una barra laterale è un modo quasi infallibile per garantire che la tua navigazione sia completa e utilizzabile. Ma quando si tratta di siti Web enormi (in particolare eCommerce o blog di grandi dimensioni e ricchi di contenuti) con migliaia di pagine, una navigazione secondaria da sola non è sufficiente.

Questo è il motivo per cui abbiamo bisogno di Mega Menu. Ma ci sono anche due facce di questa medaglia.

Professionisti:

Visibilità uniforme: i contenuti/pagine ai livelli inferiori vengono inclusi nel mega menu
Salva un passaggio in più: gli utenti possono accedere più rapidamente ai contenuti più remoti/oscuri.

Contro:

• Sono noti per causare problemi con le prestazioni quando vengono aggiunti elementi dell'interfaccia utente come grafica/icone.
• Più o meno inefficace su un sito Web con una cattiva gerarchia dei contenuti
• Rendere i mega menu perfettamente reattivi può essere una sfida

Prima di discutere i pro e i contro (e se hai anche bisogno di un mega menu sul tuo sito web o meno), devi classificare accuratamente i tuoi contenuti. La tassonomia di WordPress esiste per un motivo. Usalo.

Una volta che la gerarchia dei contenuti è sufficientemente addomesticata e organizzata, puoi utilizzare i plugin di WordPress come Max Mega Menu, uberMenu, ecc. per aggiungere un mega menu a discesa al sito web. Le estensioni di WooCommerce come Ajax Layered Navigation aggiungono un'interfaccia di filtraggio al negozio.

Prestazione

Non importa cosa ti piacerebbe credere: NON sei esclusivo.

Gli utenti non vogliono aspettare il contenuto, quindi non farli aspettare il contenuto o andranno a cercarlo altrove. Anche i tuoi ranghi soffrono di siti Web lenti. Questa è la somma totale della necessità di ottimizzazione delle prestazioni nell'esperienza utente.

Ottimizza le prestazioni del tuo sito Web WordPress con:

CDN: Una valida opzione per i siti web che ricevono un pubblico globale e hanno un traffico medio-alto. Il plug-in MaxCDN e W3 Total Cache è una combinazione creata nel paradiso del caricamento rapido.

Cache: come accennato in precedenza, W3 Total Cache è l'unico plug-in di memorizzazione nella cache di cui hai bisogno (anche senza il supporto CDN). Chiedi anche ai tuoi sviluppatori di soluzioni lato server come Redis e Memcached

Ottimizzazione front-end: plugin come EWWW Image Optimizer comprimono le immagini (senza compromettere la qualità). Assicurati inoltre che ci sia meno CSS e JS in linea possibile nei file del tema. Comprimi e minimizza anche i fogli di stile e i file JavaScript.

Riduci le dipendenze esterne, usa gli sprite CSS e sii estremamente pignolo durante il download dei plugin (meno, meglio è). Puoi anche contattare il tuo provider di web hosting e chiedere aiuto. A volte, il tuo host web crea problemi relativi alle prestazioni.

Pop-up modali

Non essere odioso in nome dell'interattività e delle conversioni.

Sì, il pop-up modale (interrupt marketing) è un ottimo strumento di conversione. Ci sono letteralmente migliaia di plugin là fuori (la maggior parte dei plugin di social media ha questa funzione ora) che ti permettono di attaccare un messaggio agli utenti, ricordando loro "educatamente" di condividere/seguire/mi piace il contenuto sui social media, iscriversi o registrarsi, usufruire di uno sconto, et al.

Ci sono così tante cose che non vanno in questo... ma ci arriveremo tra un momento.

Professionisti:

• Dimostrato per migliorare i tassi di conversione

Contro:

• Distrazione: il visitatore è qui per il contenuto e il popup è d'intralcio.
• I popup vengono trattati come rumore bianco (come tanti annunci pubblicitari) a meno che non si adattino correttamente al percorso dell'utente.
• CATTIVO per l'accessibilità

Ci sono esempi di popup usati bene nel contesto. BrainPickings.org comprende il suo pubblico e promuove il loro collegamento "donazione" solo quando l'utente ha effettuato l'accesso al sito ripetutamente e quando ha finito di leggere il contenuto. Il popup Reebok Crossfit ha un pessimo tempismo, ma compensa leggermente con uno sconto sull'abbonamento nella pagina dei prodotti.

Fonte: REEBOK

Il tempo e i ritardi di attivazione vanno bene, ma è anche necessario concentrarsi sul quadro più ampio e legare un popup in un modo che sia rilevante per gli utenti che lo desiderano.

Finora, l'aumento delle conversioni è dovuto più alla semplice forza contundente, ma la qualità delle conversioni e dei lead successivi può essere aumentata quando lo fai in modo intelligente. Chiedere a un visitatore per la prima volta di iscriversi a un sito Web non ti consentirà di ottenere lead di qualità 99/100 volte.

Prova a utilizzare i plugin di WordPress in modo intelligente per i popup. Ce ne sono alcuni (come Popups di Supsystic) che sono buoni. Lavora con quelli invece di concentrarti solo sull'interazione su una singola pagina.

Nota di chiusura

Per migliorare l'esperienza dell'utente, spero che tu ti assicuri di prendere questo consiglio con le pinze e di testare tutto (usa Google Analytics o Nelio A/B test, o qualsiasi altro strumento: dipende da te).

E prometti a te stesso di continuare a migliorare.

Leggi di più Plugin WordPress | 5 soluzioni rapide per il tuo sito WordPress