10 ознак «слоп»-інтерфейсу: як розпізнати дизайн, створений ШІ

Оновлення коледжного застосунку, яке подавали як «незначні покращення UI», стало темою блогу розробника під ніком 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: сам пост опубліковано на сайті, зробленому саме так. Його претензія стосується зусиль. Інтерфейси, зібрані нашвидкуруч, легко впізнати, бо жодне рішення в них не було ухвалене свідомо.