Scelta dei prodotti da mobile

Filtri e ordinamento nell’e-commerce: aiutare i clienti a scegliere da smartphone

Scorri per leggere la guida
Una cliente consulta un catalogo di scarponi sullo smartphone in un negozio outdoor

Un cliente cerca uno scarpone della propria taglia, adatto a un determinato utilizzo e disponibile entro il viaggio. Se il catalogo propone decine di scelte poco comprensibili, trovare il prodotto può diventare più faticoso di quanto dovrebbe. Sullo smartphone lo spazio ridotto rende ancora più importante capire quali filtri sono attivi e come modificarli.

Questa guida riguarda l’esperienza di selezione e ordinamento. La gestione degli indirizzi generati e della loro indicizzazione è approfondita separatamente nella guida ai filtri e alla SEO.

In breve

Parti dalle decisioni che il cliente deve prendere e dai dati realmente disponibili nel catalogo. Mostra le selezioni applicate, rendi comprensibili i risultati e prova il percorso fino alla scheda prodotto su un telefono reale.

  • I filtri devono corrispondere a caratteristiche affidabili dei prodotti.
  • Una selezione attiva deve restare riconoscibile e facile da rimuovere.
  • Un risultato vuoto deve offrire un modo chiaro per proseguire.
  • L’ordinamento cambia la sequenza dei prodotti, mentre i filtri restringono la scelta.
Passaggio 01

Scegliere i filtri dalle domande dei clienti

Raccogli le domande che precedono l’acquisto: misura, compatibilità, materiale, uso previsto, fascia di prezzo o disponibilità. Non tutte meritano un filtro in ogni categoria. Il diametro può essere decisivo per un ricambio e irrilevante per un libro; ripetere la stessa barra su tutto il negozio rischia di confondere.

Ordina le caratteristiche in base al compito del cliente. In un esempio ipotetico, per una lampadina il tipo di attacco deve poter emergere prima di una finitura decorativa. Chiedi a chi risponde alle richieste commerciali quali errori di scelta incontra più spesso.

Prepara una breve lista per ciascuna famiglia di prodotti e verifica se le categorie del catalogo sono già abbastanza comprensibili. Un filtro non compensa una suddivisione iniziale che mescola prodotti senza un criterio riconoscibile.

Passaggio 02

Uniformare attributi, valori e disponibilità

Un’interfaccia ordinata dipende dai dati che la alimentano. Valori scritti come “blu”, “Blu scuro” e “blue” potrebbero rappresentare scelte differenti oppure duplicazioni involontarie. Decidi quali differenze siano utili al cliente e assegna nomi coerenti, unità di misura e traduzioni.

Verifica anche il livello del dato: un prodotto può essere disponibile soltanto in alcune taglie. La selezione deve evitare di far credere che ogni combinazione visibile sia acquistabile. Il comportamento concreto dipende dalla piattaforma e dal tema e va provato su prodotti con varianti reali.

Controllo dei dati prima di progettare i filtri
ControlloDomanda utile
CoperturaI prodotti pertinenti hanno tutti il valore?
CoerenzaLo stesso significato usa lo stesso nome?
AggiornamentoChi corregge un dato errato?
VariantiLa selezione corrisponde a una combinazione acquistabile?
Passaggio 03

Rendere il pannello utilizzabile sul telefono

Il comando per aprire i filtri deve essere riconoscibile vicino al catalogo. Quando il pannello si apre, l’utente deve trovare un titolo, i gruppi di scelte e un modo evidente per chiuderlo. Se occupa tutto lo schermo, controlla che i comandi finali restino raggiungibili anche con testi lunghi e caratteri ingranditi.

Se il pannello è una finestra modale, il movimento del focus e il ritorno al comando che l’ha aperta devono essere gestiti correttamente. Una persona che usa la tastiera non dovrebbe finire dietro al pannello mentre cerca di selezionare un’opzione.

Rendi comoda l’area attivabile delle caselle e delle relative etichette, evitando icone minuscole troppo vicine. I criteri W3C sulle dimensioni dei bersagli aiutano il collaudo; la guida all’accessibilità offre altri controlli pratici.

Passaggio 04

Mostrare che cosa è stato applicato

Dopo la chiusura del pannello, il cliente deve poter capire quali condizioni stanno restringendo il catalogo. Etichette rimovibili vicino ai risultati possono mostrare, per esempio, taglia e fascia di prezzo. Aggiungi un comando per azzerare le scelte e rendi evidente se riguarda tutti i filtri oppure soltanto un gruppo.

Decidi se aggiornare i prodotti a ogni selezione o dopo un pulsante di conferma. L’aggiornamento immediato può funzionare bene, ma su una rete lenta una sequenza di richieste può rendere l’interazione instabile. La conferma esplicita permette invece di completare più scelte prima di ricaricare l’elenco.

In entrambi i casi mostra l’attesa e l’esito. Un breve messaggio sul numero di risultati deve essere percepibile anche con tecnologie assistive quando l’elenco cambia senza una nuova pagina, evitando annunci continui e invadenti.

Passaggio 05

Gestire combinazioni vuote e alternative pertinenti

Quando una combinazione non produce risultati, conserva visibili i criteri scelti e offri un percorso per modificarli. Un messaggio generico che invita a ricominciare lascia al cliente il lavoro di ricordare cosa aveva selezionato. Puoi proporre di rimuovere una condizione, mostrando chiaramente quale.

Le opzioni senza corrispondenze possono essere nascoste oppure mostrate come non disponibili, secondo piattaforma e progetto. Verifica che questo comportamento non faccia sparire una selezione già applicata senza spiegazioni. Anche i conteggi devono riflettere la logica effettiva delle combinazioni.

In un esempio ipotetico, chi cerca una giacca impermeabile in una certa taglia può accettare un altro colore; un prodotto non impermeabile non soddisfa invece la stessa necessità. Le alternative devono dichiarare il criterio che cambia e non essere presentate come risultati corrispondenti alla richiesta originale.

Passaggio 06

Separare l’ordinamento dalla selezione dei prodotti

I filtri delimitano il gruppo, l’ordinamento ne cambia la sequenza. Usa etichette comprensibili come prezzo crescente o novità e chiarisci il significato di una scelta generica come “consigliati”. Se la posizione dipende da regole commerciali interne, non descriverla come una valutazione personale del cliente.

Controlla prezzi promozionali, prodotti con varianti e articoli senza un prezzo direttamente confrontabile. Una scheda con prezzo iniziale molto basso può risultare in testa all’elenco, anche se la configurazione cercata costa di più: il prezzo visibile deve aiutare a comprendere questa differenza.

Apri poi un prodotto e torna all’elenco. Il cliente dovrebbe ritrovare il contesto utile senza rifare ogni scelta. Il recupero della posizione e dei criteri è approfondito nella guida al tasto indietro e alla navigazione nel catalogo.

Passaggio 07

Collaudare compiti reali e leggere i risultati

Scegli alcuni compiti rappresentativi e falli eseguire a persone che non conoscono l’interfaccia. Chiedi di trovare un prodotto adatto a una necessità, senza suggerire quale filtro utilizzare. Osserva i termini che non capiscono, le selezioni rimosse involontariamente e i momenti in cui perdono il contesto.

  • Provare una categoria ampia e una più piccola.
  • Combinare più criteri e generare un risultato vuoto.
  • Rimuovere una singola scelta e azzerare tutto.
  • Aprire una scheda, tornare indietro e cambiare ordinamento.
  • Ripetere il percorso con rete lenta e testo ingrandito.

Per la misurazione, collega le interazioni a passaggi successivi come apertura delle schede e acquisti completati. Più utilizzi dei filtri non dimostrano da soli un miglioramento: potrebbero indicare anche maggiore difficoltà. Conserva osservazioni e dati prima e dopo la modifica.

Domande frequenti

Più filtri rendono sempre migliore un catalogo?

No. Servono quelli che aiutano a prendere decisioni e hanno dati attendibili. Un elenco lungo di caratteristiche poco utili può aumentare la difficoltà, soprattutto sul telefono.

Il filtro disponibilità deve riguardare il prodotto o la variante?

Deve comunicare correttamente ciò che il cliente può acquistare. Quando taglia e colore hanno disponibilità diverse, la combinazione selezionata va verificata fino alla scheda e al carrello.

Questa modifica risolve anche i problemi SEO dei filtri?

Non automaticamente. L’esperienza del cliente e la gestione degli indirizzi devono essere coordinate, ma richiedono verifiche distinte. Le regole di scansione e indicizzazione vanno definite sul catalogo concreto.

Fonti e approfondimenti

Riferimenti ufficiali per verificare le indicazioni e applicarle al proprio sito.

Aiutiamo i clienti a orientarsi nel tuo catalogo.

Verifichiamo dati prodotto, filtri e percorsi da smartphone per rendere la selezione più comprensibile e coerente con l’acquisto.

Scopri come possiamo intervenire sul tuo sito

Parliamo del tuo sitoUn primo confronto chiaro, senza impegno e con un referente dedicato.