Guida all'esperienza utente dell'agente conversazionale

Questa pagina descrive come ottimizzare l'esperienza utente per l'implementazione dell'agente conversazionale in AI Commerce Search.

Checklist per l'ottimizzazione della ricerca

Segui questi passaggi per evitare errori comuni:

Principi fondamentali

Questa sezione descrive i principi fondamentali e le best practice per l'utilizzo dell'agente conversazionale come parte del pacchetto di ricerca guidata.

Chiarezza e trasparenza

Configura il tuo sito in modo che gli utenti ottengano i risultati che vogliono e abbiano la possibilità di perfezionare o modificare i parametri di ricerca, abilitati da:

Query ambigue

L'agente conversazionale chiede chiarimenti per le query ambigue

Quando incontra una ricerca vaga, l'agente conversazionale cerca proattivamente di chiarire.

Query sfumate

L'agente conversazionale chiede chiarimenti per le query sfumate

Le query estremamente dettagliate richiedono strutture di contenuti solide e metadati dettagliati per consentire ad AI Commerce Search di restituire risultati accurati.

Aspettative degli utenti

Il modello deve mostrare i risultati con priorità in base alla cronologia delle ricerche dell'utente.

L'agente conversazionale mostra le aspettative degli utenti con trasparenza per i risultati basati sulla cronologia delle ricerche del visitatore del sito.

Limitazioni esplicite

Se una query non può essere compresa o se restituisce solo risultati limitati, AI Commerce Search informa il visitatore del sito e offre alternative.

Conversazionale

Efficienza e velocità

Fornisci suggerimenti di completamento automatico, prevedi l'intento e mostra immediatamente i risultati pertinenti utilizzando i dati storici, le query di tendenza e il comportamento degli utenti.

Migliorare i meccanismi di filtraggio

Perfeziona i risultati tramite input conversazionali per accelerare il processo di ricerca di ciò che stai cercando.

Ranking e ottimizzazione

Dai la priorità ai prodotti più pertinenti in base al contesto, alla cronologia utente e alle tendenze di ricerca.

Ridurre il carico cognitivo

Configura AI Commerce Search in modo che sfrutti la consapevolezza contestuale per ricordare le selezioni precedenti di un utente, ridurre al minimo le azioni ridondanti e accelerare il processo decisionale dell'utente.

Il carico cognitivo ridotto elimina la ridondanza.

Creare la personalizzazione senza sovraccaricare

Per evitare di sopraffare gli utenti, il filtro dinamico può trovare un equilibrio tra personalizzazione e autonomia dell'utente. Anziché sopraffare un utente con troppi filtri, l'agente conversazionale è in grado di suggerire un perfezionamento in base alle preferenze dei dati di ricerca o di acquisto precedenti di un utente. Inoltre, AI Commerce Search si adatta al comportamento in tempo reale. Ad esempio, la cronologia degli acquisti potrebbe non essere pertinente durante la ricerca di un regalo per un'altra persona, quindi l'agente conversazionale può adattarsi a questo contesto e non mostrare all'utente queste informazioni non necessarie.

Controlli per garantire il contesto e la continuità tra le sessioni

Anziché trattare ogni query in modo isolato, la consapevolezza contestuale consente ricerche più efficienti senza ripetere gli input precedenti. La consapevolezza contestuale non deve essere pervasiva solo all'interno e tra le sessioni, ma anche tra i dispositivi per garantire la continuità.

Continuità all'interno delle sessioni

AI Commerce Search è progettato per ricordare le interazioni passate di un utente all'interno di una sessione per consentire perfezionamenti incrementali.

L'agente conversazionale è progettato per ricordare le interazioni passate di un utente all'interno di una sessione.

Continuità tra le sessioni

I visitatori del sito dovrebbero essere in grado di riprendere da dove avevano interrotto in una sessione precedente senza che l'agente conversazionale risulti invadente.

Integrare le considerazioni sull'accessibilità e l'inclusività

Indipendentemente dal fatto che i visitatori del sito interagiscano tramite voce, testo o immagini, AI Commerce Search deve fornire soluzioni inclusive che supportino le persone con capacità, preferenze o vincoli tecnologici diversi.

Strumenti di accessibilità
Supporto dell'input multimodale Correzione da voce a testo
Compatibilità con gli screen reader Trascrizione in tempo reale
Strutturazione semantica chiara Assistenza per il testo predittivo
Voiceover per contenuti basati su immagini Correzione automatica
L'agente conversazionale fornisce supporto per l'accessibilità multimodale.

Utilizzare domande mirate per garantire una gestione degli errori senza problemi

Inevitabilmente, ci sono casi in cui una query non produce risultati su un determinato sito. Anziché un messaggio nessun risultato inutile, l'agente conversazionale offre suggerimenti e alternative intelligenti. Inoltre, l'agente conversazionale richiede chiarimenti, ponendo domande mirate per restringere le preferenze e le esigenze, creando un dialogo incentrato sull'utente.

Progettare call-to-action per terminare le conversazioni senza problemi

Per evitare l'abbandono degli utenti, l'agente conversazionale termina le conversazioni con percorsi chiari e pratici, massimizzando la soddisfazione degli utenti e aumentando la probabilità di conversione mantenendo lo slancio. Inoltre, l'agente conversazionale può creare opportunità di ricoinvolgimento dopo l'interazione iniziale mostrando domande di follow-up pertinenti in base all'attività di navigazione o alla cronologia acquisti.

Immagine che mostra come l'applicazione termina le conversazioni in modo efficace

Ottimizzare i componenti e i pattern dell'interfaccia web

Questa sezione descrive in dettaglio come la progettazione dell'interfaccia utente può ottimizzare le esperienze dell'agente conversazionale, in particolare sui dispositivi mobili. Si concentra sul miglioramento dell'input e della presentazione della ricerca, sulla gestione degli elementi conversazionali senza interrompere la navigazione e sull'utilizzo del completamento automatico, della ricerca predittiva e dei caroselli per una scoperta efficiente dei prodotti. La sezione illustra anche le strategie per presentare i risultati di ricerca, gestire le query ambigue e utilizzare le animazioni comunicative per creare un percorso utente più fluido e intuitivo.

Input e miglioramento della ricerca

Come punto di contatto per l'agente conversazionale, la casella di ricerca deve bilanciare chiarezza e funzionalità e, in particolare sui dispositivi mobili dove lo spazio sullo schermo è limitato, deve farlo con un'interruzione minima.

Ottimizzare il posizionamento per i dispositivi mobili

La maggior parte delle persone utilizza i pollici per navigare sui propri smartphone, quindi posizionare la casella di ricerca nella parte inferiore dello schermo è più in linea con il comportamento degli utenti. Questo piccolo dettaglio è in linea con gli obiettivi dell'agente conversazionale di rendere la ricerca più intuitiva e ridurre lo sforzo e l'attrito della navigazione.

Indicare il supporto per l'input in linguaggio naturale

  • Prompt suggeriti: Mostrami le sneakers rosse a meno di 100 €
  • Testo segnaposto dinamico: Fai una domanda
  • Microcopia: Prova a cercare in frasi complete!
  • Icons: icone della bolla di chat, del microfono o della videocamera

Gestire l'agente conversazionale senza interrompere la navigazione

Quando la ricerca diventa conversazionale, rischia di occupare spazio prezioso sullo schermo.

Per mitigare questo rischio, puoi implementare:

  • Conversazione comprimibile: consente agli utenti di espandere e comprimere l'area di conversazione utilizzando un'icona persistente.
  • Overlay di conversazione: un overlay di conversazione fluttua sopra la pagina, consentendo agli utenti di visualizzare comunque i risultati.
  • Conversazione incorporata: il percorso di ricerca inizia come un campo di immissione standard, ma si espande in un'interfaccia web conversazionale a schermo intero.

Per ridurre la necessità che gli utenti digitino i termini di ricerca completi, il completamento automatico e la ricerca predittiva riducono la necessità di termini di ricerca completi, implementa:

  • Assistenza predittiva intelligente: i termini predittivi vengono visualizzati nella barra di ricerca durante la digitazione degli utenti, offrendo suggerimenti di completamento automatico in tempo reale con un carattere più chiaro.
  • Elenco di previsioni a discesa: sotto la barra di ricerca viene visualizzato un elenco dinamico che mostra le query suggerite, le ricerche più frequenti e la cronologia recente.
  • Chip di filtro contestuali: i filtri vengono visualizzati sotto la barra di ricerca durante la digitazione degli utenti, fornendo opzioni di filtro pertinenti come categorie, fasce di prezzo o brand.
  • Correzioni intelligenti: nel menu a discesa vengono visualizzati suggerimenti di correzione automatica sottili per le parole con errori di ortografia.

Presentare e perfezionare i risultati di ricerca

L'ottimizzazione dei risultati degli elementi di ricerca tramite le opzioni di layout e perfezionamento può rendere più fluida l'esperienza di navigazione, garantendo che i visitatori del sito possano scansionare, confrontare e filtrare i risultati in modo efficiente.

Visualizzazioni e layout dei risultati

La modalità di presentazione dei risultati all'interno di una console dell'agente conversazionale dipende dall'interfaccia web incorporata o sovrapposta all'esperienza.

  • Risultati comprimibili e sovrapposti: questa visualizzazione consente di separare i risultati, aggiornando dinamicamente la griglia dei prodotti principale mantenendo la conversazione accessibile in un riquadro laterale o in una conversazione mobile.
  • Risultati incorporati: questa visualizzazione mostra i risultati direttamente all'interno della conversazione, come schede strutturate, caroselli o schede di prodotto in linea, garantendo un'esperienza senza interruzioni.

Implementare il filtro e il perfezionamento dinamici

Quando gli utenti inseriscono un prompt, la ricerca guidata li indirizza in modo proattivo verso risultati più precisi ponendo domande di chiarimento o mostrando le opzioni di filtro pertinenti in linea.

Utilizzare elementi di pagina interattivi per gestire le query ambigue

Anziché restituire un insieme di risultati non mirati, l'interfaccia può utilizzare elementi di pagina interattivi per indirizzare gli utenti verso risultati più pertinenti.

Integrare animazioni comunicative nel sito

Animazioni sottili come questi esempi forniscono feedback visivi per rendere le interazioni più fluide e intuitive, aiutando gli utenti a comprendere le modifiche in tempo reale.

  • Stati di caricamento: un effetto di scintillio sulle schede di prodotto o un impulso sottile sulla barra di ricerca può indicare che la ricerca è in corso.
  • Indicatori di digitazione: una breve animazione di digitazione (ad es. tre punti che pulsano) rassicura gli utenti che il sistema è attivo.
  • Risposte in streaming: l'agente conversazionale può generare risposte in tempo reale, con il testo che viene visualizzato dinamicamente durante l'elaborazione. L'API dell'agente conversazionale è un servizio di streaming. Questa è una considerazione di progettazione fondamentale per la tua UX.
  • Transizioni di dissolvenza: quando gli utenti modificano i filtri o la ricerca guidata suggerisce perfezionamenti, i risultati possono apparire e scomparire.

Utilizzare i caroselli

I caroselli mostrano prodotti, consigli e articoli di tendenza pertinenti senza sopraffare gli utenti. Soprattutto sui dispositivi mobili, i caroselli ottimizzano lo spazio limitato dello schermo consentendo agli utenti di sfogliare più prodotti o offerte con gesti di scorrimento intuitivi.

I caroselli includono:

  • Consigli personalizzati in base al comportamento degli utenti.
  • Prodotti di tendenza o promossi.
  • Articoli visualizzati di recente.
  • Navigazione basata sulle categorie.

Le best practice per i caroselli sono:

  • Garantire una navigazione chiara
  • Utilizzare lo scorrimento orizzontale anziché verticale
  • Limitare gli elementi del carosello
  • Integrare i risultati principali

Esperienza multimodale

La ricerca e l'input vocali e il testo trascritto contribuiscono a garantire un'esperienza di ricerca guidata da un modello multimodale.

  • Ricerca vocale: la ricerca vocale deve essere naturale e semplice per il visitatore del sito. L'interfaccia web è progettata per supportare interazioni utente rapide e chiare.
  • Pulsante di input vocale: un'icona del microfono nella barra di ricerca consente al visitatore del sito di attivare la ricerca vocale, con indicatori animati che pulsano o si illuminano per fornire agli utenti un feedback visivo quando viene attivata.
  • Streaming di testo trascritto: l'agente conversazionale può trasmettere in streaming il testo trascritto mentre l'utente interagisce utilizzando la voce, consentendo al visitatore del sito di rivedere e modificare l'input riducendo al minimo l'ingombro del sito.

Indicazioni pratiche per i componenti dell'interfaccia web

Questa sezione contiene indicazioni pratiche su come ottimizzare i componenti dell'agente conversazionale nell'interfaccia web.

Semplificare l'esperienza

Un'esperienza utente semplificata riduce il carico cognitivo e contribuisce a garantire che gli utenti possano trovare rapidamente ciò che stanno cercando senza distrazioni inutili.

Un carico cognitivo ridotto in un'interfaccia utente può essere riassunto come:

  • Riduzione al minimo dei passaggi della procedura.
  • Mantenere le interfacce pulite e intuitive.
  • Semplificazione dei suggerimenti dell'AI.

Evitare la personalizzazione fuorviante o non pertinente

I risultati non pertinenti o fuorvianti possono frustrare rapidamente gli utenti.

Comprendere l'intento e le domande VIP

Per perfezionare l'intento, l'agente conversazionale chiede agli utenti domande pertinenti. Pertanto, l'agente conversazionale deve essere configurato per porre domande mirate al fine di ridurre ulteriormente il numero di risultati e l'ambiguità.

Percorso dell'utente

Questo è un esempio di percorso di conversazione utente desiderabile.

Passaggio 1: l'agente conversazionale pone una domanda all'utente.

Ad esempio: Qual è la località e il periodo dell'anno del matrimonio?

L'utente potrebbe rispondere a questo prompt con qualcosa del tipo: Si svolge a New York in estate.

Passaggio 2: in base alla risposta dell'utente, l'agente conversazionale si rivolge all'utente con domande specializzate e gli mostra gli articoli correlati per ridurre ulteriormente il numero di risultati di ricerca e l'ambiguità.

Perfezionamento della ricerca del passaggio 2

Filtro conversazionale

Il filtro conversazionale indirizza gli utenti verso opzioni più pertinenti senza sopraffarli:

  • Aggiornamento immediato dei risultati.
  • Suggerimento di filtri utili.
  • Etichettatura chiara dei filtri.

Per scoprire di più sul filtro conversazionale dei prodotti, consulta Filtro conversazionale dei prodotti.

Gestire i casi limite e gli errori

Per rendere il processo di ricerca più affidabile e intuitivo, AI Commerce Search può gestire senza problemi i casi limite e gli errori in diversi modi:

  • Mostra alternative strettamente correlate.
  • Mostra chiaramente la disponibilità di scorte.
  • Suggerisce alternative simili.
  • Offre notifiche di disponibilità.
  • Fornisce il trasferimento all'assistenza clienti.

Consigli sull'interfaccia utente e scelte di progettazione

L'interazione tra l'agente conversazionale e il filtro conversazionale dei prodotti offre una flessibilità significativa. Ecco alcune considerazioni chiave sull'esperienza utente per creare un'esperienza fluida e intuitiva:

  • Barra di input singola: deve essere presente solo una barra di input di testo libero per l'intera esperienza. Non esiste una barra di input separata e dedicata per il filtro conversazionale dei prodotti. Ciò semplifica l'interfaccia utente e mantiene la coerenza dell'interazione.
  • Transizioni senza interruzioni: progetta l'interfaccia web in modo che le transizioni tra risposte conversazionali, query suggerite e opzioni di filtro siano naturali e intuitive.
  • Indicazioni chiare: utilizza indicatori visivi come stili di pulsanti distinti per le risposte suggerite anziché l'input generale e istruzioni chiare per guidare l'utente su come interagire in ogni fase.
  • Bilanciamento del controllo: l'utente deve sempre sentirsi in controllo della direzione della conversazione.
    • Filtro vs. formato libero: la singola barra di input di testo libero rimane attiva in ogni momento. In questo modo l'utente ha una scelta costante: può fare clic su una risposta suggerita per continuare a perfezionare la ricerca o digitare una nuova query nella barra di testo per avviare un nuovo turno conversazionale. Questo design garantisce che, anche durante un flusso di filtraggio, l'utente possa passare a un argomento diverso se le sue esigenze cambiano.
    • Opzione di reimpostazione: fornisci un'opzione chiara Avvia nuova conversazione o Reimposta filtri per consentire agli utenti di riavviare la ricerca o il processo di filtraggio.
  • Persistenza visiva: anche durante la transizione al filtro dei prodotti, il mantenimento della cronologia delle conversazioni nella finestra della chat, ad esempio la visualizzazione di domande e risposte precedenti, può migliorare il contesto e l'esperienza utente.