Більшість продуктових команд проєктують цитування ШІ як акуратні маленькі сині цифри, що охайно розташовані поруч із згенерованим текстом. Вони налаштовують їх один раз на швидкому з'єднанні, спостерігають, як прев'ю відкривається за пів секунди, і йдуть далі. Це працює в стейджингу. Але це рідко витримує зіткнення з відкритим інтернетом.

Джерела псуються. Компанії видаляють дописи в блогах. Урядові портали змінюють структуру URL-адрес без перенаправлень. З'являються пейволи. CDN дають збої. Документ, який ШІ просканував три місяці тому, міг бути переписаний учора. Якщо ваш компонент цитування вміє виглядати гарно лише тоді, коли все йде за планом, він буде брехати вашим користувачам, коли щось піде не так. Гірше того, він змусить їх сумніватися, чи взагалі колись існували ці докази.

Надійна система цитування має передавати стан. Не просто гіперпосилання. Не просто підказку. Вона має в реальному часі повідомляти читачеві, що відбувається з джерелом.

Проєктуйте з урахуванням чотирьох реальних станів

Сприймайте цитування як невеликий автомат станів. Кожне джерело, яке надає ваш ШІ, може перебувати в одному з чотирьох станів, і ваш інтерфейс має чесно обробляти кожен із них.

Завантаження (Loading). Користувач натискає на число у верхньому індексі, і система завантажує прев'ю, фрагмент або оригінальну сторінку. У цей проміжок часу покажіть, що щось відбувається. Скелетон (skeleton placeholder), пульсуюча рамка уривка або навіть звичайний текст «Завантаження джерела...» кращі за тишу. Тиша змушує людей думати, чи спрацював клік. В інтерфейсах зі стрімінгом, де джерела з'являються в міру того, як модель генерує текст, стани завантаження також дають вам час на розв'язання посилань, не блокуючи генерацію тексту.

Доступно (Available). Це той стан, для якого проєктують усі. Посилання працює, текст усе ще відповідає тому, що бачила модель, а користувач отримує чіткий уривок і пряме посилання. Але не обмежуйтеся просто виведенням сирого URL. Покажіть назву, домен і відповідний фрагмент. Дайте читачеві достатньо контексту, щоб він міг вирішити, чи хоче він переходити на іншу сторінку. Сирий href у дужках технічно є цитуванням, але це поганий досвід користування (UX).

Змінено (Changed). Це болючий момент. Сторінка завантажується, але контент більше не містить цитати чи статистики, яку йому приписав ШІ. Можливо, видавець оновив статтю. Можливо, знімок даних для навчання ШІ зафіксував заголовок, який згодом змінився. Ваш компонент має позначити цю невідповідність, а не вдавати, що все гаразд. Коротка примітка на кшталт «Це джерело було оновлено після індексації» вбереже користувача від марнування десяти хвилин на пошук речення, якого більше не існує. Це також зберігає довіру. Якщо ви приховуєте невідповідність, користувач зрештою вирішить, що ваш продукт вигадує факти.

Відсутнє (Missing). Помилка 404. Тайм-аут. Пейвол. Сервер, який повертає статус-код 200, але видає загальну сторінку «Контент видалено». Не залишайте посилання синім, вдаючи, що воно працює. Замініть його зрозумілим текстом: «Сторінку видалено», «Посилання більше не доступне» або «Джерело офлайн». Якщо ви знаєте причину помилки, скажіть про це. Якщо існує Internet Archive або кешована копія, запропонуйте її. Мета — завершити цикл, а не залишити читача в розгубленості.

Доступність не обговорюється

Компоненти цитування розташовані в критично важливих зонах інтерфейсу з високим трафіком. Вони заслуговують на таку ж ретельність, як форма оплати або процес бронювання квитків.

Використовуйте текст для відображення статусу. Користувачі з порушеннями сприйняття кольорів не можуть покладатися лише на зелену крапку чи червону рамку. Поєднуйте індикатори зі словами: «Доступно», «Змінено», «Недоступно». Ця маленька мітка допоможе і звичайним користувачам, оскільки кольори статусів рідко мають однакове значення в різних культурах чи продуктах.

Пишіть описові назви для скрінрідерів. Позначайте посилання так, щоб людина, яка використовує скрінрідер, почула щось корисне. Замість загального «Посилання», озвучуйте «Джерело 3: Політика зберігання журналів аудиту». Це дає слухачеві чітке розуміння того, що він отримає, перш ніж він вирішить відкрити посилання.

Не порушуйте потік. Клік на цитування не має «стирати» відповідь, згенеровану ШІ. Використовуйте панель, модальне вікно або розгортання в рядку. Читач відкрив джерело, щоб перевірити конкретне твердження. Якщо ваш інтерфейс приховує твердження, яке він щойно читав, ви змушуєте його утримувати текст у робочій пам'яті, поки він шукає докази. Це створює зайве когнітивне навантаження.

Керуйте фокусом свідомо. Коли користувач відкриває цитування, переміщуйте фокус клавіатури в нову панель або спливаюче вікно. Коли він закриває його, повертайте фокус на елемент, що його викликав. Не перехоплюйте фокус, поки стрім все ще записує джерела на сторінку. Дайте користувачеві залишатися господарем ситуації.

Ставтеся до стрімінгу обережно. Якщо ваш генеративний інтерфейс додає цитування в міру їх надходження, не засипайте користувачів програм зчитування екрана оголошеннями про кожне нове надрядкове число. Групуйте їх. Коли накопичаться два або три, оголосіть ввічливе резюме, наприклад: «Додано два джерела». Постійні переривання роблять вивід нечитабельним для користувачів допоміжних технологій.

Пам'ятайте, що саме доводить цитування

Цю думку неможливо повторювати достатньо часто. Цитування вказує на походження інформації. Воно не вказує на істину.

Коли ШІ цитує джерело, він каже: «Я знайшов таке формулювання тут». Він не каже: «Цей експерт правий». Він не каже: «Це дослідження було проведено якісно». Він навіть не каже: «Я правильно зрозумів контекст». Цитування — це карта, що веде до першоджерела. Читач все одно має пройти цим шляхом і вирішити, чи є докази вагомими.

Ваш дизайн має чітко відображати цю різницю. Використовуйте уривки, які дозволяють користувачеві швидко переглянути відповідні рядки. Показуйте дату публікації, щоб читач розумів, наскільки актуальними є докази. Якщо джерелом є форум, пресреліз або первинне дослідження, виводьте цей контекст, щоб читач міг належним чином його оцінити. Будуйте інтерфейс так, щоб він підтримував людське судження, а не замінював його.

Тестуйте на відповідність реальності

Компонент цитування, який пройшов візуальну перевірку, зроблений лише наполовину. Вам потрібно