Riuscito
Impostazioni dell’esperienza utente
Perfezionate le interazioni globali di acquisto come il comportamento del carrello, la navigazione e la visualizzazione delle immagini.
Usate queste impostazioni per controllare come si percepiscono le interazioni di navigazione e acquisto in tutto il tema. Queste impostazioni influenzano punti di contatto comuni con i clienti, come l’aggiunta di prodotti al carrello, la navigazione con l’header, la visualizzazione delle immagini dei prodotti e il passaggio tra le pagine. Per una panoramica più ampia dell’editor, vedete documentazione Shopify sull’editor del tema
Per un riepilogo delle funzionalità di Company XYZ, vedete Esperienza utente.
Comportamento del carrello
Sezione intitolata “Comportamento del carrello”Lo stile di aggiunta al carrello decide cosa vedono i clienti subito dopo aver aggiunto un articolo. Questa scelta può cambiare in modo evidente la rapidità con cui continuano a navigare o si avvicinano al checkout.
- Scegliete Show mini cart quando desiderate un feedback rapido senza lasciare la pagina corrente.
- Scegliete Redirect to cart quando la pagina del carrello include messaggi importanti, upsell o indicazioni sul passo successivo.
- Scegliete Update icon only quando desiderate la minima interruzione e il flusso di navigazione più rapido.
Scegliete il comportamento del carrello in base al vostro flusso di vendita, non solo all’aspetto. Un reindirizzamento è più esplicito, mentre le risposte più leggere favoriscono la continuazione degli acquisti.
Feedback visivo e movimento
Sezione intitolata “Feedback visivo e movimento”La sfocatura dell’overlay, gli effetti al passaggio del mouse e le transizioni di pagina contribuiscono tutti a rendere più rifinito lo storefront. Usati insieme, possono rendere l’esperienza più curata, ma troppi effetti possono far sembrare la navigazione troppo affollata.
La sfocatura dell’overlay ammorbidisce la pagina dietro i drawer o le interazioni a livelli sovrapposti. Funziona meglio quando il contenuto attivo si distingue ancora chiaramente dallo sfondo.
Le transizioni di visualizzazione aggiungono un movimento più fluido tra le pagine. Una transizione sottile può aiutare a rendere il negozio coerente, soprattutto negli storefront orientati al design, ma un movimento più semplice di solito risulta più rapido e chiaro.
Visualizzazione delle immagini dei prodotti
Sezione intitolata “Visualizzazione delle immagini dei prodotti”Lo zoom della galleria controlla quanto da vicino i clienti possono esaminare le immagini dei prodotti. Una lightbox è particolarmente utile quando la fotografia mostra dettagli importanti come texture, finitura, scala o lavorazione artigianale.
Se le vostre immagini sono già semplici, ritagliate in modo stretto o sufficientemente grandi nella pagina, disattivare lo zoom può creare un’esperienza più pulita. Controllate questa impostazione sia su desktop sia su mobile, in modo che la visualizzazione delle immagini resti naturale.
Effetti al passaggio del mouse sulle card
Sezione intitolata “Effetti al passaggio del mouse sulle card”Le impostazioni al passaggio del mouse sulle card influenzano il modo in cui le card dei prodotti e dei contenuti reagiscono durante la navigazione. L’ingrandimento delle card al passaggio del mouse aggiunge movimento ed enfasi, mentre il filtraggio delle immagini può creare un effetto visivo più stratificato.
Queste impostazioni funzionano bene quando desiderate uno storefront più interattivo. Se lo stile del vostro brand è minimale o le immagini sono già visivamente dense, un trattamento più leggero al passaggio del mouse spesso migliora la chiarezza.
Comportamento dell’header
Sezione intitolata “Comportamento dell’header”Il comportamento dell’header sticky cambia il modo in cui la navigazione resta disponibile mentre i clienti scorrono la pagina. Poiché l’header appare in gran parte dello storefront, questa impostazione può avere un effetto ampio sul comfort di navigazione.
- Scegliete Fixed quando l’accesso costante alla navigazione, alla ricerca o al carrello è la cosa più importante.
- Scegliete Hide on scroll quando desiderate un equilibrio tra visibilità e spazio sullo schermo.
- Scegliete Off quando preferite la presentazione della pagina più pulita e la navigazione è già facile da raggiungere.
Un header sticky è spesso particolarmente utile su mobile, dove tornare alla navigazione può richiedere più sforzo.
Note sull’uso
Sezione intitolata “Note sull’uso”- Allineate il flusso del carrello all’intento. Usate un feedback di aggiunta al carrello più leggero per favorire la navigazione continua e usate un reindirizzamento al carrello quando la pagina del carrello aiuta a favorire la conversione.
- Mantenete coordinato il movimento. Combinate con attenzione sfocatura, effetti al passaggio del mouse e transizioni, in modo che lo storefront risulti curato e non distraente.
- Usate lo zoom quando il dettaglio vende. Attivate lo zoom delle immagini quando i clienti traggono vantaggio da un esame ravvicinato e saltatelo quando aggiunge poco valore.
- Proteggete l’accesso alla navigazione. Scegliete un comportamento dell’header adatto alla profondità del menu, all’uso da mobile e alla frequenza con cui i clienti hanno bisogno di un accesso rapido alla ricerca o al carrello.
- Verificate l’impatto sul layout. Testate il comportamento dell’header sticky con il layout della pagina circostante e con le dimensioni del viewport, in modo che i contenuti chiave restino visibili invece di dare una sensazione di ristrettezza.
- Rivedete i punti di contatto condivisi. Dopo aver modificato queste impostazioni, controllate insieme le pagine prodotto, le collezioni, le card, la navigazione e le interazioni con il carrello, perché possono influire su più aree del tema.