Most product teams sketch AI citations as tidy little blue numbers sitting neatly beside generated text. They wire them up once on a fast connection, watch the preview pop open in half a second, and move on. That works in the staging environment. It rarely survives contact with the open internet.

Sources rot. Companies delete blog posts. Government portals reorganize their URLs without redirects. Paywalls go up. CDNs hiccup. The document an AI scanned three months ago might have been rewritten yesterday. If your citation component only knows how to look good when everything goes right, it will lie to your users when things go wrong. Worse, it will leave them confused about whether the evidence ever existed at all.

A reliable citation system needs to communicate state. Not just a hyperlink. Not just a tooltip. It needs to tell the reader what is happening with the evidence in real time.

طراحی برای چهار وضعیت واقعی

یک ارجاع را به عنوان یک ماشین وضعیت کوچک در نظر بگیرید. هر منبعی که هوش مصنوعی شما ارائه می‌دهد می‌تواند در یکی از چهار حالت قرار بگیرد و رابط کاربری شما باید با هر کدام صادقانه برخورد کند.

در حال بارگذاری (Loading). کاربر روی عدد بالانویس کلیک می‌کند و سیستم یک پیش‌نمایش، یک تکه متن (snippet) یا صفحه اصلی را فراخوانی می‌کند. در طول این فاصله، نشان دهید که اتفاقی در حال رخ دادن است. استفاده از یک اسکلتون (skeleton placeholder)، یک کادر متن در حال نبض زدن، یا حتی یک متن ساده مثل «در حال دریافت منبع...» بسیار بهتر از سکوت است. سکوت باعث می‌شود مردم شک کنند که آیا کلیک آن‌ها کار کرده است یا خیر. در یک رابط کاربری استریمینگ (streaming) که منابع همزمان با تفکر مدل می‌رسند، وضعیت‌های بارگذاری همچنین به شما زمان می‌دهند تا بدون متوقف کردن تولید متن، لینک‌ها را حل و فصل کنید.

در دسترس (Available). این وضعیتی است که همه برای آن طراحی می‌کنند. لینک باز می‌شود، متن هنوز با آنچه مدل دیده مطابقت دارد و کاربر یک گزیده شفاف به همراه یک لینک مستقیم دریافت می‌کند. اما فقط به قرار دادن یک URL خام بسنده نکنید. عنوان، دامنه و بخش مرتبط را نشان دهید. به خواننده بافت (context) کافی بدهید تا تصمیم بگیرد آیا می‌خواهد از صفحه خارج شود یا خیر. قرار دادن یک href خام در پرانتز، از نظر فنی یک ارجاع است، اما تجربه کاربری خوبی نیست.

تغییر یافته (Changed). این حالت دردناک است. صفحه بارگذاری می‌شود، اما محتوا دیگر شامل آن نقل‌قول یا آماری نیست که هوش مصنوعی به آن نسبت داده است. شاید ناشر مقاله را به‌روزرسانی کرده باشد. شاید اسنپ‌شات (snapshot) آموزش هوش مصنوعی، تیتر خبری را ثبت کرده که بعداً تغییر یافته است. کامپوننت شما باید به جای تظاهر به اینکه همه چیز با هم مطابقت دارد، این عدم تطابق را علامت‌گذاری کند. یادداشت کوچکی مانند «این منبع از زمان ایندکس شدن به‌روزرسانی شده است» مانع از آن می‌شود که کاربر ده دقیقه وقت خود را برای جستجوی جمله‌ای که دیگر وجود ندارد تلف کند. این کار همچنین اعتماد را حفظ می‌کند. اگر عدم تطابق را پنهان کنید، کاربر در نهایت تصور می‌کند که محصول شما مطالب را از خود در می‌آورد.

مفقود (Missing). خطای ۴۰۴. تایم‌اوت (timeout). دیوار پرداخت. سروری که کد وضعیت ۲۰۰ را برمی‌گرداند اما یک صفحه عمومی با عنوان «محتوا حذف شده» را نمایش می‌دهد. اجازه ندهید لینک همان‌طور آبی‌رنگ معلق بماند و وانمود کند که کار می‌کند. آن را با عبارات ساده جایگزین کنید: «صفحه حذف شده»، «لینک دیگر در دسترس نیست» یا «منبع آفلاین است». اگر می‌دانید چرا با خطا مواجه شده، آن را بگویید. اگر Internet Archive یا یک نسخه کش‌شده (cached) وجود دارد، آن را پیشنهاد دهید. هدف این است که چرخه را کامل کنید، نه اینکه خواننده را سردرگم و رها کنید.

دسترسی‌پذیری (Accessibility) غیرقابل مذاکره است

کامپوننت‌های ارجاع در بخش‌های پرتردد و حساس رابط کاربری قرار دارند. آن‌ها شایسته همان دقت و سخت‌گیری‌ای هستند که برای یک فرم پرداخت یا فرآیند رزرو پرواز به کار می‌رود.

از متن برای نشان دادن وضعیت استفاده کنید. کاربران دچار کوررنگی نمی‌توانند تنها به یک نقطه سبز یا یک حاشیه قرمز تکیه کنند. نشانگرهای خود را با کلمات همراه کنید: «در دسترس»، «تغییر یافته»، «غیرقابل دسترس». آن برچسب کوچک به تمام کاربران بینا نیز کمک می‌کند، زیرا رنگ‌های وضعیت به‌ندرت در فرهنگ‌ها یا محصولات مختلف معنای یکسانی دارند.

نام‌های توصیفی برای صفحه‌خوان‌ها (screen readers) بنویسید. لینک‌های خود را طوری برچسب‌گذاری کنید که فردی که از صفحه‌خوان استفاده می‌کند، چیز مفیدی بشنود. به جای یک کلمه کلی مثل «لینک»، عبارت «منبع ۳: سیاست نگهداری لاگ حسابرسی» را بخوانید. این کار دقیقاً به شنونده می‌گوید که قبل از تصمیم برای باز کردن آن، چه چیزی دریافت خواهد کرد.

جریان کار را حفظ کنید. کلیک کردن روی یک ارجاع نباید پاسخ تولیدشده توسط هوش مصنوعی را ناپدید کند. از یک پنل، یک مودال (modal) یا یک گسترش درون‌خطی (inline expansion) استفاده کنید. خواننده منبع را باز کرده است تا ادعای خاصی را تأیید کند. اگر رابط کاربری شما ادعایی را که آن‌ها در حال خواندنش بودند پاک کند، آن‌ها را مجبور کرده‌اید تا در حین جستجوی مدرک، متن را در حافظه کاری خود نگه دارند. این یک بار شناختی (cognitive load) غیرضروری است.

تمرکز (focus) را آگاهانه مدیریت کنید. وقتی کاربر یک ارجاع را باز می‌کند، تمرکز کیبورد را به پنل یا پاپ‌آپ جدید منتقل کنید. وقتی آن را بستند، تمرکز را به عنصر محرک (trigger) بازگردانید. در حالی که استریم هنوز در حال نوشتن منابع در صفحه است، تمرکز را به کنترل خود در نیاورید. اجازه دهید کاربر کنترل را در دست داشته باشد.

با دقت با جریان داده (streaming) برخورد کنید. اگر رابط کاربری مولد شما ارجاع‌ها را همزمان با دریافت اضافه می‌کند، کاربران صفحه‌خوان را با اعلام هر عدد بالانویس جدید بمباران نکنید. آن‌ها را دسته‌بندی کنید. وقتی دو یا سه مورد انباشته شد، یک خلاصه مؤدبانه مانند «دو منبع اضافه شد» اعلام کنید. وقفه‌های مداوم، خواندن خروجی را برای کاربران فناوری‌های کمکی غیرقابل خواندن می‌کند.

به یاد داشته باشید که یک ارجاع چه چیزی را اثبات می‌کند

این نکته را هر چقدر هم تکرار کنیم، باز هم کم است. یک ارجاع، منشأ را نشان می‌دهد، نه حقیقت را.

وقتی یک هوش مصنوعی به منبعی ارجاع می‌دهد، در واقع می‌گوید: «من این عبارت را اینجا پیدا کردم.» این به معنای «این کارشناس درست می‌گوید» نیست. این به معنای «این مطالعه به خوبی انجام شده است» نیست. حتی به معنای «من بافتار را درست درک کرده‌ام» هم نیست. یک ارجاع، نقشه‌ای برای بازگشت به شواهد اصلی است. خواننده همچنان باید آن مسیر را طی کند و تصمیم بگیرد که آیا شواهد معتبر هستند یا خیر.

طراحی شما باید این تمایز را شفاف کند. از گزیده‌هایی استفاده کنید که به کاربر اجازه دهد خطوط مرتبط را مرور کند. تاریخ انتشار را نشان دهید تا خواننده بداند شواهد چقدر تازه هستند. اگر منبع یک انجمن، بیانیه مطبوعاتی یا یک مطالعه اولیه است، آن بافتار را آشکار کنید تا خواننده بتواند آن را به درستی بسنجد. رابط کاربری را به‌گونه‌ای بسازید که از قضاوت انسانی حمایت کند، نه اینکه جایگزین آن شود.

در برابر واقعیت آزمایش کنید

یک مؤلفه ارجاع که از بررسی بصری سربلند بیرون می‌آید، تنها نیمی از راه را رفته است. شما نیاز دارید