רוב צוותי המוצר מתכננים ציטוטים של AI כמספרים כחולים קטנים ומסודרים היושבים לצד הטקסט שנוצר. הם מחברים אותם פעם אחת בחיבור מהיר, רואים את התצוגה המקדימה נפתחת בחצי שנייה, וממשיכים הלאה. זה עובד בסביבת ה-staging. זה כמעט אף פעם לא שורד את המפגש עם האינטרנט הפתוח.

מקורות מתקלקלים. חברות מוחקות פוסטים בבלוגים. פורטלים ממשלתיים מארגנים מחדש את ה-URLs שלהם ללא הפניות (redirects). חומות תשלום (Paywalls) עולות. CDNs נתקעים. המסמך שה-AI סרק לפני שלושה חודשים אולי נכתב מחדש אתמול. אם רכיב הציטוט שלכם יודע להיראות טוב רק כשכל شيء הולך כשורה, הוא ישקר למשתמשים שלכם כשהדברים משתבשים. גרוע מכך, הוא ישאיר אותם מבולבלים לגבי השאלה אם הראיה בכלל הייתה קיימת אי פעם.

מערכת ציטוטים אמינה צריכה לתקשר מצב (state). לא רק היפר-קישור. לא רק tooltip. היא צריכה להגיד לקורא מה קורה עם הראיה בזמן אמת.

תכנון עבור ארבעה מצבים אמיתיים

חשבו על ציטוט כמכונת סטטוס קטנה. כל מקור שה-AI שלכם מציג יכול להיכנס לאחד מארבעה מצבים, והממשק שלכם צריך לטפל בכל אחד מהם בכנות.

טעינה (Loading). המשתמש לוחץ על המספר העליון (superscript), והמערכת שולפת תצוגה מקדימה, קטע (snippet) או את הדף המקורי. במהלך הפער הזה, הראו להם שמשהו קורה. skeleton placeholder, מסגרת קטע פועמת, או אפילו טקסט פשוט שאומר "שולף מקור..." עדיף על שתיקה. שתיקה גורמת לאנשים לתהות אם הלחיצה עבדה. בממשק של סטרימינג (streaming) שבו מקורות מגיעים תוך כדי שהמודל חושב, מצבי טעינה גם קונים לכם זמן לפתור קישורים מבלי לחסום את יצירת הטקסט.

זמין (Available). זה המצב שכולם מתכננים עבורו. הקישור עובד, הטקסט עדיין תואם למה שהמודל ראה, והמשתמש מקבל קטע ברור בתוספת קישור ישיר. אבל אל תסתפקו רק בהצגת URL גולמי. הציגו את הכותרת, הדומיין והקטע הרלוונטי. תנו לקורא מספיק הקשר כדי להחליט אם הוא רוצה לעזוב את הדף. href גולמי בסוגריים הוא טכנית ציטוט, אבל הוא לא חווית משתמש טובה.

שוទៅ (Changed). זה אחד המצבים המכעיסים. הדף נטען, אבל התוכן כבר לא מכיל את הציטוט או הסטטיסטיקה שה-AI ייחס לו. אולי המוציא לאור עדכן את המאמר. אולי תמונת המצב (snapshot) של אימון ה-AI תפסה כותרת שבהמשך השתנתה. הרכיב שלכם צריך לסמן את חוסר ההתאמה הזה במקום להעמיד פנים שהכל תואם. הערה קטנה כמו "מקור זה עודכן מאז שנדגם" מונעת מהמשתמש לבזבז עשר דקות בחיפוש אחר משפט שכבר לא קיים. זה גם שומר על אמון. אם תסתרו את חוסר ההתאמה, המשתמש יניח בסופו של דבר שהמוצר שלכם ממציא דברים.

חסר (Missing). ה-404. פקיעת זמן (timeout). חומת תשלום. השרת שמחזיר קוד סטטוס 200 אך מגיש דף כללי של "התוכן הוסר". אל תתנו לקישור להישאר שם בכחול, מעמיד פנים שהוא עובד. החליפו אותו בשפה פשוטה: "הדף הוסר", "הקישור אינו זמין עוד", או "המקור אינו מחובר". אם אתם יודעים למה זה נכשל, ציינו זאת. אם קיים Internet Archive או עותק שמור (cached copy), הציעו אותו. המטרה היא לסגור את המעגל, לא להשאיר את הקורא תלוי באוויר.

נגישות היא לא משהו שניתן להתפשר עליו

רכיבי ציטוט נמצאים בחלקים בעלי תעבורה גבוהה וסיכון גבוה ב-UI. הם ראויים לאותה קפדנות כמו טופס תשלום או תהליך הזמנת טיסה.

השתמשו בטקסט כדי להציג סטטוס. משתמשים עם עיוורון צבעים לא יכולים להסתמך רק על נקודה ירוקה או מסגרת אדומה. צרפו מילים למחוונים שלכם: "זמין", "שוទៅ", "לא זמין". התווית הקטנה הזו עוזרת גם לכל משתמש רואה, כי צבעי סטטוס לעיתים רחוקות אומרים את אותו הדבר בתרבויות או במוצרים שונים.

כתבו שמות תיאוריים עבור קוראי מסך. תנו תוויות לקישורים שלכם כך שאדם המשתמש בקורא מסך ישמע משהו מועיל. במקום "קישור" גנרי, קראו "מקור 3: מדיניות שמירת יומן ביקורת". זה אומר למאזין בדיוק מה הוא עומד לקבל לפני שהוא מחליט לפתוח זאת.

הגנו על הרצף. לחיצה על ציטוט לא צריכה להעלים את התשובה שנוצרה על ידי ה-AI. השתמשו בפאנל, בחלון מודאלי (modal), או בהרחבה בתוך השורה (inline expansion). הקורא פתח את המקור כדי לאמת טענה ספציפית. אם הממשק שלכם מוחק את הטענה שהוא בדיוק קרא, אילצתם אותו להחזיק את הטקסט בזיכרון העבודה בזמן שהוא מחפש הוכחה. זהו עומס קוגניטיבי מיותר.

נהלו את הפוקוס (focus) במכוון. כאשר משתמש פותח ציטוט, העבירו את פוקוס המקלדת אל הפאנל או החלון החדש. כאשר הם סוגרים אותו, החזירו את הפוקוס לאלמנט שהפעיל אותו. אל תשתלטו על הפוקוס בזמן שהסטרימינג עדיין כותב מקורות לדף. תנו למשתמש להישאר בשליטה.

התנהלו בזהירות עם הזרמת הנתונים (streaming). אם הממשק הגנרטיבי שלכם מוסיף ציטוטים כשהם מגיעים, אל תפציצו משתמשים של קוראי מסך בהודעות על כל מספר מעלה (superscript) חדש. קבצו אותם. כאשר נצברים שניים או שלושה, הודיעו בסיכום מנומס כמו "נוספו שני מקורות". הפרעות מתמידות הופכות את הפלט לבלתי קריא עבור משתמשים של טכנולוגיות מסייעות.

זכרו מה ציטוט מוכיח

אי אפשר להדגיש את הנקודה הזו מספיק פעמים. ציטוט מראה מקור (provenance). הוא לא מראה אמת.

כשבינה מלאכותית מצטטת מקור, היא אומרת: "מצאתי את הניסוח הזה כאן". היא לא אומרת: "המומחה הזה צודק". היא לא אומרת: "המחקר הזה בוצע היטב". היא אפילו לא אומרת: "הבנתי את ההקשר נכון". ציטוט הוא מפה חזרה אל הראיה המקורית. הקורא עדיין צריך לעבור את המסלול הזה ולהחליט אם הראיה עומדת במבחן המציאות.

העיצוב שלכם צריך להפוך את ההבחנה הזו לברורה. השתמשו בקטעים המאפשרים למשתמש לסרוק את השורות הרלוונטיות. הציגו את תאריך הפרסום כדי שהקורא ידע כמה הראיה עדכנית. אם המקור הוא פורום, הודעה לעיתונות או מחקר ראשוני, חשפו את ההקשר הזה כדי שהקורא יוכל לשקול אותו כראוי. בנו את הממשק כדי לתמוך בשיקול דעת אנושי, לא כדי להחליף אותו.

בדקו מול המציאות

רכיב ציטוט שעובר סקירה ויזואלית הוא רק חצי מהדרך. אתם צריכים