Le nostre abitudini d'acquisto sono drasticamente cambiate negli ultimi due anni. Quando abbiamo dovuto affrontare le limitazioni allo shopping di persona siamo stati spinti a utilizzare i nostri dispositivi per effettuare i nostri acquisti online. Se da un lato questo è stato un periodo di transizione difficile sia per i consumatori che per i commercianti, dall'altro ha dato avvio a una "nuova normalità" nella quale l'e-commerce è la strada del futuro. I commercianti devono quindi costantemente modificare la propria strategia per adattare il sito del proprio negozio e offrire ai clienti la miglior esperienza d'acquisto possibile.
In questo articolo presentiamo alcuni punti da tenere in considerazione quando stai ottimizzando il sito offerto ai clienti sul dispositivo più popolare: il dispositivo mobile!
Il percorso verso il tuo sito
Alcuni percorsi di accesso utilizzati per raggiungere il tuo sito stanno diventando più facilmente accessibili rispetto ad altri. Questi percorsi determinano che tipo di schermo il cliente utilizzerà per visualizzare il sito del tuo negozio. Per esempio, due delle modalità più efficaci per promuovere il tuo negozio sono le campagne di marketing sui social network e l'invio di email promozionali tramite la newsletter.
Quando un potenziale cliente sta scorrendo il feed di una piattaforma social sul proprio dispositivo mobile viene esposto ad annunci pubblicitari mirati e alle raccomandazioni su determinati negozi da parte dei propri contatti. Il più delle volte questi utenti verranno reindirizzati sulla pagina social del tuo negozio e da qui arriveranno sul tuo sito attraverso i link inclusi nella bio del profilo oppure cliccando sui prodotti taggati nei tuoi post.
Il medesimo percorso viene seguito quando vengono ricevute le email della tua newsletter. Le caselle di posta sono immediatamente accessibili anche quando siamo fuori di casa grazie ai dispositivi mobili. Quando un potenziale cliente riceve un'email promozionale da parte del tuo negozio, tutti i link che susciteranno interesse lo condurranno al sito del tuo negozio sul dispositivo mobile che sta utilizzando in quel momento.
Dato che entrambe queste esperienze avvengono su dispositivi mobili diventa di importanza cruciale progettare un sito che sia facilmente utilizzabile su schermi di piccole dimensioni.
Progettare su schermi grandi per lo shopping su schermi piccoli
Di solito quando accediamo al Pannello di controllo del nostro negozio Shopify per configurare le impostazioni o per lavorare sul sito lo facciamo da un computer desktop o da un computer portatile. Utilizzare uno schermo orizzontale di grandi dimensioni è solitamente preferibile, in quanto ci permette di visualizzare per intero le pagine del sito del nostro negozio. Tuttavia, è importante prestare attenzione a come questa stessa pagina verrà visualizzata su schermi più piccoli.
L'editor del tema (raggiungibile da Negozio online > Temi > Personalizza) include in alto a destra tre opzioni che permettono di progettare il sito per diverse dimensioni dello schermo:
La piattaforma Shopify è progettata per trasformare agevolmente le sezioni del tema e i contenuti del sito dal formato desktop a quello mobile. Ci sono tuttavia alcuni aspetti che potresti dover adattare.
Per esempio, quando si utilizza il tema Studio di Shopify è possibile configurare una sezione "Banner immagine" con una sezione "Banner di iscrizione alla newsletter" localizzata immediatamente sotto di essa. Su uno schermo desktop la separazione tra queste sezioni è data dal margine dell'immagine. Quando invece si visualizza la pagina in formato mobile si nota che l'immagine della prima sezione è localizzata sopra il testo, e questo implica che lo spazio tra le due sezioni è interamente occupato da elementi testuali.
Questa separazione poco marcata tra due sezioni distinte potrebbe non essere ideale. Verificare l'aspetto e la configurazione del sito su mobile permette di accorgersi di questi piccoli dettagli e riorganizzare le sezioni in modo che soddisfino le tue esigenze e i tuoi obiettivi sia su desktop che su mobile.
Sfrutta al massimo il tuo tema
Nei temi Shopify 2.0 i nostri sviluppatori hanno incorporato funzionalità specifiche per la "visualizzazione Mobile" nella maggior parte delle sezioni che possono essere aggiunte alle pagine del tuo sito. Molte di queste funzionalità sono pensate per permetterti di applicare cambiamenti sia estetici che legati all'uso pratico. Per esempio, potresti preferire che i prodotti in evidenza siano disposti su 4 colonne nella visualizzazione desktop e solo su 2 colonne nella visualizzazione mobile.
Qual è la finalità di apportare modifiche così specifiche alla struttura delle varie sezioni? Poniti come obiettivo quello di ridurre l'impegno richiesto ai visitatori del tuo sito. Lo scopo è infatti quello di evitare che un cliente debba "zoomare sullo schermo con due dita" per riuscire a vedere meglio i tuoi prodotti su uno schermo piccolo. La navigazione su dispositivi mobili si basa fondamentalmente sulla visualizzazione di 1 o 2 prodotti per volta.
Restando nell'ambito di questo esempio, se dovessi decidere di mantenere una struttura che prevede 4 prodotti per ogni riga anche nella visualizzazione mobile le immagini (che hanno l'obiettivo di catturare l'attenzione del tuo cliente) sarebbero necessariamente più piccole e meno evidenti mentre si scorre la pagina. Se invece dovessi optare per una soluzione con 1 o 2 immagini per riga, queste cattureranno più facilmente l'attenzione del visitatore. In ultima analisi, adeguare queste impostazioni ti permette di effettuare piccoli cambiamenti tra le diverse visualizzazioni e migliorare l'esperienza degli utenti quando visitano il tuo negozio da mobile.
Dobbiamo sottolineare che lo scenario descritto sopra prende in considerazione i temi Shopify 2.0. Se stai utilizzando un tema di terze parti ti raccomandiamo di contattare direttamente lo sviluppatore del tema qualora tu abbia domande su come utilizzare le sezioni del loro tema in modo da ottimizzare l'esperienza dei clienti su schermi mobile. Tutti gli sviluppatori di temi di terze parti dispongono di una sezione dedicata ai contatti sul Theme Store di Shopify.
In conclusione, prestare attenzione all'esperienza dei visitatori del tuo negozio sia su schermi grandi che su schermi piccoli ti permetterà di raggiungere grandi risultati. La continuità tra la visualizzazione su desktop e quella su mobile è importante per assicurare che il tuo negozio appaia professionale e sia facile da utilizzare indipendentemente dalla dimensione del dispositivo.
Ti suggeriamo di osservare le tue abitudini quando stai facendo degli acquisti dal tuo dispositivo mobile. Quali sono gli aspetti che ti costringono a interrompere il flusso delle tue azioni? Che cosa ha catturato la tua attenzione? Che cosa mancava, secondo te? Questo tipo di consapevolezza ti spingerà a considerare come il tuo stesso negozio si presenta su una molteplicità di schermi diversi. Apportare piccole modifiche alla configurazione per il mobile è un metodo sicuro per incrementare le vendite sul lungo periodo e, col tempo, noterai che i clienti abituali torneranno sul tuo negozio semplicemente perché valutano positivamente l'esperienza d'acquisto sul tuo sito.
