Guida all'esperienza utente del filtro conversazionale

L'implementazione efficace del filtro conversazionale dei prodotti si basa su una progettazione dell'esperienza utente ben ponderata.

Elementi di visualizzazione visiva

Il posizionamento e l'aspetto del filtro conversazionale influiscono in modo significativo sulla sua efficacia.

Layout verticale e orizzontale

Ecco alcune considerazioni sulla progettazione di un layout verticale o orizzontale:

• Consigliato: dai la priorità a un design orientato orizzontalmente e compatto verticalmente. In questo modo ridurrai al minimo il rischio di spostare i risultati dei prodotti below the fold.

• Motivazione: se il filtro viene visualizzato orizzontalmente nella parte superiore, può spostare i risultati dei prodotti verso il basso nella pagina, il che aumenta il costo della funzionalità riducendo la visibilità immediata dei prodotti. Inoltre, la riduzione al minimo dello spazio vuoto tra gli elementi può aggiungere spazio principale nella pagina web per mostrare riquadri di prodotti aggiuntivi.

Gestire gli attributi lunghi

Se le opzioni a scelta multipla sono lunghe (ad esempio i nomi dei brand), non mandarle a capo, perché aumentano l'altezza degli elementi. Consenti invece che si estendano orizzontalmente fuori dalla pagina e attiva lo scorrimento laterale.

Di seguito è riportato un esempio di implementazione dello scorrimento orizzontale:

Posizionamento ottimale

Valuta la possibilità di inserire il filtro conversazionale dopo 3-5 righe di prodotti. Questo approccio impedisce all'elemento conversazionale di spostare l'elenco iniziale dei prodotti.

Un aspetto fondamentale da tenere presente per questo posizionamento è che la barra di filtro conversazionale deve essere il più compatta possibile verticalmente. Quando la funzionalità di filtro conversazionale dei prodotti è posizionata in modo ben visibile, può spostare le visualizzazioni dei prodotti più in basso nella pagina, fuori dalla visualizzazione immediata. Questo può essere uno svantaggio, in quanto gli acquirenti vedono meno prodotti. Pertanto, i prodotti visibili devono essere il più pertinenti possibile.

• Laterale (verticale) o superiore (orizzontale): valuta la possibilità di inserire il filtro conversazionale dopo 3-5 righe di prodotti. Questo approccio impedisce all'elemento conversazionale di spostare l'elenco iniziale dei prodotti.

• Considerazione importante: se il filtro conversazionale dei prodotti diventa il metodo principale per restringere le selezioni di prodotti, valuta la possibilità di ridurre al minimo o sostituire completamente la barra dei filtri manuali. In questo modo puoi aggiungere un'altra colonna di articoli di prodotti.

Dispositivi desktop e mobili

Sebbene le implementazioni su computer abbiano dimostrato di avere successo, i risultati sui dispositivi mobili sono stati meno coerenti e hanno mostrato guadagni di rendimento complessivi inferiori. Le dimensioni limitate dello schermo sui dispositivi mobili richiedono un approccio più creativo e mirato al posizionamento.

• Consigliato: inizialmente, dai la priorità alle implementazioni su computer rispetto a quelle su dispositivi mobili. Le dimensioni maggiori dello schermo su computer consentono una maggiore flessibilità nella progettazione delle creatività. Lo schermo più piccolo sui dispositivi mobili costringe gli sviluppatori a dare la priorità a determinati elementi.

• Da evitare: interfacce della finestra di chat. Non implementare il filtro conversazionale come finestra di chat. In questo modo, gli utenti vengono allontanati dall'interfaccia web principale e il flusso di pagamento web previsto, che in genere gli sviluppatori impiegano molto tempo a ottimizzare, può essere interrotto.

Considerazioni aggiuntive per i dispositivi mobili

Anche il web mobile e le app mobile devono essere trattati in modo indipendente per quanto riguarda i test. I test delle app mobile sono intrinsecamente difficili da eseguire, ma offrono una maggiore flessibilità. Il web mobile è spesso più veloce da testare, ma comporta diversi compromessi per i vari browser web mobile.

Interazione utente con i filtri

In questa sezione viene descritto come configurare il filtro conversazionale dei prodotti. È consigliabile sostituire gli elementi di filtro statici e hardcoded con il filtro conversazionale dinamico per liberare spazio sullo schermo per prodotti più mirati. Tutti i filtri applicati, indipendentemente dalla loro origine, possono aggiornare globalmente la griglia dei prodotti.

Le domande conversazionali successive si adattano all'insieme completo di filtri applicati, che offre opzioni a scelta multipla.

Filtri globali unificati

Gli acquirenti possono interagire sia con i filtri conversazionali sia con gli elementi di filtro rimanenti applicati. L'implementazione del frontend deve essere in grado di gestire questo scenario.

I filtri globali unificati hanno le seguenti caratteristiche:

• Applicazione globale: quando un utente effettua una selezione da un elemento di filtro qualsiasi nella pagina, che si tratti di un filtro conversazionale dei prodotti o di un elemento di filtro statico, la griglia dei prodotti deve essere aggiornata per mostrare i risultati con tutti i filtri globali applicati.
• Follow-up intelligente: la domanda conversazionale successiva visualizzata dall'utente deve essere pertinente in base all'insieme completo di filtri applicati, indipendentemente dall'elemento selezionato dall'utente. Ad esempio, se un acquirente seleziona un filtro color dall'elemento conversazionale e un filtro size dall'elemento di filtro classico, la domanda conversazionale successiva non deve chiedere all'acquirente quale taglia vuole.

Filtra tipi

Il filtro conversazionale dei prodotti consente di utilizzare entrambe le opzioni a scelta multipla sul sito.

Scelta multipla

AI Commerce Search può presentare fino a 20 opzioni a scelta multipla, in base ai nomi dei valori nel catalogo prodotti. Le opzioni vengono visualizzate in un elenco ordinato delle scelte più pertinenti. Le opzioni lunghe, come i nomi dei brand lunghi, consentono agli utenti di scorrere lateralmente anziché andare a capo, mantenendo la compattezza verticale.

Sostituire gli elementi hardcoded

Molti sviluppatori di siti di ricerca di prodotti commerciali hanno componenti di filtro di categoria manuali predefiniti nella loro interfaccia web destinati alle query che generano le entrate più elevate. Questi componenti di filtro sono in genere costosi, richiedono molto tempo per la produzione e non sono molto interattivi con l'utente.

Figura 2. Esempio di visualizzazione di elementi hardcoded.

• Consigliato: l'idea principale alla base del filtro conversazionale consente di implementare rapidamente esperienze dinamiche come queste per tutti i tuoi prodotti, non solo per le poche query principali per cui sono stati progettati gli elementi visivi. Pertanto, identifica e rimuovi gli elementi che il filtro conversazionale è progettato per sostituire. Evita di avere due insiemi di elementi di filtro in competizione che svolgono funzioni simili. In questo modo, lo spazio sullo schermo viene liberato per mostrare prodotti più mirati.

Idee per la sperimentazione

Ecco alcune idee per la sperimentazione:

• Posizionamento tra le righe di prodotti: inserisci il componente a metà pagina, dopo tre o cinque righe di prodotti. Questo approccio impedisce all'elemento conversazionale di spostare in modo significativo le visualizzazioni iniziali dei prodotti.
• Menu a scomparsa o popup: utilizza un pulsante che attiva una finestra di dialogo o un menu a scomparsa contenente le domande del filtro. Può essere integrato con i popup di filtro esistenti oppure un menu a scomparsa può essere un elemento separato.
• Barra fissa: una barra persistente sullo schermo presenta le domande e le opzioni. Si trova davanti ai prodotti anziché spostarli verso il basso.
• Considerazioni sui test: quando esegui i test su dispositivi mobili e computer, assicurati che questi esperimenti vengano condotti in modo indipendente. I comportamenti di acquisto per ogni dispositivo variano notevolmente e i componenti visivi che funzionano su un dispositivo potrebbero non essere trasferiti all'altro.

Importazione e qualità dei dati

L'intelligenza del modello Vertex AI si basa sui dati di interazione utente. La procedura di onboarding utilizza un approccio in due fasi per importazione dati.

Fase 1: inizio iniziale con eventi storici

Il modello può essere addestrato sui dati degli eventi storici. I dati degli eventi storici vengono inizialmente importati nell'ambiente Google, il che consente al modello di riconoscere anche i nuovi progetti senza dati di interazione live.

Fase 2: transizione ai dati delle query live

Una volta che la funzionalità è attiva e inizia a raccogliere i dati acquisiti storicamente, Vertex AI utilizza lo stream di dati delle query live per perfezionare il modello di pubblicazione. I dati delle query live sono in genere di qualità superiore rispetto ai dati degli eventi acquisiti storicamente, in quanto gli eventi storici a volte possono perdere informazioni chiave. In questo modo, i dati delle query live sono più efficaci per l'ottimizzazione continua.