Suggerimenti per la progettazione di Shopify e best practice per l'esperienza utente

Shopify alimenta oltre mezzo milione di aziende di eCommerce in 175 paesi. Dal 2012, il numero di commercianti sulla piattaforma Shopify è cresciuto in media del 74% all'anno e questi commercianti hanno raggiunto oltre $ 55 miliardi di vendite grazie al fatto che Shopify è una delle piattaforme di eCommerce più conosciute e facili da usare oggi.

Con Shopify che si occupa di domini, hosting, tutte le funzionalità di back-end e alcune funzionalità di front-end, è possibile spendere più tempo, denaro e risorse per la progettazione dell'esperienza utente. Entro il 2021, le vendite di eCommerce in tutto il mondo dovrebbero raggiungere un nuovo massimo di $ 4,9 trilioni e, poiché il design dell'esperienza utente scadente è uno dei maggiori contributori ai checkout abbandonati, è più che chiaro che l'implementazione delle migliori pratiche di eCommerce continuerà a dimostrarsi altamente efficace.

In questo articolo, esploreremo i migliori suggerimenti per il design di Shopify.

Quali caratteristiche ha Shopify?

Shopify viene fornito con tutte le funzionalità che ti aspetteresti da una delle migliori piattaforme di eCommerce:

• Integrazione con gateway di pagamento esterni, come Stripe e PayPal
• Accesso a Shopify Payments, con zero commissioni rispetto alle opzioni esterne
• La possibilità di consentire il pagamento con carta regalo o credito negozio
• Una pagina di pagamento personalizzabile (solo per i clienti Shopify Plus)
• L'opzione degli account utente o del checkout degli ospiti
• Pagine statiche (es. Privacy Policy o Termini e Condizioni)
• Pagine di destinazione con contenuti promozionali
• Accesso tramite password per i negozi in fase di sviluppo
• Varianti di prodotto con una gamma di opzioni personalizzabili
• Collezioni intelligenti per automatizzare la categorizzazione dei prodotti
• Funzionalità di ricerca e tag per facilitare la scoperta del prodotto
• Funzionalità del blog con la possibilità di incorporare prodotti nei post
• Un'API per aiutare gli sviluppatori a creare siti Web dinamici e app mobili

Potenziamento della scoperta di prodotti e-commerce

Simile al modo in cui i negozi fisici sono organizzati per reparto in modo che i clienti possano individuare articoli specifici chiedendo a un membro del personale, gli acquirenti online hanno bisogno della possibilità di navigare, filtrare e cercare in modo da poter trovare facilmente ciò che stanno cercando e velocemente .

Il 40% dei clienti di eCommerce abbandona i siti Web che impiegano più di 3 secondi per caricarsi, il che suggerisce quanto siano impazienti quando si tratta di scoprire i prodotti. Fortunatamente, Shopify ha una serie di funzionalità che semplificano la creazione di una navigazione personalizzata, l'organizzazione di prodotti e categorie e l'implementazione della funzionalità di ricerca.

Navigazione personalizzata

Presentare al cliente troppe opzioni può causare una paralisi dell'analisi (quando ci sono troppe opzioni disponibili per prendere una decisione in modo efficace si traduce in frustrazione e abbandono). Progettando una navigazione personalizzata, possiamo dare la priorità ai prodotti e alle "raccolte" che convertono in modo più efficace, ad esempio visualizzando in modo visibile la collezione "Desk" se i prodotti da scrivania sono i più popolari. Queste navigazioni personalizzate possono anche essere modificate nel Shopify CMS per abilitare test A/B casuali.

Visivamente, i temi Shopify con la migliore conversione mostrano chiaramente il titolo della raccolta e utilizzano uno spazio bianco sufficiente per aiutare l'utente a identificare facilmente ciò che sta cercando tra tutti i prodotti, le raccolte e le pagine offerte.

Collezioni

Una collezione è un gruppo organizzato di prodotti simili. I prodotti possono essere ordinati in collezioni manualmente oppure ordinati automaticamente in base a criteri di corrispondenza (ad esempio, se il titolo del prodotto contiene una determinata parola chiave, è stato assegnato un determinato tag o rientra in una determinata fascia di prezzo). Le raccolte possono anche essere temporanee (vale a dire, stagionali o per una vendita a tempo limitato) assicurando che i design dei siti Web Shopify siano sempre pertinenti, tempestivi e, soprattutto, altamente convertibili.

Sebbene queste raccolte siano definite dietro le quinte, è utile che i designer di eCommerce siano consapevoli di questa funzionalità durante la progettazione per Shopify.

Tag dei prodotti

I tag visualizzati/visibili aiutano i clienti a trovare prodotti simili e, come accennato in precedenza, possono anche essere utilizzati internamente per creare collezioni. Tuttavia, il più grande vantaggio dei tag risiede nel fatto che possono essere utilizzati per creare una ricerca sfaccettata , consentendo ai clienti di filtrare i prodotti in base a un attributo di definizione tag come "Giallo".

Tieni a mente questi suggerimenti per il design di Shopify:

• Per ulteriori chiarimenti, mostra quali filtri vengono applicati.
• Consenti ai clienti di rimuovere i filtri per ampliare la ricerca.
• Tronca i filtri per mostrare solo i più popolari a prima vista.

Ricerca

La funzionalità di ricerca è utile per i clienti che sanno esattamente cosa stanno cercando ed è particolarmente importante per gli acquirenti mobili che trovano frustrante la navigazione e il filtraggio a causa della naturale imbarazzo dell'interazione su un dispositivo mobile.

Queste sono le best practice di Shopify da considerare quando si progettano esperienze di ricerca:

• Non nascondere mai la casella di ricerca; ridurre l'attrito rendendolo immediatamente disponibile.
• Posiziona la ricerca dove i clienti si aspettano che sia (ad esempio, in alto a destra o centralizzata).
• Mostra l'intera casella di input, non solo l'icona di ricerca.
• Incorpora la funzionalità di completamento automatico per aiutare gli utenti a cercare più velocemente.
• Progetta per l'errore umano utilizzando i risultati suggeriti e la correzione automatica.
• Salva le ricerche degli utenti e invia e-mail di follow-up se non sono state effettuate vendite.

Best practice di Shopify per le pagine dei prodotti

Shopify offre tutte le funzionalità necessarie per attirare gli acquirenti di eCommerce e guidare in modo fluido gli utenti direttamente alla cassa. Se combiniamo queste funzionalità con le migliori pratiche di eCommerce, possiamo spingere il numero di checkout abbandonati al di sotto della statistica media.

Usa accattivanti immagini del prodotto

Ciò che rende un buon sito di eCommerce sono le immagini che affascinano emotivamente gli utenti. A tal fine, Shopify consente di caricare più immagini e varianti di prodotto. Tuttavia, come best practice di Shopify, mostra almeno una di queste immagini di prodotto in scala (cioè, circondata da altri oggetti per illustrare quanto è grande il prodotto) per definire le aspettative.

I clienti desiderano condurre un'indagine approfondita del prodotto prima di impegnarsi ad acquistarlo per garantire che tutte le immagini del prodotto siano vivide, di alta qualità e zoomabili.

Visualizza informazioni chiare sul prodotto

Un numero scioccante (ma non sorprendente) di clienti di eCommerce abbandona i propri carrelli della spesa a causa della mancanza di informazioni sul costo effettivo. Il 60% dei clienti cita costi imprevisti (ad es. spedizione, tasse, commissioni) come motivo dell'abbandono del carrello e il 23% non è in grado di calcolare il costo totale in anticipo. La mancanza di trasparenza è un modo infallibile per accumulare conversioni sui siti Web di eCommerce, quindi tieni a mente questi suggerimenti e trucchi di Shopify:

• Utilizzare tecniche di divulgazione progressiva per strutturare le informazioni in modo chiaro.
• Visualizza una ripartizione completa dei costi in anticipo.
• Comunicare esplicitamente la proposta di valore.
• Rendi il pulsante Acquista ora/aggiungi al carrello visivamente distintivo.

Costruisci fiducia e rassicurazione

Secondo il Baymard Institute, la mancanza di fiducia è citata come il motivo per cui il 19% dei clienti abbandona alla cassa. Fortunatamente, tutti i negozi Shopify vengono spediti con SSL (checkout sicuro) per impostazione predefinita, ma consentono anche ai clienti di lasciare recensioni come prova sociale.

La prova sociale è un modo innegabile per aumentare alle stelle le conversioni rafforzando la fiducia sui siti Web di e-commerce . Secondo BrightLocal, l'88% dei consumatori si fida delle recensioni online tanto quanto di una raccomandazione personale, quindi è essenziale spingere i clienti precedenti a lasciare recensioni e indicarlo all'interno del percorso del cliente. La maggior parte dei temi Shopify sfrutta anche il markup Schema per integrare queste valutazioni direttamente nei risultati di ricerca.

Oltre alla convalida sociale, prendi in considerazione l'idea di rafforzare la fiducia dei clienti implementando una soluzione di chat dal vivo come Intercom, Zendesk, Drift o Kayako. Shopify consente l'integrazione con servizi di terze parti tramite il loro app store e tramite l'installazione manuale.

Mostra consigli sui prodotti correlati

Tutte le principali attività di eCommerce traggono vantaggio dalle strategie di cross-sell e upsell. I tag, combinati con le integrazioni di analisi e test A/B come i Consigli Web di Optimizely, possono aiutare i designer a consentire alle aziende di migliorare i tassi di conversione visualizzando elementi alternativi o aggiuntivi a cui i clienti potrebbero essere interessati.

Integra la personalizzazione dell'esperienza di acquisto

Integrazioni come le personalizzazioni Web di Optimizely, in combinazione con le raccolte e i tag Shopify, consentono alle aziende basate sui dati di segmentare il pubblico in base ai propri interessi e alla cronologia degli acquisti precedenti e modificare di conseguenza il contenuto della pagina.

Con tecniche di progettazione preventiva, i negozi Shopify possono visualizzare contenuti più pertinenti, mantenendo il pubblico coinvolto più a lungo e quindi più propensi a convertirsi in una vendita. La personalizzazione è la chiave per aumentare i profitti finanziari di qualsiasi attività di eCommerce.

Ottimizzazione alla cassa

Guest Checkout vs. Account cliente

Secondo Baymard Institute, "il sito voleva che creassi un account" è il secondo motivo più comune (con una percentuale del 35%) per cui i clienti abbandonano il checkout senza acquistare nulla. Shopify consiglia di consentire il check-out degli ospiti (soprattutto sui dispositivi mobili) e, a tal fine, è l'opzione predefinita per disabilitare gli account dei clienti.

Individuazione dei difetti dell'esperienza utente e riduzione dei drop-off

Tentare di risolvere le casse abbandonate senza analisi solide è efficace quanto cercare un gatto nero in una stanza buia. L'ottimizzazione delle esperienze utente e dei flussi di pagamento funziona meglio quando si tratta di un processo basato sui dati.

I designer di Shopify possono collegare Google Analytics a Shopify e impostare una canalizzazione degli obiettivi che, dopo aver raccolto dati sufficienti, illustrerà esattamente dove i clienti stanno decidendo di non voler continuare con l'acquisto.

Per ottenere i migliori risultati, integra Shopify con strumenti come Crazy Egg, Hotjar e FullStory per osservare queste aree problematiche in modo più dettagliato utilizzando mappe di calore e registrazioni dei visitatori.

Conclusione

Affinché i designer possano comunicare meglio i vantaggi e le capacità della piattaforma Shopify e imparare quali soluzioni può e non può fornire ai clienti, è meglio aprire un negozio demo gratuito. Inoltre, i migliori designer di eCommerce possono diventare esperti Shopify registrati, aggiungendo più credibilità al loro curriculum come designer di siti web Shopify.

Ulteriori letture sul blog di Toptal Design:

• Leggi il blog di Shopify per ulteriori suggerimenti e trucchi di Shopify.
• eCommerce UX - Strategie e principi di progettazione essenziali
• UX di eCommerce per l'esperienza mobile
• Come agganciare gli acquirenti di eCommerce tramite UX Design
• Design reattivo: migliori pratiche e considerazioni