Questa guida spiega come si comporta il customizer su telefono o tablet e cosa dovresti controllare su uno schermo piccolo.
Il layout su telefono
Su uno schermo stretto, l’anteprima sta sopra i controlli di personalizzazione. Mentre il cliente scorre nel modulo, l’anteprima può ridursi a una striscia più piccola; tornando verso l’alto si espande di nuovo. Controlla il design e i campi obbligatori prima di continuare.
Il modulo usa controlli grandi, pensati per il tocco, compresi pulsanti separati meno e più per i numeri. Prova etichette lunghe, menu aperti e la tastiera su schermo sui dispositivi che usano i tuoi clienti.
La barra Aggiungi al carrello resta fissata in fondo allo schermo. Mentre il cliente scorre un modulo lungo, la barra delle azioni non scompare. Il cliente può finire il design e aggiungerlo al carrello da qualsiasi punto del modulo.
Se vuoi vedere come funzionano in generale i campi del modulo e l’anteprima, leggi come un cliente personalizza un prodotto e l’anteprima dal vivo.
Fotocamera e ritaglio al tocco
I caricamenti di foto sono pensati per i telefoni. Quando un cliente tocca l’area di caricamento su un telefono, il dispositivo può aprire la fotocamera così può scattare una foto lì per lì. È attivo per impostazione predefinita. Puoi disattivare la fotocamera per singolo campo se preferisci accettare solo file dalla libreria foto.
Dopo l’arrivo di una foto, un campo immagine in modalità ritaglio apre un livello di ritaglio. Il livello risponde al tocco. Il cliente trascina con un dito le maniglie agli angoli per inquadrare la foto, poi applica il ritaglio. C’è un pulsante Cambia foto se vuole ricominciare con un’altra immagine.
Per leggere meglio l’anteprima, il cliente può pizzicare e ingrandire con il browser. L’anteprima misura lo spazio che ha e adatta il design allo schermo. Quando il telefono ruota tra verticale e orizzontale, l’anteprima si ridimensiona alla nuova forma.
I campi numerici meritano una nota. Gli spinner nativi dei telefoni sono minuscoli e facili da mancare. Per questo i campi numerici mostrano un pulsante meno e un pulsante più ai lati del valore. Ogni pulsante è un’area di tocco ampia, così il cliente cambia una quantità con un tocco chiaro invece di inseguire una freccina.
Per saperne di più sul flusso di caricamento, compresi tipi di file e controlli di alta risoluzione, vedi caricare una foto.
Il customizer funziona anche sui tablet?
Sì. Il layout responsive si adatta alla larghezza dello schermo, quindi i tablet hanno controlli a misura di tocco e lo stesso comportamento dell'anteprima dei telefoni.
Un cliente può scattare una foto con la fotocamera invece di caricare un file?
Sì, su telefono o tablet. Toccare l'area di caricamento può aprire la fotocamera del dispositivo. È attivo per impostazione predefinita e puoi disattivarlo per singolo campo.
Perché i campi numerici mostrano i pulsanti più e meno?
I pulsanti offrono un'area di tocco grande e affidabile sui touch screen, più facile da usare dello spinner numerico nativo, piccolo.
Cosa succede al design quando il telefono ruota?
L'anteprima misura di nuovo il suo contenitore e ridimensiona il design alla nuova forma dello schermo, così resta sempre completamente visibile.
Prossimi passi
Scopri cosa vedono i clienti dall’inizio alla fine in come un cliente personalizza un prodotto.