Suggerimenti e buone pratiche da finanza, viaggi, immobiliare e vendita al dettaglio
Creare un'esperienza utente avvincente (UX) è essenziale per qualsiasi sito web. Sia che lavoriate nei settori retail, finanziario, di viaggio o immobiliare, UX è importante per soddisfare le esigenze dell'utente e fornire un'esperienza positiva che mantenga le persone fedeli al marchio.
Il sempre più la natura mobile delle esperienze web oggi significa che UX è diventato più importante che mai. Dopo aver esaminato diverse centinaia di siti, Google ha sviluppato una serie di libri di esercizi UX, personalizzati per diversi settori. Google si è reso conto dell'esistenza di alcuni elementi UX universali che hanno contribuito a creare un'esperienza di shopping senza fronzoli per gli utenti e hanno identificato le migliori pratiche e i principi fondamentali.
Tutti i playbook sono disponibili nella loro interezza online e sotto c'è un elenco di sei che ho trovato utili:
Volevo utilizzare questo post per discutere alcune delle migliori pratiche e suggerimenti, oltre a fornire esempi di questi.
Creare esperienze senza attrito attraverso l'imbuto
Espansione su Google 25 principi di vendita al dettaglio, le migliori pratiche forniscono una lista di controllo per migliorare l'esperienza del tuo sito mobile in cinque aree chiave:
Il sommario delle migliori pratiche per ciascuna di queste cinque aree è leggermente diverso per ogni settore, sebbene lo schema seguente riassuma molte delle caratteristiche comuni a tutti:
1. Pagina iniziale / pagina di destinazione
La tua home page è la 'vetrina' del tuo sito. Le prime impressioni contano e spesso possono essere la differenza tra fare una vendita e perdere un potenziale cliente per sempre.
Problema da risolvere: il mio sito fornisce ciò che l'utente desidera?
Di seguito sono riportati due esempi di home page mobili ottimizzati ottimamente da Moovingo (immobiliare) e Boots (vendita al dettaglio). Entrambi i siti offrono un CTA molto chiaro in un'area facile da raggiungere e una proposta di valore forte. I due marchi mantengono le cose semplici ma efficaci, con dimensioni dei caratteri leggibili e menu consolidato (con hamburger):
Suggerimenti chiave:
2. Menu e navigazione
La navigazione è uno degli elementi più importanti di qualsiasi sito Web in quanto consente agli utenti di completare le attività che desiderano soddisfare. Un utente deve essere in grado di navigare facilmente, piuttosto che perdersi, nelle numerose pagine di un sito web.
Problema da risolvere: il mio utente può consultare rapidamente e facilmente i propri interessi?
Di seguito sono riportati due esempi da Macy's (vendita al dettaglio) e home.com (proprietà immobiliari) che aiutano gli utenti a vedere rapidamente come possono navigare e navigare verso le pagine di cui hanno bisogno. Ancora una volta la semplicità è al centro della loro efficacia, con le opzioni di menu mantenute su una singola pagina e le azioni di utilizzo post (ad esempio "Homes How To" e "Register") incluse above the fold nel menu:
Suggerimenti chiave:
3. Cerca
Un'efficace funzionalità di ricerca sul posto è ora una componente essenziale di qualsiasi esperienza utente mobile. Indipendentemente dal fatto che gli utenti stiano semplicemente esplorando in generale o eseguendo ricerche intenzionalmente, una ricerca sul sito eseguita in modo non corretto può comportare un minore valore dell'ordine desktop medio e una riduzione della conversione da dispositivo mobile.
Problema da risolvere: come posso aiutare il mio utente a trovare rapidamente ciò che sta cercando?
Gli esempi di vendita al dettaglio di Sephora e Staples dimostrano come utilizzare la ricerca sul sito in modo da consentire agli utenti di trovare ciò che cercano in modo rapido e semplice. In entrambi i casi, la barra di ricerca è chiaramente visibile e utilizza i suggerimenti di digitazione per entrambi i prodotti e le categorie:
Suggerimenti chiave:
4. Categoria / prodotto
Una volta che un utente ha navigato verso una pagina di prodotto / categoria, è importante che sia in grado di trovare ciò che sta cercando basandosi su un filtraggio semplice e intuitivo e su un'etichettatura chiara.
Problema da risolvere: i miei utenti possono trovare un prodotto adatto alle loro esigenze? Come posso continuare il loro interesse se non vogliono convertirsi al momento?
I due esempi seguenti di ASOS e Rex Real Estate dimostrano come un buon filtraggio può aiutare gli utenti a perfezionare le loro ricerche e identificare i giusti prodotti / proprietà in base ai loro criteri specifici.
Suggerimenti chiave:
5. Ottimizzazione del modulo
Digitare su mobile non è facile ed è quindi incombente su coloro che creano esperienze mobili per aiutare l'utente a completare il proprio compito nel modo più semplice e indolore possibile.
Il modulo su un sito mobile, finanziario o immobiliare è spesso una delle fasi finali del viaggio, quindi è essenziale che questo funzioni per migliorare il tasso di conversione.
Problema da risolvere: come posso guidare gli utenti attraverso il flusso di conversione e rendere le forme il più semplici possibile?
L'esempio qui sotto è di Ladder, una compagnia di assicurazioni sulla vita degli Stati Uniti. Le tre immagini mostrano come il marchio ha creato un modulo che contiene semplici input e consente all'utente di salvare i propri progressi. Questo facilita il movimento tra dispositivi mentre aggiunge un elemento di divertimento al processo:
Suggerimenti chiave:
Non dimenticare: tutte le raccomandazioni dovrebbero essere testate A / B!
Ultimo, ma non meno importante, Google raccomanda che tutti i consigli dovrebbero essere testati A / B! Questo consiglio si adatta all'intero ethos di tutta la sua guida per l'esperienza utente – non assumete mai e ABT (verificate sempre). Ciò che potrebbe funzionare per un sito – o un elemento di un sito – può essere molto diverso per un altro. Quindi, ipotizza continuamente, prova e perfeziona.