Sei suggerimenti per ottimizzare il tuo Store per i dispositivi mobili

Ora puoi creare facilmente una visualizzazione del tuo Store o per dispositivi mobili o per dispositivi desktop; verrà generata automaticamente una versione dello Store per l'altro dispositivo. Quando costruisci il tuo Store, puoi passare da una visualizzazione del dispositivo all'altra per vedere lo stato di avanzamento della progettazione in tempo reale e aggiungere risorse ottimizzate per ogni dispositivo.

È importante considerare che l'opzione per caricare un'immagine per dispositivi mobili separata è disponibile solo per i riquadri con immagine e per l'immagine del titolo. Questa opzione non è disponibile per altri widget che utilizzano immagini con testo o immagini shoppable.

Come accennato in precedenza, ora è più facile visualizzare l'aspetto del tuo Store su un dispositivo mobile con l'aggiornamento per dispositivi mobili del Generatore di Store. Tuttavia, provare il tuo Store su un vero dispositivo mobile rimane il modo più efficace per scoprire gli errori che possono influire sull'esperienza dei tuoi acquirenti. Il modo migliore per apportare le opportune modifiche è scoprire autonomamente che tipo di esperienza del cliente offre il tuo Store su dispositivi mobili. Allontanati dal tuo computer o dal tuo laptop e accedi allo Store da un cellulare o da un tablet. Tocca pagine e riquadri. È facile navigare nel tuo Store? I testi e la grafica sono facili da leggere?

Per testare l'esperienza del tuo Store:

1. Fai clic su "Anteprima" > "Condividi anteprima" su Generatore di Store.

2. Copia il link di anteprima

3. Incolla questo link di anteprima in un'email o in qualsiasi punto in cui sia possibile accedere dal cellulare (suggerimento: includi la password del link di anteprima su una riga separata in modo che sia più facile copiarla e inserirla in un secondo momento).

4. Naviga nello Store sul tuo dispositivo mobile come se fossi un acquirente e prendi nota di ciò che deve essere migliorato. È facile navigare? Riesci a trovare i prodotti o le informazioni che stai cercando? Come appaiono le tue immagini su un dispositivo mobile?

Gli schermi dei dispositivi mobili sono più stretti e progettati per consentire uno scorrimento più veloce, il che significa che l'ordine e il layout dei contenuti non sono esattamente gli stessi per lo Store su desktop e dispositivo mobile. Gli Store per dispositivi mobili utilizzano una priorità delle righe da sinistra a destra per l'ordine dei contenuti o da destra a sinistra nel caso in cui l'arabo sia impostato come lingua preferita. Vedi l'esempio riportato sotto.

Controlla il tuo Store su un dispositivo mobile per verificare che i contenuti siano visualizzati nell'ordine corretto.

Grazie all'aggiornamento per dispositivi mobili del Generatore di Store, ora è possibile caricare un'immagine del titolo separata per dispositivi mobili. Tuttavia, è importante considerare che, a differenza di un riquadro con immagine, non è possibile modificare l'altezza dell'immagine e le dimensioni stesse devono essere utilizzate sia per dispositivi mobili che per desktop. Ciò significa che il ridimensionamento dinamico dello Store per dispositivi mobili ridurrà tutti gli elementi grafici all'interno del titolo, incluso il testo.

Per questo motivo, tieni presente quanto segue per l'immagine del titolo del dispositivo mobile:

• Prova a limitare a tre il numero di prodotti in un titolo. Più prodotti utilizzi nel titolo, più sembreranno ammassati sul dispositivo mobile.
• Il testo nel titolo deve essere inferiore a trenta caratteri, così da poterne aumentare la dimensione al fine di renderlo leggibile sui dispositivi mobili senza sovraccaricarlo. Per questo si suggerisce una dimensione minima del font di 90 punti Arial regular o equivalente.

Come lettore, come leggi di solito? È possibile leggere dall'alto verso il basso, scansionando da sinistra a destra o da destra a sinistra a seconda della lingua madre. Tenere presente questo flusso può aiutarti a scegliere un placement efficace per il pulsante di invito all'azione (CTA) sul dispositivo mobile.

Considera l'importanza degli elementi above the fold, ovvero delle parti della pagina dello Store visualizzabili prima di scorrere verso il basso. Se un CTA è posizionato nella parte inferiore di un riquadro verticale, è improbabile che appaia above the fold, il che lo rende meno visibile ai clienti.

I CTA su dispositivi mobili dovrebbero avere una spaziatura sufficiente intorno a loro, in modo che sia facile per i clienti trovarli e farci clic sopra. Uno spazio limitato per il CTA può farlo diventare un tutt'uno con l'ambiente circostante e diminuirne l'importanza e la visibilità.

Il menu di navigazione di uno Store appare in modo diverso tra desktop e dispositivo mobile. Sul desktop gli acquirenti vedono più schede lungo la barra di navigazione. Sul dispositivo mobile gli acquirenti vedono un singolo menu a discesa. Vedi le immagini qui sotto per un confronto.

Questo è un fattore importante da considerare quando si tratta di evidenziare le categorie o le schede principali di uno Store. Mettere le pagine principali nel menu è una buona strategia, ma puoi anche utilizzare i riquadri con immagini o testo per creare un modo in più per navigare nello Store. L'aggiunta di questi riquadri nella parte superiore dello Store, insieme a un forte CTA, fa sì che gli acquirenti trovino i contenuti più importanti anche se non espandono il menu a discesa.

¹Dati interni Amazon, WW, 2021.