बहुतेक उत्पादन पथक (product teams) AI संदर्भांना (citations) तयार केलेल्या मजकुराच्या शेजारी व्यवस्थित बसलेल्या छोट्या निळ्या क्रमांकांच्या स्वरूपात रेखाटतात. ते एका वेगवान कनेक्शनवर ते एकदा सेट करतात, अर्ध्या सेकंदात प्रीव्ह्यू उघडताना पाहतात आणि पुढे जातात. हे स्टेजिंग एन्व्हायरमेंटमध्ये (staging environment) काम करते. परंतु, खुल्या इंटरनेटच्या संपर्कात आल्यावर ते क्वचितच टिकते.

स्रोत (Sources) कालबाह्य होतात. कंपन्या त्यांचे ब्लॉग पोस्ट डिलीट करतात. सरकारी पोर्टल्स रिडायरेक्ट्सशिवाय त्यांचे URL पुनर्रचित करतात. पेवॉल (Paywalls) लागू होतात. CDNs मध्ये अडथळे येतात. AI ने तीन महिन्यांपूर्वी स्कॅन केलेले दस्तऐवज कदाचित कालच पुन्हा लिहिले गेले असावे. जर तुमच्या साइटेशन कंपोनंटला फक्त सर्व काही व्यवस्थित असतानाच चांगले दिसणे माहित असेल, तर गोष्टी चुकल्यास ते तुमच्या वापरकर्त्यांना खोटे सांगेल. त्याहून वाईट म्हणजे, पुरावा कधी अस्तित्वात होता की नाही याबद्दल ते वापरकर्त्यांना गोंधळात टाकतील.

एका विश्वसनीय साइटेशन सिस्टमला स्थिती (state) कळवणे आवश्यक आहे. केवळ हायपरलिंक नाही. केवळ टूलटिप (tooltip) नाही. पुराव्याबाबत रिअल टाइममध्ये काय घडत आहे हे वाचकाला सांगणे आवश्यक आहे.

चार वास्तविक स्थितींसाठी डिझाइन करा

साइटेशनला एका लहान स्टेटस मशीनप्रमाणे समजा. तुमचे AI जे स्रोत समोर आणते, त्यांपैकी प्रत्येक स्रोत चारपैकी एका स्थितीत असू शकतो आणि तुमच्या इंटरफेसने प्रत्येक स्थिती प्रामाणिकपणे हाताळली पाहिजे.

लोडिंग (Loading). वापरकर्ता सुपरस्क्रिप्ट क्रमांकावर क्लिक करतो आणि सिस्टम प्रीव्ह्यू, स्निपेट किंवा मूळ पृष्ठ मिळवते. त्या दरम्यान, काहीतरी घडत आहे हे त्यांना दाखवा. स्केलेटन प्लेसहोल्डर (skeleton placeholder), पल्सिंग एक्सर्प्ट फ्रेम (pulsing excerpt frame), किंवा अगदी "Fetching source..." असे साधे मजकूर असलेले टेक्स्ट शांततेपेक्षा चांगले आहे. शांतता लोकांना क्लिक काम करत आहे की नाही याबद्दल शंका निर्माण करते. स्ट्रीमिंग इंटरफेसमध्ये जिथे मॉडेल विचार करत असताना स्रोत येतात, तिथे लोडिंग स्टेट्स तुम्हाला मजकूर निर्मितीमध्ये अडथळा न आणता लिंक्स सोडवण्यासाठी वेळ देतात.

उपलब्ध (Available). ही अशी स्थिती आहे ज्यासाठी प्रत्येकजण डिझाइन करतो. लिंक काम करते, मजकूर अजूनही मॉडेलने पाहिलेल्या मजकुराशी जुळतो आणि वापरकर्त्याला स्पष्ट उतारा (excerpt) आणि थेट लिंक मिळते. परंतु केवळ कच्चा URL टाकून थांबू नका. शीर्षक, डोमेन आणि संबंधित उतारा दाखवा. वापरकर्त्याला पृष्ठ सोडायचे की नाही हे ठरवण्यासाठी त्यांना पुरेसा संदर्भ द्या. कंसात दिलेला कच्चा href तांत्रिकदृष्ट्या साइटेशन आहे, पण तो चांगला युजर एक्सपिरियन्स (user experience) नाही.

बदललेले (Changed). ही स्थिती त्रासदायक असते. पृष्ठ लोड होते, परंतु मजकुरात आता तो कोट किंवा सांख्यिकी (statistic) नसते ज्याचा AI ने दावा केला होता. कदाचित प्रकाशकाने लेख अपडेट केला असेल. कदाचित AI ट्रेनिंग स्नॅपशॉटने अशी हेडलाईन पकडली असेल जी नंतर बदलली. सर्व काही जुळत आहे असे भासवण्याऐवजी तुमच्या कंपोनंटने ही विसंगती दर्शवली पाहिजे. "हा स्रोत इंडेक्स केल्यापासून अपडेट करण्यात आला आहे" अशी छोटी टीप वापरकर्त्याला आता अस्तित्वात नसलेल्या वाक्याचा शोध घेण्यात दहा मिनिटे वाया घालवण्यापासून वाचवते. यामुळे विश्वास देखील टिकून राहतो. जर तुम्ही ही विसंगती लपवली, तर वापरकर्ता शेवटी असे गृहीत धरेल की तुमचे उत्पादन गोष्टी स्वतःहून बनवत आहे.

गहाळ (Missing). 404 एरर. टाइमआउट. पेवॉल. असा सर्व्हर जो 200 स्टेटस कोड पाठवतो परंतु "Content Removed" असा सामान्य पृष्ठ दाखवतो. लिंक तिथे निळ्या रंगात काम करत असल्याचा आभास देत राहू देऊ नका. त्याऐवजी साधी भाषा वापरा: "Page removed," "Link no longer available," किंवा "Source offline." जर तुम्हाला ते का अयशस्वी झाले हे माहित असेल, तर तसे सांगा. जर Internet Archive किंवा कॅश केलेली प्रत उपलब्ध असेल, तर ती ऑफर करा. ध्येय वाचकाला अडकवणे नसून प्रक्रियेचा शेवट करणे आहे.

ॲक्सेसिबिलिटी (Accessibility) ही तडजोड न करण्यायोग्य गोष्ट आहे

साइटेशन कंपोनंट्स UI च्या हाय-ट्रॅफिक, हाय-स्टेक्स भागांमध्ये असतात. त्यांना चेकआउट फॉर्म किंवा फ्लाईट बुकिंग फ्लोप्रमाणेच तितक्याच काटेकोरपणाची गरज आहे.

स्थिती दर्शवण्यासाठी मजकूर वापरा. कलरब्लाइंड (Colorblind) वापरकर्ते केवळ हिरवा डॉट किंवा लाल बॉर्डरवर अवलंबून राहू शकत नाहीत. तुमच्या इंडिकेटर्सना शब्दांची जोड द्या: "Available," "Modified," "Unavailable." हे लहान लेबल प्रत्येक दृष्टी असलेल्या वापरकर्त्यासाठी देखील उपयुक्त ठरते, कारण स्थितीचे रंग संस्कृती किंवा उत्पादनांनुसार सहसा सारखे नसतात.

स्क्रीन रीडर्ससाठी वर्णनात्मक नावे लिहा. तुमच्या लिंक्सना असे लेबल द्या की स्क्रीन रीडर वापरणाऱ्या व्यक्तीला उपयुक्त माहिती ऐकू येईल. सामान्य "Link" ऐवजी, "Source 3: Audit-log retention policy" असे वाचून दाखवा. यामुळे ऐकणाऱ्याला ते उघडण्यापूर्वीच त्यांना नक्की काय मिळेल हे समजते.

प्रवाह (flow) सुरक्षित ठेवा. साइटेशनवर क्लिक केल्यामुळे AI-जनरेटेड उत्तर गायब होऊ नये. यासाठी पॅनेल, मॉडेल किंवा इनलाइन एक्सपान्शनचा वापर करा. वाचकाने एखादा विशिष्ट दावा पडताळण्यासाठी स्रोत उघडला आहे. जर तुमच्या इंटरफेसने त्यांनी नुकताच वाचलेला दावा पुसून टाकला, तर तुम्ही त्यांना पुराव्याचा शोध घेताना तो मजकूर लक्षात ठेवण्यास भाग पाडले आहे. हा अनावश्यक कॉग्निटिव्ह लोड (cognitive load) आहे.

फोकस (focus) हेतुपुरस्सर व्यवस्थापित करा. जेव्हा वापरकर्ता साइटेशन उघडतो, तेव्हा कीबोर्ड फोकस नवीन पॅनेल किंवा पॉपअपमध्ये हलवा. जेव्हा ते बंद करतात, तेव्हा फोकस पुन्हा ट्रिगरवर पाठवा. स्ट्रीम अजूनही पेजवर स्रोत लिहित असताना फोकस हायजॅक करू नका. वापरकर्त्याला नियंत्रणात राहू द्या.

स्ट्रीमिंग हाताळताना काळजी घ्या. जर तुमचा जनरेटिव्ह इंटरफेस संदर्भ (citations) प्राप्त होतानाच जोडत असेल, तर प्रत्येक नवीन सुपरस्क्रिप्ट नंबरसाठी स्क्रीन-रीडर वापरकर्त्यांना घोषणा देऊन त्रास देऊ नका. त्यांचे गट करा. जेव्हा दोन किंवा तीन संदर्भ जमा होतील, तेव्हा "दोन स्रोत जोडले गेले" सारखी एक नम्र सारांश घोषणा करा. सततच्या व्यत्ययामुळे सहाय्यक तंत्रज्ञान वापरकर्त्यांसाठी आउटपुट वाचण्यायोग्य राहत नाही.

संदर्भ काय सिद्ध करतो हे लक्षात ठेवा

ही गोष्ट कितीही वेळा सांगितली तरी कमीच आहे. संदर्भ मूळ स्रोत (provenance) दर्शवतो. तो सत्य दर्शवत नाही.

जेव्हा एखादे AI एखाद्या स्रोताचा संदर्भ देते, तेव्हा ते असे म्हणत असते की, "मला हे शब्द येथे सापडले." ते असे म्हणत नसते की, "हा तज्ज्ञ बरोबर आहे." ते असे म्हणत नसते की, "हा अभ्यास व्यवस्थितपणे करण्यात आला होता." ते अगदी असेही म्हणत नसते की, "मी संदर्भ (context) योग्यरित्या समजून घेतला आहे." संदर्भ म्हणजे मूळ पुराव्याकडे नेणारा एक नकाशा आहे. वाचकाला तो मार्ग स्वतः पार करावा लागतो आणि तो पुरावा ग्राह्य धरण्यायोग्य आहे की नाही हे ठरवावे लागते.

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

वास्तवाच्या कसोटीवर तपासा

जो संदर्भ घटक (citation component) व्हिज्युअल रिव्ह्यूमध्ये उत्तीर्ण होतो, त्याचे काम केवळ अर्धेच पूर्ण झाले आहे. तुम्हाला