Sebagian besar tim produk merancang sitasi AI sebagai angka-angka biru kecil yang rapi di samping teks yang dihasilkan. Mereka memasangnya sekali pada koneksi cepat, melihat pratinjau terbuka dalam setengah detik, lalu lanjut ke hal lain. Itu berhasil di lingkungan staging. Namun, hal itu jarang bertahan saat berhadapan dengan internet terbuka.

Sumber data bisa usang. Perusahaan menghapus postingan blog. Portal pemerintah mengatur ulang URL mereka tanpa pengalihan (redirect). Paywall muncul. CDN mengalami gangguan. Dokumen yang dipindai AI tiga bulan lalu mungkin telah ditulis ulang kemarin. Jika komponen sitasi Anda hanya tahu cara terlihat bagus saat semuanya berjalan lancar, ia akan membohongi pengguna Anda saat terjadi kesalahan. Lebih buruk lagi, hal itu akan membuat mereka bingung apakah bukti tersebut benar-benar pernah ada.

Sistem sitasi yang andal perlu mengomunikasikan status. Bukan sekadar hyperlink. Bukan sekadar tooltip. Sistem tersebut perlu memberi tahu pembaca apa yang sedang terjadi dengan bukti tersebut secara real-time.

Desain untuk empat status nyata

Anggaplah sitasi sebagai mesin status kecil. Setiap sumber yang dimunculkan AI Anda dapat berada dalam salah satu dari empat kondisi, dan antarmuka Anda harus menanganinya secara jujur.

Loading. Pengguna mengklik angka superskrip, dan sistem mengambil pratinjau, cuplikan, atau halaman aslinya. Selama jeda tersebut, tunjukkan bahwa sesuatu sedang terjadi. Skeleton placeholder, bingkai kutipan yang berdenyut, atau bahkan teks biasa bertuliskan "Mengambil sumber..." lebih baik daripada keheningan. Keheningan membuat orang bertanya-tanya apakah klik tersebut berhasil. Dalam antarmuka streaming di mana sumber muncul saat model sedang berpikir, status loading juga memberi Anda waktu untuk menyelesaikan tautan tanpa menghambat pembuatan teks.

Tersedia. Ini adalah status yang dirancang oleh semua orang. Tautan dapat diakses, teks masih sesuai dengan apa yang dilihat model, dan pengguna mendapatkan cuplikan yang jelas beserta tautan langsung. Namun, jangan berhenti hanya dengan menyajikan URL mentah. Tampilkan judul, domain, dan bagian yang relevan. Berikan pembaca konteks yang cukup untuk memutuskan apakah mereka ingin meninggalkan halaman tersebut. Sebuah href mentah di dalam tanda kurung secara teknis adalah sitasi, tetapi itu bukan pengalaman pengguna yang baik.

Berubah. Bagian ini cukup menyakitkan. Halaman dimuat, tetapi kontennya tidak lagi berisi kutipan atau statistik yang diatribusikan AI kepadanya. Mungkin penerbit telah memperbarui artikel tersebut. Mungkin snapshot pelatihan AI menangkap tajuk berita yang kemudian berubah. Komponen Anda harus menandai ketidaksesuaian ini alih-alih berpura-pura semuanya selaras. Catatan kecil seperti "Sumber ini telah diperbarui sejak diindeks" mencegah pengguna membuang waktu sepuluh menit mencari kalimat yang sudah tidak ada lagi. Hal ini juga menjaga kepercayaan. Jika Anda menyembunyikan ketidakcocokan tersebut, pengguna pada akhirnya akan menganggap produk Anda mengada-ada.

Hilang. Error 404. Timeout. Paywall. Server yang mengirimkan kode status 200 tetapi menyajikan halaman generik "Konten Dihapus". Jangan biarkan tautan tersebut menggantung berwarna biru, seolah-olah berfungsi. Ganti dengan bahasa yang lugas: "Halaman dihapus," "Tautan tidak lagi tersedia," atau "Sumber offline." Jika Anda tahu mengapa itu gagal, katakan saja. Jika Internet Archive atau salinan cache tersedia, tawarkanlah. Tujuannya adalah untuk menyelesaikan prosesnya, bukan membiarkan pembaca kebingungan.

Aksesibilitas tidak bisa ditawar

Komponen sitasi berada di bagian UI dengan lalu lintas tinggi dan risiko tinggi. Mereka layak mendapatkan ketelitian yang sama dengan formulir checkout atau alur pemesanan tiket pesawat.

Gunakan teks untuk menunjukkan status. Pengguna buta warna tidak dapat hanya mengandalkan titik hijau atau garis tepi merah. Pasangkan indikator Anda dengan kata-kata: "Tersedia," "Diubah," "Tidak Tersedia." Label kecil tersebut juga membantu setiap pengguna yang melihat, karena warna status jarang memiliki arti yang sama di berbagai budaya atau produk.

Tulis nama yang deskriptif untuk pembaca layar (screen reader). Beri label pada tautan Anda sehingga orang yang menggunakan pembaca layar mendengar sesuatu yang berguna. Alih-alih kata "Tautan" yang generik, bacakan "Sumber 3: Kebijakan retensi log audit." Ini memberi tahu pendengar dengan tepat apa yang akan mereka dapatkan sebelum mereka memutuskan untuk membukanya.

Lindungi alur pengguna. Mengklik sitasi tidak boleh menghilangkan jawaban yang dihasilkan AI. Gunakan panel, modal, atau ekspansi inline. Pembaca membuka sumber untuk memverifikasi klaim tertentu. Jika antarmuka Anda menghapus klaim yang baru saja mereka baca, Anda telah memaksa mereka untuk menyimpan teks tersebut dalam memori kerja saat mereka mencari bukti. Itu adalah beban kognitif yang tidak perlu.

Kelola fokus dengan sengaja. Saat pengguna membuka sitasi, pindahkan fokus keyboard ke panel atau popup baru. Saat mereka menutupnya, kembalikan fokus ke pemicu (trigger). Jangan membajak fokus saat aliran (stream) masih menulis sumber ke halaman. Biarkan pengguna tetap memegang kendali.

Kelola streaming dengan hati-hati. Jika antarmuka generatif Anda menambahkan sitasi saat data tiba, jangan membombardir pengguna pembaca layar dengan pengumuman untuk setiap angka superskrip baru. Kelompokkan mereka. Ketika dua atau tiga telah terkumpul, umumkan ringkasan yang sopan seperti "Dua sumber ditambahkan." Gangguan yang terus-menerus membuat output tidak terbaca bagi pengguna teknologi bantu.

Ingat apa yang dibuktikan oleh sebuah sitasi

Poin ini perlu ditekankan berulang kali. Sebuah sitasi menunjukkan asal-usul. Ia tidak menunjukkan kebenaran.

Saat AI menyitir sebuah sumber, ia sedang mengatakan, "Saya menemukan rumusan kata ini di sini." Ia tidak mengatakan, "Pakar ini benar." Ia tidak mengatakan, "Studi ini dilakukan dengan baik." Ia bahkan tidak mengatakan, "Saya memahami konteksnya dengan benar." Sebuah sitasi adalah peta kembali ke bukti aslinya. Pembaca tetap harus menelusuri jalur tersebut dan memutuskan apakah bukti tersebut dapat dipertanggungjawabkan.

Desain Anda harus memperjelas perbedaan tersebut. Gunakan kutipan yang memungkinkan pengguna memindai baris yang relevan. Tampilkan tanggal publikasi agar pembaca tahu seberapa baru bukti tersebut. Jika sumbernya adalah forum, siaran pers, atau studi primer, tampilkan konteks tersebut agar pembaca dapat menimbangnya dengan tepat. Bangun antarmuka untuk mendukung penilaian manusia, bukan menggantikannya.

Uji terhadap realitas

Komponen sitasi yang lolos tinjauan visual baru setengah jalan. Anda perlu