La maggior parte dei team di prodotto progetta le citazioni AI come piccoli e ordinati numeri blu posizionati accanto al testo generato. Le implementano una volta su una connessione veloce, osservano l'anteprima aprirsi in mezzo secondo e passano oltre. Questo funziona nell'ambiente di staging. Raramente sopravvive al contatto con l'internet aperto.

Le fonti decadono. Le aziende eliminano i post dei blog. I portali governativi riorganizzano i propri URL senza redirect. Appaiono i paywall. I CDN hanno dei glitch. Il documento che un'IA ha scansionato tre mesi fa potrebbe essere stato riscritto ieri. Se il tuo componente di citazione sa solo come apparire bene quando tutto va per il verso giusto, mentirà ai tuoi utenti quando le cose andranno male. Peggio ancora, li lascerà confusi sul fatto che l'evidenza sia mai esistita.

Un sistema di citazione affidabile deve comunicare lo stato. Non solo un collegamento ipertestuale. Non solo un tooltip. Deve comunicare al lettore cosa sta accadendo con l'evidenza in tempo reale.

Progettare per quattro stati reali

Pensa a una citazione come a una piccola macchina a stati. Ogni fonte che la tua IA mette in superficie può trovarsi in una di quattro condizioni, e la tua interfaccia dovrebbe gestirle tutte con onestà.

Caricamento. L'utente clicca sul numero in apice e il sistema recupera un'anteprima, un estratto o la pagina originale. Durante quel lasso di tempo, mostra che sta accadendo qualcosa. Un segnaposto skeleton, un riquadro dell'estratto pulsante o persino un semplice testo con scritto "Recupero fonte..." è meglio del silenzio. Il silenzio fa chiedere alle persone se il clic abbia funzionato. In un'interfaccia in streaming, dove le fonti arrivano man mano che il modello elabora, gli stati di caricamento ti permettono anche di guadagnare tempo per risolvere i link senza bloccare la generazione del testo.

Disponibile. Questo è lo stato per cui tutti progettano. Il link funziona, il testo corrisponde ancora a ciò che il modello ha visto e l'utente riceve un estratto chiaro insieme a un link diretto. Ma non limitarti a mostrare un URL grezzo. Mostra il titolo, il dominio e il passaggio pertinente. Dai al lettore abbastanza contesto per decidere se vuole lasciare la pagina. Un semplice href tra parentesi è tecnicamente una citazione, ma non è una buona esperienza utente.

Modificato. Questo è il punto più critico. La pagina si carica, ma il contenuto non contiene più la citazione o la statistica che l'IA gli ha attribuito. Forse l'editore ha aggiornato l'articolo. Forse lo snapshot dell'addestramento dell'IA ha catturato un titolo che in seguito è cambiato. Il tuo componente dovrebbe segnalare questa discrepanza invece di fingere che tutto coincida. Una piccola nota come "Questa fonte è stata aggiornata da quando è stata indicizzata" evita all'utente di perdere dieci minuti a cercare una frase che non esiste più. Inoltre, preserva la fiducia. Se nascondi l'incongruenza, l'utente finirà per pensare che il tuo prodotto inventi le cose.

Mancante. Il 404. Il timeout. Il paywall. Il server che restituisce un codice di stato 200 ma serve una pagina generica "Contenuto rimosso". Non lasciare che il link rimanga lì in blu, fingendo che funzioni. Sostituiscilo con un linguaggio semplice: "Pagina rimossa", "Link non più disponibile" o "Fonte offline". Se sai perché è fallito, dillo. Se esiste l'Internet Archive o una copia cache, offrila. L'obiettivo è chiudere il cerchio, non lasciare il lettore a metà.

L'accessibilità non è negoziabile

I componenti di citazione si trovano in parti dell'interfaccia utente ad alto traffico e ad alta rilevanza. Meritano lo stesso rigore di un modulo di pagamento o di un flusso di prenotazione di un volo.

Usa il testo per mostrare lo stato. Gli utenti daltonici non possono fare affidamento solo su un punto verde o un bordo rosso. Abbina i tuoi indicatori con le parole: "Disponibile", "Modificato", "Non disponibile". Anche quel piccolo etichetta aiuta ogni utente vedente, perché i colori dello stato raramente significano la stessa cosa tra diverse culture o prodotti.

Scrivi nomi descrittivi per gli screen reader. Etichetta i tuoi link in modo che una persona che utilizza uno screen reader senta qualcosa di utile. Invece di un generico "Link", leggi "Fonte 3: Politica di conservazione dei log di audit". Questo dice all'ascoltatore esattamente cosa otterrà prima che decida di aprirlo.

Proteggi il flusso. Cliccare su una citazione non dovrebbe far svanire la risposta generata dall'IA. Usa un pannello, una finestra modale o un'espansione inline. Il lettore ha aperto la fonte per verificare una specifica affermazione. Se la tua interfaccia cancella l'affermazione che stava leggendo, lo costringerai a mantenerla nella memoria di lavoro mentre cerca la prova. Si tratta di un carico cognitivo non necessario.

Gestisci il focus deliberatamente. Quando un utente apre una citazione, sposta il focus della tastiera nel nuovo pannello o popup. Quando lo chiude, riporta il focus all'elemento che lo ha attivato. Non dirottare il focus mentre lo streaming sta ancora scrivendo le fonti sulla pagina. Lascia che l'utente mantenga il controllo.

Gestisci lo streaming con attenzione. Se la tua interfaccia generativa aggiunge citazioni man mano che arrivano, non bombardare gli utenti che utilizzano screen reader con un annuncio per ogni singolo nuovo numero in apice. Raggruppali. Quando ne sono accumulati due o tre, annuncia un breve riepilogo cortese come "Due fonti aggiunte". Le interruzioni costanti rendono l'output illeggibile per gli utenti di tecnologie assistive.

Ricorda cosa dimostra una citazione

Questo punto non può essere ripetuto abbastanza spesso. Una citazione mostra la provenienza. Non dimostra la verità.

Quando un'IA cita una fonte, sta dicendo: "Ho trovato queste parole qui". Non sta dicendo: "Questo esperto ha ragione". Non sta dicendo: "Questo studio è stato condotto correttamente". Non sta nemmeno dicendo: "Ho compreso correttamente il contesto". Una citazione è una mappa che riporta all'evidenza originale. Il lettore deve comunque percorrere quel tragitto e decidere se l'evidenza regge.

Il tuo design dovrebbe rendere chiara questa distinzione. Usa estratti che permettano all'utente di scansionare le righe rilevanti. Mostra la data di pubblicazione in modo che il lettore sappia quanto sia recente l'evidenza. Se la fonte è un forum, un comunicato stampa o uno studio primario, metti in risalto quel contesto in modo che il lettore possa valutarlo adeguatamente. Progetta l'interfaccia per supportare il giudizio umano, non per sostituirlo.

Testa rispetto alla realtà

Un componente di citazione che supera una revisione visiva è completato solo a metà. Hai bisogno