10 סימנים לממשק "סלופ": כך מזהים עיצוב שנוצר על ידי בינה מלאכותית

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

מהו ממשק "סלופ"

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

הסימנים הוויזואליים

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

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

טקסט, glassmorphism והייפ

שניים מהסימנים הם טקסטואליים. מתוך הקשר של הצ׳אט, המודל ממלא את הדף בפרטים שאף אחד לא ביקש: בבלוג של המחבר הופיע פעם המשפט "Built with Hugo. Written from Neovim", וקבצי README אוספים הערות דומות. כברירת מחדל המודל פונה ל-glassmorphism, וניסיונות הברוטליזם נראים כולם אותו דבר. אחר כך הטקסט נשען על אוצר מילים קבוע: elevate, seamless, next-generation, supercharge, unleash, empower.

העניין הוא במאמץ, לא בכלים

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