Geri Dön
Bir "Slop" Arayüzünün 10 İşareti: Yapay Zekâ Tasarımını Nasıl Anlarız
SiTech AI Team2 წთ. საკითხავი

Bir "Slop" Arayüzünün 10 İşareti: Yapay Zekâ Tasarımını Nasıl Anlarız

Bir geliştiricinin blog yazısı, yapay zekânın ürettiği arayüzleri ele veren on işareti sıralıyor: gradyanlar, anlamsız renkler, nabız gibi atan rozetler ve gereksiz abartılı pazarlama dili.

Bir üniversite uygulaması "küçük arayüz iyileştirmeleri" adıyla güncellendi ve hereticpleb takma adıyla yazan bir geliştiricinin blog yazısına konu oldu. Yazarına göre yenilenen arayüz, bugüne kadar gördüğü en kötü kurgulanmış tasarımdı; yazıda yapay zekâ üretimi bir arayüzü ele veren on işaret sıralanıyor.

"Slop" arayüz nedir

Yazar bunu, bir yapay zekâ modelinin "pişirdiği" arayüz olarak tanımlıyor: yersiz duran, yanlış yere oturan, hiçbir amaca hizmet etmeyen ya da o kadar genel kalan ve içinde alınmış bir karar hissedilmeyen bir tasarım. En çok, vizyonu olmayan vibe coding ürünlerinde görülüyor ve çoğu durumda uygulama ucuz görünüyor. Örnekleri arasında geçtiğimiz günlerde yayımlanan bir Cloudflare sitesi de var; onu "slop" olarak niteliyor.

Örnek olarak gösterilen Cloudflare sitesi

Görsel işaretler

En göze çarpan işaret gradyanlar: düğmelerde, arka planda, sığdırılabilen her yerde. Yazar özellikle mor tonları öne çıkarıyor; "slop topçusu" dediği şeyin en sevdiği renk bu. İkinci işaret anlamsız renkler: birbiriyle uyuşmayan tonlarla dolu bir ekran ve 70-30-10 dengesine uymayan bir palet. Üçüncüsü nabız gibi atan durum rozetleri. Yazara göre üniversite uygulamasında böyle bir rozet dijital kimliği "aktif" olarak gösteriyor, ama kimlik hiçbir zaman pasif olmuyor: pasif bir kart kullanıcıyı sistemden atıyor.

Listenin devamında neredeyse her vibe coding projesinde görülen ve yazarın "tırnak" dediği küçük yuvarlak kartlar; başlıklara ve düğmelere serpiştirilmiş emojiler; kutu içinde olmadığında hizasını kaybeden öğeler var. Tipografi başlı başına bir işaret: bu siteler Inter'e, kod işin içine girince JetBrains Mono'ya yöneliyor ve teknik görünen her şeyi eğik çizgilerle süslüyor.

Metin, glassmorphism ve abartı

İki işaret metinle ilgili. Sohbet bağlamından çıkan model, sayfayı kimsenin istemediği ayrıntılarla dolduruyor: yazarın bloguna "Built with Hugo. Written from Neovim" satırı eklenmiş, README dosyalarında da benzer notlar birikiyor. Model varsayılan olarak glassmorphism'e yöneliyor, brütalizm denemeleri ise birbirinin aynısı görünüyor. Metin sonra sabit bir kelime dağarcığına yaslanıyor: elevate, seamless, next-generation, supercharge, unleash, empower.

Glassmorphism arayüz örneği

Mesele araçlar değil, emek

Yazar vibe coding'e karşı olmadığını açıkça söylüyor: yazının kendisi böyle kurulmuş bir sitede yayımlanıyor. İtirazı emekle ilgili. Hızla kurulan arayüzler kolayca fark ediliyor, çünkü içlerindeki hiçbir karar bilinçli alınmamış.

SSiTech

SiTech — AI destekli web geliştirme

Hızlı ve modern web siteleri kuruyor, AI'yı gerçek iş akışlarına taşıyoruz. Projeniz veya sorunuz mu var? Yardımcı olmaktan mutluluk duyarız.