Most product teams sketch AI citations as tidy little blue numbers sitting neatly beside generated text. They wire them

अधिकांश प्रोडक्ट टीमें AI साइटेशन (citations) को जनरेट किए गए टेक्स्ट के बगल में सलीके से रखे छोटे नीले नंबरों के रूप में देखती हैं। वे उन्हें एक तेज़ कनेक्शन पर एक बार सेटअप करती हैं, आधे सेकंड में प्रीव्यू को खुलते हुए देखती हैं, और आगे बढ़ जाती हैं। यह स्टेजिंग एनवायरनमेंट (staging environment) में तो काम करता है। लेकिन ओपन इंटरनेट के साथ यह शायद ही कभी टिक पाता है।

सोर्स (sources) खराब हो जाते हैं। कंपनियाँ ब्लॉग पोस्ट डिलीट कर देती हैं। सरकारी पोर्टल बिना रीडायरेक्ट के अपने URL बदल देते हैं। पेवॉल (paywalls) लग जाते हैं। CDNs में समस्या आ सकती है। जिस डॉक्यूमेंट को AI ने तीन महीने पहले स्कैन किया था, उसे कल ही दोबारा लिखा गया हो सकता है। यदि आपका साइटेशन कंपोनेंट केवल तभी अच्छा दिखने के लिए बना है जब सब कुछ सही चल रहा हो, तो चीजें गलत होने पर वह आपके यूजर्स से झूठ बोलेगा। इससे भी बुरा यह होगा कि यह उन्हें इस बात को लेकर भ्रमित कर देगा कि क्या वह प्रमाण कभी अस्तित्व में था भी या नहीं।

एक विश्वसनीय साइटेशन सिस्टम को 'स्टेट' (state) को सूचित करने की आवश्यकता होती है। सिर्फ एक हाइपरलिंक नहीं। सिर्फ एक टूलटिप नहीं। इसे पाठक को वास्तविक समय (real time) में बताना चाहिए कि प्रमाण के साथ क्या हो रहा है।

चार वास्तविक स्थितियों (states) के लिए डिज़ाइन करें

एक साइटेशन को एक छोटे स्टेटस मशीन की तरह समझें। आपके AI द्वारा दिखाए गए हर सोर्स की चार में से किसी एक स्थिति में हो सकती है, और आपके इंटरफ़ेस को ईमानदारी से प्रत्येक स्थिति को संभालना चाहिए।

लोडिंग (Loading)। यूजर सुपरस्क्रिप्ट नंबर पर क्लिक करता है, और सिस्टम एक प्रीव्यू, एक स्निपेट, या मूल पेज प्राप्त करता है। उस अंतराल के दौरान, उन्हें दिखाएं कि कुछ हो रहा है। एक स्केलेटन प्लेसहोल्डर (skeleton placeholder), एक पल्सिंग एक्सेर्प्ट फ्रेम (pulsing excerpt frame), या यहाँ तक कि "सोर्स प्राप्त किया जा रहा है..." (Fetching source...) लिखा हुआ सादा टेक्स्ट, सन्नाटे से कहीं बेहतर है। सन्नाटा लोगों को यह सोचने पर मजबूर कर देता है कि क्या क्लिक काम कर गया। एक स्ट्रीमिंग इंटरफ़ेस में जहाँ मॉडल के सोचने के साथ-साथ सोर्स आते हैं, लोडिंग स्टेट्स आपको टेक्स्ट जनरेशन को रोके बिना लिंक को हल करने के लिए समय भी देते हैं।

उपलब्ध (Available)। यह वह स्थिति है जिसके लिए हर कोई डिज़ाइन करता है। लिंक काम करता है, टेक्स्ट अभी भी वही है जो मॉडल ने देखा था, और यूजर को एक स्पष्ट एक्सेर्प्ट (excerpt) के साथ एक सीधा लिंक मिलता है। लेकिन केवल एक रॉ URL (raw URL) डालकर न रुकें। शीर्षक, डोमेन और प्रासंगिक अंश दिखाएं। पाठक को इतना संदर्भ दें कि वह तय कर सके कि क्या वह पेज छोड़ना चाहता है। कोष्ठक में एक रॉ href तकनीकी रूप से एक साइटेशन है, लेकिन यह एक अच्छा यूजर एक्सपीरियंस नहीं है।

बदला हुआ (Changed)। यह स्थिति काफी चुनौतीपूर्ण है। पेज लोड होता है, लेकिन कंटेंट में अब वह कोट या आंकड़े नहीं होते जिनका AI ने दावा किया था। हो सकता है कि प्रकाशक ने लेख को अपडेट कर दिया हो। हो सकता है कि AI ट्रेनिंग स्नैपशॉट ने ऐसी हेडलाइन पकड़ी हो जो बाद में बदल गई। आपके कंपोनेंट को सब कुछ सही होने का ढोंग करने के बजाय इस विसंगति (discrepancy) को चिह्नित करना चाहिए। "यह सोर्स इंडेक्स होने के बाद अपडेट किया गया है" जैसा एक छोटा नोट यूजर को उस वाक्य को खोजने में दस मिनट बर्बाद करने से बचाता है जो अब मौजूद नहीं है। यह विश्वास भी बनाए रखता है। यदि आप इस विसंगति को छिपाते हैं, तो यूजर अंततः यह मान लेगा कि आपका प्रोडक्ट मनगढ़ंत बातें बनाता है।

लापता (Missing)। 404 एरर। टाइमआउट। पेवॉल। वह सर्वर जो 200 स्टेटस कोड तो भेजता है लेकिन एक जेनेरिक "कंटेंट हटा दिया गया" (Content Removed) पेज दिखाता है। लिंक को नीले रंग में वहां लटका हुआ न छोड़ें, जैसे कि वह काम कर रहा हो। इसे सरल भाषा से बदलें: "पेज हटा दिया गया," "लिंक अब उपलब्ध नहीं है," या "सोर्स ऑफलाइन है।" यदि आप जानते हैं कि यह क्यों विफल हुआ, तो स्पष्ट रूप से बताएं। यदि इंटरनेट आर्काइव या कोई कैश्ड कॉपी मौजूद है, तो उसका विकल्प दें। लक्ष्य लूप को पूरा करना है, पाठक को बीच में छोड़ना नहीं।

एक्सेसिबिलिटी (Accessibility) से समझौता नहीं किया जा सकता

साइटेशन कंपोनेंट UI के हाई-ट्रैफिक और हाई-स्टेक्स (महत्वपूर्ण) हिस्सों में होते हैं। वे चेकआउट फॉर्म या फ्लाइट बुकिंग फ्लो की तरह ही कठोरता के हकदार हैं।

स्थिति दिखाने के लिए टेक्स्ट का उपयोग करें। कलरब्लाइंड (colorblind) यूजर्स केवल एक हरे बिंदु या लाल बॉर्डर पर भरोसा नहीं कर सकते। अपने संकेतकों को शब्दों के साथ जोड़ें: "उपलब्ध," "बदला हुआ," "अनुपलब्ध।" वह छोटा सा लेबल हर दृष्टिमान यूजर की भी मदद करता है, क्योंकि स्टेटस के रंग शायद ही कभी विभिन्न संस्कृतियों या उत्पादों में एक ही चीज़ का अर्थ रखते हैं।

स्क्रीन रीडर्स के लिए वर्णनात्मक नाम लिखें। अपने लिंक को इस तरह लेबल करें कि स्क्रीन रीडर का उपयोग करने वाला व्यक्ति कुछ उपयोगी सुन सके। एक जेनेरिक "लिंक" के बजाय, "सोर्स 3: ऑडिट-लॉग रिटेंशन पॉलिसी" पढ़ें। यह सुनने वाले को ठीक वही बताता है जो उन्हें मिलने वाला है, इससे पहले कि वे इसे खोलने का निर्णय लें।

फ्लो (प्रवाह) को सुरक्षित रखें। साइटेशन पर क्लिक करने से AI-जनरेटेड उत्तर गायब नहीं होना चाहिए। एक पैनल, एक मोडल, या एक इनलाइन एक्सपेंशन का उपयोग करें। पाठक ने किसी विशिष्ट दावे को सत्यापित करने के लिए सोर्स खोला था। यदि आपका इंटरफ़ेस उस दावे को ही मिटा देता जिसे वे अभी पढ़ रहे थे, तो आपने उन्हें प्रमाण खोजने के दौरान टेक्स्ट को अपनी वर्किंग मेमोरी में बनाए रखने के लिए मजबूर कर दिया है। यह अनावश्यक कॉग्निटिव लोड (cognitive load) है।

फोकस को सोच-समझकर मैनेज करें। जब कोई यूजर साइटेशन खोलता है, तो कीबोर्ड फोकस को नए पैनल या पॉपअप में ले जाएं। जब वे इसे बंद करते हैं, तो फोकस को वापस ट्रिगर पर भेजें। जब स्ट्रीम अभी भी पेज पर सोर्स लिख रही हो, तो फोकस को हाईजैक न करें। यूजर को नियंत्रण में रहने दें।

स्ट्रीमिंग को सावधानी से संभालें। यदि आपका जनरेटिव इंटरफ़ेस साइटेशन आते ही उन्हें जोड़ रहा है, तो स्क्रीन-रीडर उपयोगकर्ताओं को हर नए सुपरस्क्रिप्ट नंबर की घोषणा के साथ परेशान न करें। उन्हें बैच में रखें। जब दो या तीन जमा हो जाएं, तो "दो स्रोत जोड़े गए" जैसा एक विनम्र सारांश घोषित करें। लगातार होने वाले व्यवधान सहायक तकनीक का उपयोग करने वाले उपयोगकर्ताओं के लिए आउटपुट को अपठनीय बना देते हैं।

याद रखें कि एक साइटेशन क्या सिद्ध करता है

इस बात को जितनी बार भी दोहराया जाए, कम है। एक साइटेशन स्रोत (provenance) को दर्शाता है। यह सत्य को नहीं दर्शाता।

जब कोई AI किसी स्रोत का हवाला देता है, तो वह कह रहा होता है, "मुझे यह शब्दावली यहाँ मिली।" वह यह नहीं कह रहा है कि, "यह विशेषज्ञ सही है।" वह यह नहीं कह रहा है कि, "यह अध्ययन अच्छी तरह से किया गया था।" वह यह भी नहीं कह रहा है कि, "मैंने संदर्भ को सही ढंग से समझा है।" एक साइटेशन मूल साक्ष्य तक वापस जाने वाला एक मानचित्र है। पाठक को अभी भी उस पथ पर चलना होगा और यह तय करना होगा कि साक्ष्य विश्वसनीय है या नहीं।

आपके डिज़ाइन को उस अंतर को स्पष्ट करना चाहिए। ऐसे अंशों का उपयोग करें जो उपयोगकर्ता को प्रासंगिक पंक्तियों को स्कैन करने की अनुमति दें। प्रकाशन की तिथि दिखाएं ताकि पाठक को पता चले कि साक्ष्य कितना नया है। यदि स्रोत कोई फ़ोरम, प्रेस विज्ञप्ति या प्राथमिक अध्ययन है, तो उस संदर्भ को सामने लाएं ताकि पाठक उसका उचित मूल्यांकन कर सके। इंटरफ़ेस को मानवीय निर्णय का समर्थन करने के लिए बनाएं, उसे बदलने के लिए नहीं।

वास्तविकता के विरुद्ध परीक्षण करें

एक साइटेशन कंपोनेंट जो विज़ुअल रिव्यू पास कर लेता है, वह केवल आधा ही पूरा हुआ है। आपको