Arayüzü insanlar için değil makineler için tasarlamak zorunda kaldığımız an

Yıllarca kullanıcı deneyimi diye uğraştık. Butonun rengi doğru mu, font boyutu yeterli mi, kullanıcı üç tıkta hedefe ulaşabiliyor mu... Şimdi bambaşka bir soru var masada. Arayüzü okuyan şey artık bir göz değil, bir model. Ve o modelin ne gördüğünü, ne anladığını, nerede takıldığını bilmiyoruz çoğu zaman.

Geçen hafta bir OSINT AI agent projesi gördüm. Adam açık kaynak istihbarat toplayan bir agent yazmış, sonra ona bir arayüz tasarlamış. Güzel de duruyor. Ama asıl soru şu... o agent arayüzü gerçekten okuyor mu, yoksa altındaki veri katmanıyla mı konuşuyor. Çünkü bu ikisi arasındaki fark, tasarım felsefesini kökünden değiştiriyor.

İnsan için tasarlarken görsellik ön plandaydı. Renk kontrastı, hiyerarşi, beyaz alan kullanımı, duygusal tasarım. Agent için tasarlarken bunların hiçbiri önemli değil. Agent renk görmüyor. Agent hissiyat aramıyor. Agent yapılandırılmış veri arıyor. Ona net, tutarlı, makine tarafından parse edilebilir bir yapı sunman gerekiyor.

HTML semantiği burada altın değerinde. Bir butona sadece class verip içine ikon koymak insan için yeterli olabilir ama agent o butonu tanımlayamıyor. ARIA etiketleri, semantic HTML, açık ve net metin içerikleri... bunlar artık erişilebilirlik lüksü değil, agent uyumluluğunun temeli haline geliyor.

Google'ın yeni tanıttığı Ideate Agent ile proje başında webden bağlam çekiliyor. Düşün bir saniye... agent daha sen brief yazmadan interneti tarıyor ve sana öneriler getiriyor. Bunun çalışabilmesi için webdeki içeriklerin agent tarafından okunabilir olması lazım. Yani sen arayüzünü sadece son kullanıcı için değil, o arayüze gelip bilgi toplayacak agentlar için de tasarlamak zorundasın artık.

SEO nasıl arama motorları için içerik optimize ettiyse, şimdi AEO diyebileceğimiz bir şey doğuyor: Agent Engine Optimization. Kulağa bugün iddialı geliyor olabilir ama çok kısa sürede standart pratiklerden biri olacak.

Peki pratik olarak ne yapılmalı? Öncelikle arayüzün iki katmanlı düşünülmesi gerekiyor. Birinci katman insan gözüne hitap eden görsel tasarım. İkinci katman agent'ın okuyabileceği yapılandırılmış veri katmanı. JSON-LD, schema markup, API endpoint'leri. Bunlar zaten vardı ama şimdiye kadar opsiyoneldi; artık zorunlu hale geliyorlar.

Bir e-ticaret sitesinde ürün kartını düşün. İnsan fotoğrafa bakıyor, fiyatı görüyor, sepete ekliyor. Agent ise ürün adını, fiyatını, stok durumunu, kargo süresini yapılandırılmış formatta okumak istiyor. İkisini aynı anda tatmin etmek kolay değil ama imkansız da değil.

Agentron AI gibi firmalar şimdiden kurumsal renklerle entegre AI agent arayüzleri sunuyor. Web, mobil, internet uygulamaları... hepsinde agent'ın markayla uyumlu görünmesi sağlanıyor. Ama burada bir tuzak var. Agent'ı görsel olarak güzelleştirmek ile agent'ın gerçekten verimli çalışmasını sağlamak farklı işler. Birçok firma dış görünüşe odaklanıp altındaki veri akışını ihmal ediyor. Agent güzel görünüyor ama aptalca davranıyor çünkü arkadaki yapı düzgün kurulmamış.

Stitch gibi araçlar AI ile mobil ve web arayüzleri üretiyor. Güzel. Ama üretilen arayüzler agent-friendly mi, orası muamma. Bir arayüz üretmek ile o arayüzü başka bir agent'ın okuyup aksiyon alabileceği şekilde üretmek arasında dağlar kadar fark var. Şu an herkes hızlı üretmeye odaklanmış durumda, kimse okunabilirliği düşünmüyor.

En büyük hata şu oluyor... geliştiriciler agent'ı insan gibi düşünüyor. Ona görsel ipuçları veriyor, bağlamsal anlam yüklüyor. Ama agent bağlam çıkaramıyor her zaman. Ona açık, net, tekrarlanabilir yapılar lazım. State management düzgün olmalı. Her aksiyonun bir feedback döngüsü olmalı. Agent bir butona tıkladığında ne olduğunu anlayabilmeli, sayfanın neresinde olduğunu bilmeli.

Sonuç olarak arayüz tasarımı artık sadece piksel mükemmelliği değil. Makine okunabilirliği, yapılandırılmış veri, semantik markup ve agent dostu akışlar... bunlar yeni normal.