చాలా ఉత్పత్తి బృందాలు (product teams) AI సైటేషన్లను (citations) జనరేట్ చేయబడిన టెక్స్ట్ పక్కన చక్కగా అమర్చబడిన చిన్న నీలి రంగు నంబర్లుగా ఊహిస్తారు. వేగవంతమైన కనెక్షన్లో వాటిని ఒకసారి సెట్ చేసి, అర సెకనులో ప్రివ్యూ ఓపెన్ అవ్వడం చూసి, ముందుకు సాగిపోతారు. అది స్టేజింగ్ ఎన్విరాన్మెంట్లో (staging environment) పనిచేస్తుంది. కానీ బహిరంగ ఇంటర్నెట్తో సంబంధం ఏర్పడినప్పుడు అది చాలా అరుదుగా మాత్రమే నిలబడుతుంది.
మూలాలు (Sources) దెబ్బతింటాయి. కంపెనీలు బ్లాగ్ పోస్ట్లను తొలగిస్తాయి. ప్రభుత్వ పోర్టల్లు రీడైరెక్ట్లు లేకుండా తమ URLలను పునర్వ్యవస్థీకరిస్తాయి. పేవాల్స్ (Paywalls) వస్తాయి. CDNs సమస్యలు ఎదుర్కొంటాయి. మూడు నెలల క్రితం AI స్కాన్ చేసిన డాక్యుమెంట్ నిన్నే తిరిగి వ్రాయబడి ఉండవచ్చు. అంతా సజావుగా సాగుతున్నప్పుడు మాత్రమే మీ సైటేషన్ కాంపోనెంట్ అందంగా కనిపించడం తెలిస్తే, పరిస్థితులు అనుకూలించనప్పుడు అది మీ వినియోగదారులకు అబద్ధం చెబుతుంది. అంతకంటే దారుణంగా, ఆ ఆధారాలు అసలు ఉన్నాయా లేదా అనే విషయంలో అది వారిని అయోమయానికి గురి చేస్తుంది.
నమ్మదగిన సైటేషన్ సిస్టమ్ స్థితిని (state) తెలియజేయాలి. కేవలం ఒక హైపర్లింక్ మాత్రమే కాదు, కేవలం టూల్టిప్ (tooltip) మాత్రమే కాదు. ఆధారానికి సంబంధించి రియల్ టైమ్లో ఏం జరుగుతుందో అది పాఠకుడికి చెప్పాలి.
నాలుగు వాస్తవ స్థితిగతుల కోసం డిజైన్ చేయండి
సైటేషన్ను ఒక చిన్న స్టేటస్ మెషీన్గా భావించండి. మీ AI అందించే ప్రతి మూలం నాలుగు పరిస్థితులలో ఏదో ఒక స్థితిలో ఉండవచ్చు, మరియు మీ ఇంటర్ఫేస్ ప్రతి దానిని నిజాయితీగా నిర్వహించాలి.
Loading. వినియోగదారు సూపర్స్క్రిప్ట్ నంబర్ను క్లిక్ చేసినప్పుడు, సిస్టమ్ ప్రివ్యూను, స్నిప్పెట్ను లేదా అసలు పేజీని తీసుకువస్తుంది. ఆ సమయంలో, ఏదో జరుగుతోందని వారికి చూపించండి. ఒక స్కెలిటన్ ప్లేస్హోల్డర్ (skeleton placeholder), పల్సింగ్ ఎక్సెర్ప్ట్ ఫ్రేమ్ (pulsing excerpt frame), లేదా "Fetching source..." అని ఉన్న సాధారణ టెక్స్ట్ కూడా నిశ్శబ్దం కంటే మెరుగైనది. నిశ్శబ్దం వల్ల క్లిక్ పనిచేసిందా లేదా అని ప్రజలు అనుమానిస్తారు. మోడల్ ఆలోచిస్తున్న కొద్దీ మూలాలు వస్తున్న స్ట్రీమింగ్ ఇంటర్ఫేస్లో, లోడింగ్ స్టేట్లు టెక్స్ట్ జనరేషన్ను ఆపకుండా లింక్లను పరిష్కరించడానికి మీకు సమయాన్ని ఇస్తాయి.
Available. అందరూ డిజైన్ చేసే స్థితి ఇదే. లింక్ పనిచేస్తుంది, టెక్స్ట్ ఇంకా మోడల్ చూసిన దానితో సరిపోలుతుంది, మరియు వినియోగదారునికి స్పష్టమైన ఎక్సెర్ప్ట్ (excerpt) తో పాటు డైరెక్ట్ లింక్ లభిస్తుంది. కానీ కేవలం ఒక రా (raw) URLను ఇవ్వడానికే ఆగిపోకండి. టైటిల్, డొమైన్ మరియు సంబంధిత భాగాన్ని చూపండి. వినియోగదారు పేజీని వదిలి వెళ్లాలా వద్దా అని నిర్ణయించుకోవడానికి తగినంత సందర్భాన్ని (context) అందించండి. బ్రాకెట్లలో ఒక రా href ఇవ్వడం సాంకేతికంగా సైటేషన్ అయినప్పటికీ, అది మంచి యూజర్ ఎక్స్పీరియన్స్ కాదు.
Changed. ఇది కొంచెం ఇబ్బందికరమైనది. పేజీ లోడ్ అవుతుంది, కానీ AI పేర్కొన్న కోట్ లేదా గణాంకం (statistic) ఆ కంటెంట్లో ఉండకపోవచ్చు. బహుశా పబ్లిషర్ ఆర్టికల్ను అప్డేట్ చేసి ఉండవచ్చు. లేదా AI ట్రైనింగ్ స్నాప్షాట్ ఒక హెడ్లైన్ను తీసుకుని ఉండవచ్చు, అది తర్వాత మారిపోయి ఉండవచ్చు. అంతా సరిగ్గా ఉన్నట్లు నటించకుండా, మీ కాంపోనెంట్ ఈ వ్యత్యాసాన్ని (discrepancy) గుర్తించాలి. "This source has been updated since it was indexed" వంటి చిన్న నోట్, ఇక లేని వాక్యం కోసం వినియోగదారు పది నిమిషాల సమయం వృథా చేయకుండా నిరోధిస్తుంది. ఇది నమ్మకాన్ని కూడా కాపాడుతుంది. మీరు ఈ తేడాను దాచిపెడితే, మీ ఉత్పత్తి విషయాలను సృష్టిస్తుందని (makes things up) వినియోగదారు భావిస్తారు.
Missing. 404 ఎర్రర్, టైమ్ అవుట్, పేవాల్, లేదా 200 స్టేటస్ కోడ్ను పంపిస్తూనే "Content Removed" అనే సాధారణ పేజీని చూపించే సర్వర్. లింక్ పనిచేస్తున్నట్లు నటిస్తూ అక్కడ నీలి రంగులో అలాగే ఉండనివ్వకండి. దానికి బదులుగా స్పష్టమైన భాషను ఉపయోగించండి: "Page removed," "Link no longer available," లేదా "Source offline." అది ఎందుకు విఫలమైందో మీకు తెలిస్తే, చెప్పండి. Internet Archive లేదా క్యాష్ చేసిన కాపీ అందుబాటులో ఉంటే, దానిని అందించండి. లక్ష్యం సమస్యను పరిష్కరించడం, పాఠకుడిని అయోమయంలో వదిలేయడం కాదు.
యాక్సెసిబిలిటీ (Accessibility) అనేది తప్పనిసరి
సైటేషన్ కాంపోనెంట్లు UI యొక్క అత్యధిక ట్రాఫిక్ మరియు కీలకమైన భాగాలలో ఉంటాయి. అవి చెక్అవుట్ ఫారమ్ లేదా ఫ్లైట్ బుకింగ్ ఫ్లో అంత కచ్చితత్వాన్ని కలిగి ఉండాలి.
స్థితిని చూపించడానికి టెక్స్ట్ను ఉపయోగించండి. కలర్బ్లైండ్ (colorblind) వినియోగదారులు కేవలం గ్రీన్ డాట్ లేదా రెడ్ బోర్డర్పై మాత్రమే ఆధారపడలేరు. మీ ఇండికేటర్లను పదాలతో జత చేయండి: "Available," "Modified," "Unavailable." ఆ చిన్న లేబుల్ చూపు ఉన్న ప్రతి వినియోగదారునికి కూడా సహాయపడుతుంది, ఎందుకంటే స్టేటస్ రంగులు వివిధ సంస్కృతులలో లేదా ఉత్పత్తులలో ఒకే అర్థాన్ని ఇవ్వవు.
స్క్రీన్ రీడర్ల (screen readers) కోసం వివరణాత్మక పేర్లను వ్రాయండి. స్క్రీన్ రీడర్ ఉపయోగించే వ్యక్తికి ఉపయోగకరమైన సమాచారం వినిపించేలా మీ లింక్లకు లేబుల్స్ ఇవ్వండి. సాధారణ "Link" అని చెప్పే బదులు, "Source 3: Audit-log retention policy" అని చదవండి. దీనివల్ల వినియోగదారు దానిని ఓపెన్ చేసే ముందే వారికి ఏమి వస్తుందో ఖచ్చితంగా తెలుస్తుంది.
ఫ్లోను (flow) కాపాడండి. సైటేషన్ను క్లిక్ చేయడం వల్ల AI జనరేట్ చేసిన సమాధానం మాయమైపోకూడదు. ఒక ప్యానెల్, మోడల్ (modal), లేదా ఇన్లైన్ ఎక్స్పాన్షన్ను ఉపయోగించండి. ఒక నిర్దిష్ట వాదనను ధృవీకరించడానికి పాఠకుడు మూలాన్ని తెరిచారు. మీ ఇంటర్ఫేస్ వారు ఇప్పుడే చదువుతున్న సమాచారాన్ని తుడిచివేస్తే, వారు ఆధారాల కోసం వెతుకుతున్నంత సేపు ఆ టెక్స్ట్ను గుర్తుంచుకోవాలని మీరు వారిని బలవంతం చేసినట్లు అవుతుంది. అది అనవసరమైన కాగ్నిటివ్ లోడ్ (cognitive load).
ఫోకస్ను (focus) జాగ్రత్తగా నిర్వహించండి. వినియోగదారు సైటేషన్ను ఓపెన్ చేసినప్పుడు, కీబోర్డ్ ఫోకస్ను కొత్త ప్యానెల్ లేదా పాపప్లోకి మార్చండి. వారు దానిని మూసివేసినప్పుడు, ఫోకస్ను తిరిగి ట్రిగ్గర్కు పంపండి. స్ట్రీమ్ ఇంకా పేజీకి మూలాలను రాస్తున్నప్పుడు ఫోకస్ను హైజాక్ చేయకండి. వినియోగదారు నియంత్రణలో ఉండనివ్వండి.
స్ట్రీమింగ్ను జాగ్రత్తగా నిర్వహించండి. మీ జనరేటివ్ ఇంటర్ఫేస్ సైటేషన్లను అవి వస్తున్న కొద్దీ జోడిస్తుంటే, ప్రతి కొత్త సూపర్స్క్రిప్ట్ నంబర్ కోసం స్క్రీన్-రీడర్ వినియోగదారులను ప్రకటనలతో ముంచెత్తకండి. వాటిని సమూహపరచండి. రెండు లేదా మూడు ఉన్నప్పుడు, "రెండు మూలాలు జోడించబడ్డాయి" వంటి మర్యాదపూర్వక సారాంశాన్ని ప్రకటించండి. నిరంతర అంతరాయాలు సహాయక సాంకేతికత (assistive technology) వినియోగదారులకు అవుట్పుట్ను చదవలేనంతగా మారుస్తాయి.
సైటేషన్ దేనిని నిరూపిస్తుందో గుర్తుంచుకోండి
ఈ విషయాన్ని ఎన్నిసార్లు చెప్పినా తక్కువే. సైటేషన్ మూలాన్ని (provenance) చూపుతుంది. అది సత్యాన్ని చూపదు.
ఒక AI మూలాన్ని సైటేట్ చేసినప్పుడు, అది "నేను ఈ పదజాలాన్ని ఇక్కడ కనుగొన్నాను" అని చెబుతోంది. అది "ఈ నిపుణుడు సరైనవాడు" అని చెప్పడం లేదు. "ఈ అధ్యయనం చక్కగా నిర్వహించబడింది" అని కూడా చెప్పడం లేదు. "నేను సందర్భాన్ని సరిగ్గా అర్థం చేసుకున్నాను" అని కూడా చెప్పడం లేదు. సైటేషన్ అనేది అసలు సాక్ష్యం వైపు వెళ్లే ఒక మ్యాప్ వంటిది. పాఠకుడు ఆ మార్గంలో వెళ్లి, ఆ సాక్ష్యం ఎంతవరకు నిజమో స్వయంగా నిర్ణయించుకోవాలి.
మీ డిజైన్ ఆ వ్యత్యాసాన్ని స్పష్టంగా చూపాలి. వినియోగదారుడు సంబంధిత లైన్లను త్వరగా చూసేలా చేసే ఉల్లేఖనాలను (excerpts) ఉపయోగించండి. సాక్ష్యం ఎంత కొత్తదో పాఠకుడికి తెలియజేయడానికి ప్రచురణ తేదీని చూపండి. మూలం ఒక ఫోరమ్, ప్రెస్ రిలీజ్ లేదా ప్రాథమిక అధ్యయనం అయితే, ఆ సందర్భాన్ని స్పష్టంగా చూపండి, తద్వారా పాఠకుడు దానిని తగిన విధంగా అంచనా వేయగలరు. ఇంటర్ఫేస్ను మానవ విచక్షణకు (human judgment) మద్దతు ఇచ్చేలా నిర్మించండి, దానిని భర్తీ చేసేలా కాదు.
వాస్తవంతో పరీక్షించండి
విజువల్ రివ్యూలో ఉత్తీర్ణత సాధించిన సైటేషన్ కాంపోనెంట్ సగం మాత్రమే పూర్తయినట్లు లెక్క. మీకు కావాలి