বেশিরভাগ প্রোডাক্ট টিম AI সাইটেশনগুলোকে (citations) জেনারেট করা টেক্সটের পাশে সুন্দর ছোট নীল সংখ্যার মতো কল্পনা করে। তারা একটি দ্রুত কানেকশনে একবার এটি সেটআপ করে, আধা সেকেন্ডে প্রিভিউটি ওপেন হতে দেখে এবং কাজ শেষ করে এগিয়ে যায়। এটি স্টেজিং এনভায়রনমেন্টে কাজ করলেও, উন্মুক্ত ইন্টারনেটের বাস্তব পরিস্থিতিতে এটি খুব কমই টিকে থাকে।

সোর্সগুলো নষ্ট হয়ে যায়। কোম্পানিগুলো ব্লগ পোস্ট ডিলিট করে দেয়। সরকারি পোর্টালগুলো রিডাইরেক্ট ছাড়াই তাদের URL পুনর্গঠন করে। পে-ওয়াল (Paywalls) চলে আসে। CDN-এ সমস্যা দেখা দেয়। AI তিন মাস আগে যে ডকুমেন্টটি স্ক্যান করেছিল, সেটি হয়তো গতকালই পুনরায় লেখা হয়েছে। আপনার সাইটেশন কম্পোনেন্টটি যদি কেবল সবকিছু ঠিকঠাক থাকলেই সুন্দর দেখানোর জন্য তৈরি করা হয়, তবে সমস্যা দেখা দিলে তা আপনার ব্যবহারকারীদের কাছে মিথ্যা তথ্য দেবে। আরও খারাপ বিষয় হলো, এটি ব্যবহারকারীদের বিভ্রান্ত করবে যে প্রমাণটি আদৌ কখনো ছিল কি না।

একটি নির্ভরযোগ্য সাইটেশন সিস্টেমের স্টেট (state) বা অবস্থা প্রকাশ করা প্রয়োজন। কেবল একটি হাইপারলিঙ্ক বা টুলটিপ দিয়ে হবে না। প্রমাণের সাথে রিয়েল-টাইমে কী ঘটছে, তা পাঠককে জানানো প্রয়োজন।

চারটি বাস্তব অবস্থার জন্য ডিজাইন করুন

একটি সাইটেশনকে একটি ছোট স্ট্যাটাস মেশিন হিসেবে ভাবুন। আপনার AI যে সোর্সগুলো সামনে আনে, তার প্রতিটি চারটি অবস্থার যেকোনো একটিতে থাকতে পারে, এবং আপনার ইন্টারফেসের উচিত প্রতিটি অবস্থাকে সততার সাথে মোকাবিলা করা।

Loading (লোডিং)। ব্যবহারকারী যখন সুপারস্ক্রিপ্ট নম্বরে ক্লিক করেন, সিস্টেম তখন একটি প্রিভিউ, একটি স্নিপেট বা মূল পেজটি নিয়ে আসে। এই সময়ের ব্যবধানটুকুতে ব্যবহারকারীকে দেখান যে কিছু একটা ঘটছে। একটি স্কেলিটন প্লেসহোল্ডার (skeleton placeholder), একটি পালসিং এক্সার্প্ট ফ্রেম, এমনকি "Fetching source..." লেখা সাধারণ টেক্সটও নীরবতার চেয়ে অনেক ভালো। নীরবতা মানুষকে ভাবিয়ে তোলে যে ক্লিকটি কাজ করেছে কি না। একটি স্ট্রিমিং ইন্টারফেসে যেখানে মডেল চিন্তা করার সাথে সাথে সোর্সগুলো আসে, সেখানে লোডিং স্টেট আপনাকে টেক্সট জেনারেশন বাধাগ্রস্ত না করেই লিঙ্কগুলো সমাধান করার জন্য সময় দেয়।

Available (উপলব্ধ)। এটি এমন একটি অবস্থা যার জন্য সবাই ডিজাইন করে। লিঙ্কটি কাজ করে, টেক্সটটি মডেল যা দেখেছিল তার সাথে মিলে যায় এবং ব্যবহারকারী একটি পরিষ্কার এক্সার্প্ট (excerpt) ও সরাসরি লিঙ্ক পান। কিন্তু কেবল একটি র (raw) URL দিয়ে থেমে যাবেন না। শিরোনাম, ডোমেইন এবং প্রাসঙ্গিক অংশটি দেখান। পাঠককে সিদ্ধান্ত নেওয়ার জন্য যথেষ্ট কনটেক্সট দিন যে তারা পেজটি ছেড়ে যেতে চান কি না। ব্র্যাকেটের মধ্যে একটি র href টেকনিক্যালি একটি সাইটেশন হতে পারে, কিন্তু এটি ভালো ইউজার এক্সপেরিয়েন্স (UX) নয়।

Changed (পরিবর্তিত)। এটি বেশ বিরক্তিকর। পেজটি লোড হয়, কিন্তু কন্টেন্টে সেই উদ্ধৃতি বা পরিসংখ্যান আর নেই যা AI সেখানে উল্লেখ করেছিল। হতে পারে প্রকাশক নিবন্ধটি আপডেট করেছেন। হতে পারে AI ট্রেনিং স্ন্যাপশটটি এমন একটি শিরোনাম পেয়েছিল যা পরে পরিবর্তিত হয়েছে। সবকিছু ঠিক আছে বলে ভান না করে আপনার কম্পোনেন্টের উচিত এই অমিলটি চিহ্নিত করা। "This source has been updated since it was indexed" (ইনডেক্স করার পর এই সোর্সটি আপডেট করা হয়েছে) এর মতো একটি ছোট নোট ব্যবহারকারীকে এমন একটি বাক্য খোঁজার পেছনে দশ মিনিট সময় নষ্ট করা থেকে বাঁচাবে যা আর নেই। এটি বিশ্বাসযোগ্যতাও বজায় রাখে। আপনি যদি এই অমিলটি লুকিয়ে রাখেন, তবে ব্যবহারকারী শেষ পর্যন্ত ধরে নেবেন যে আপনার প্রোডাক্টটি বানিয়ে কথা বলছে।

Missing (অনুপলব্ধ)। 404 এরর, টাইমআউট, পে-ওয়াল, অথবা এমন একটি সার্ভার যা 200 স্ট্যাটাস কোড পাঠালেও একটি সাধারণ "Content Removed" পেজ দেখায়। লিঙ্কটি নীল রঙে কাজ করছে এমন ভান করে ঝুলিয়ে রাখবেন না। এর পরিবর্তে সহজ ভাষা ব্যবহার করুন: "Page removed" (পেজটি সরিয়ে ফেলা হয়েছে), "Link no longer available" (লিঙ্কটি আর উপলব্ধ নেই), অথবা "Source offline" (সোর্সটি অফলাইনে আছে)। যদি আপনি জানেন কেন এটি ব্যর্থ হয়েছে, তবে তা স্পষ্টভাবে বলুন। যদি Internet Archive বা কোনো ক্যাশড কপি (cached copy) থাকে, তবে সেটি অফার করুন। লক্ষ্য হলো বিষয়টিকে সমাধান করা, পাঠককে বিভ্রান্ত অবস্থায় ফেলে রাখা নয়।

অ্যাক্সেসিবিলিটি (Accessibility) নিয়ে আপস করা যাবে না

সাইটেশন কম্পোনেন্টগুলো UI-এর অত্যন্ত গুরুত্বপূর্ণ এবং উচ্চ-ট্রাফিক অংশে থাকে। এগুলো একটি চেকআউট ফর্ম বা ফ্লাইট বুকিং ফ্লো-এর মতোই নিখুঁত হওয়া প্রয়োজন।

স্ট্যাটাস দেখানোর জন্য টেক্সট ব্যবহার করুন। কালারব্লাইন্ড (colorblind) ব্যবহারকারীরা কেবল একটি সবুজ ডট বা লাল বর্ডারের ওপর নির্ভর করতে পারেন না। আপনার ইন্ডিকেটরগুলোর সাথে শব্দ যোগ করুন: "Available," "Modified," "Unavailable।" এই ছোট লেবেলটি দৃষ্টিশক্তি সম্পন্ন প্রতিটি ব্যবহারকারীর জন্যও সহায়ক, কারণ স্ট্যাটাস কালার বা রঙের অর্থ বিভিন্ন সংস্কৃতি বা প্রোডাক্টের ক্ষেত্রে ভিন্ন হতে পারে।

স্ক্রিন রিডারের জন্য বর্ণনামূলক নাম লিখুন। আপনার লিঙ্কগুলোকে এমনভাবে লেবেল করুন যাতে স্ক্রিন রিডার ব্যবহারকারী কোনো দরকারী তথ্য শুনতে পান। একটি সাধারণ "Link" না বলে "Source 3: Audit-log retention policy" পড়ুন। এটি ব্যবহারকারীকে লিঙ্কটি খোলার আগেই বলে দেয় যে তিনি ঠিক কী পেতে যাচ্ছেন।

ফ্লো (flow) বজায় রাখুন। সাইটেশনে ক্লিক করলে যেন AI-জেনারেটেড উত্তরটি অদৃশ্য না হয়ে যায়। একটি প্যানেল, মোডাল (modal) বা ইনলাইন এক্সপ্যানশন ব্যবহার করুন। পাঠক একটি নির্দিষ্ট দাবি যাচাই করার জন্য সোর্সটি খুলেছেন। আপনার ইন্টারফেস যদি সেই দাবিটি মুছে ফেলে দেয় যা তারা মাত্র পড়ছিলেন, তবে প্রমাণ খোঁজার সময় তাদের সেই টেক্সটটি মনে রাখতে বাধ্য করা হচ্ছে। এটি একটি অপ্রয়োজনীয় কগনিটিভ লোড (cognitive load)।

ফোকাস (focus) সচেতনভাবে পরিচালনা করুন। যখন একজন ব্যবহারকারী একটি সাইটেশন খুলবেন, তখন কিবোর্ড ফোকাস নতুন প্যানেল বা পপআপে নিয়ে যান। যখন তারা এটি বন্ধ করবেন, তখন ফোকাসটি পুনরায় ট্রিগার পয়েন্টে ফিরিয়ে আনুন। স্ট্রিমিং চলাকালীন যখন পেজে সোর্সগুলো লেখা হচ্ছে, তখন ফোকাস হাইজ্যাক করবেন না। ব্যবহারকারীকে নিয়ন্ত্রণে থাকতে দিন।

স্ট্রিমিং সতর্কতার সাথে পরিচালনা করুন। আপনার জেনারেটিভ ইন্টারফেস যদি সাইটেশন আসার সাথে সাথে তা যোগ করতে থাকে, তবে প্রতিটি নতুন সুপারস্ক্রিপ্ট নম্বরের জন্য ঘোষণা দিয়ে স্ক্রিন-রিডার ব্যবহারকারীদের বিরক্ত করবেন না। এগুলোকে ব্যাচ আকারে প্রদান করুন। যখন দুই বা তিনটি সাইটেশন জমা হবে, তখন "দুটি উৎস যোগ করা হয়েছে" এর মতো একটি মার্জিত সারাংশ ঘোষণা করুন। ক্রমাগত বাধা বা বিঘ্ন ঘটলে সহায়ক প্রযুক্তি (assistive technology) ব্যবহারকারীদের জন্য আউটপুটটি পড়া অসম্ভব হয়ে পড়ে।

মনে রাখবেন একটি সাইটেশন কী প্রমাণ করে

এই বিষয়টি যতবারই বলা হোক না কেন, এটি অত্যন্ত গুরুত্বপূর্ণ। একটি সাইটেশন উৎসের উৎস (provenance) দেখায়। এটি সত্যতা প্রমাণ করে না।

যখন একটি AI কোনো উৎসের সাইটেশন দেয়, তখন এটি বলছে, "আমি এই শব্দগুলো এখানে পেয়েছি।" এটি বলছে না যে, "এই বিশেষজ্ঞ সঠিক।" এটি বলছে না যে, "এই গবেষণাটি সঠিকভাবে পরিচালিত হয়েছে।" এমনকি এটি এটাও বলছে না যে, "আমি প্রেক্ষাপটটি সঠিকভাবে বুঝেছি।" একটি সাইটেশন হলো মূল প্রমাণের কাছে ফিরে যাওয়ার একটি মানচিত্র। পাঠককে সেই পথ অনুসরণ করতে হবে এবং প্রমাণটি কতটা নির্ভরযোগ্য তা নিজেই সিদ্ধান্ত নিতে হবে।

আপনার ডিজাইনে এই পার্থক্যটি স্পষ্ট হওয়া উচিত। এমন উদ্ধৃতাংশ ব্যবহার করুন যা ব্যবহারকারীকে প্রাসঙ্গিক লাইনগুলো দ্রুত দেখে নিতে সাহায্য করে। প্রকাশের তারিখ দেখান যাতে পাঠক বুঝতে পারেন প্রমাণটি কতটা সাম্প্রতিক। যদি উৎসটি কোনো ফোরাম, প্রেস রিলিজ বা প্রাথমিক গবেষণা হয়, তবে সেই প্রেক্ষাপটটি সামনে আনুন যাতে পাঠক সেটি সঠিকভাবে মূল্যায়ন করতে পারেন। ইন্টারফেসটি এমনভাবে তৈরি করুন যা মানুষের বিচারবুদ্ধিকে সহায়তা করে, তার বিকল্প হিসেবে নয়।

বাস্তবতার ভিত্তিতে পরীক্ষা করুন

একটি সাইটেশন কম্পোনেন্ট যা ভিজ্যুয়াল রিভিউতে উত্তীর্ণ হয়েছে, তা কেবল অর্ধেক সম্পন্ন হয়েছে। আপনার প্রয়োজন