Uygulamalarınızın Yapay Zeka Çöpü Gibi Görünmesini Nasıl Durdurursunuz?

Yapay zeka uygulama geliştirmede akıl almaz derecede iyi hale geliyor; sorun şu ki, ortaya çıkanlar son derece basit birer şablon gibi görünüyor.

Aynı yuvarlatılmış kartlar.

Aynı yumuşak gradyanlar.

Aynı kontrol paneli düzeni.

Arkasında gerçek bir fikir olmayan aynı arayüz.

Bu yüzden tam da bundan kaçınmak için uygulama arayüzlerini yeniden tasarlayan bir Claude Code yeteneği (skill) geliştirdim.

her şey bir konseptle başlıyor

Claude'a "temiz", "minimal" ya da "premium" bir şey yapmasını söylemek yerine, bu yetenek işe uygulamaya gerçekten uyan görsel bir konsept bularak başlıyor.

Bir koşu uygulaması, atletizm pisti etrafında şekillendirilebilir.

Bir uyku uygulaması, yavaş yavaş uykuya dalan bir köy hissi verebilir.

Bir bitki uygulaması, kağıt kesimi gibi görünebilir.

Bir İtalyanca öğrenme uygulaması, Napoliten iskambil kartlarından ilham alabilir.

Bu konsept; tipografinin, yerleşimin, renklerin, illüstrasyonların ve animasyonların temelini oluşturuyor.

Amaç, genel geçer UI kalıplarından tasarım yapmayı bırakıp gerçek bir fikirden yola çıkmak.

ilk tasarımla yetinmiyor

Yapay zeka destekli tasarımın en büyük sorunlarından biri, çok erken aşamada tek bir seçeneğe kilitlenmesi.

Ona bir prompt veriyorsun, tek bir yön belirliyor ve ardından her şey o ilk cevabın etrafında inşa ediliyor.

Bu yetenek ise Claude'u önce üç farklı yönü keşfetmeye zorluyor.

Ancak bunları karşılaştırdıktan sonra bir tanesiyle devam ediyor.

Sadece bu bile nihai sonucu çok daha az tahmin edilebilir kılıyor.

sonra kendi işini denetliyor

Ekranlar tasarlandıktan sonra Apple'ın fontları kullanılarak gerçek iPhone çözünürlüğünde render ediliyor.

Ardından yapılan ikinci bir eleştiri turunda, yapay zeka üretimi arayüzlerin klasik belirtileri aranıyor.

Genel geçer bileşen kalıpları, zayıf hiyerarşi, tutarsız boşluklar, tekrar eden kartlar, gereksiz gradyanlar, bir üründen çok şablon hissi veren yerleşimler.

Eğer bir şey fazla sıradan görünüyorsa, üzerinden bir kez daha geçiliyor.

iş akışı şöyle:

konsept → yönler → tasarım → render → eleştiri → iyileştirme.

mesele daha güzel görünen bir yapay zeka değil; bunu yapay zeka çekici arayüzler yaratamadığı için yapmadım.

Yaratabilir.

Sorun şu ki, çekici olmak ile farklı olmak aynı şey değil.

Yapay zeka tarafından üretilen birçok uygulama tek başına bakıldığında kusursuz görünüyor, ama on tanesini yan yana koyduğunuzda hepsi aynı ürünmüş gibi hissettirmeye başlıyor.

Yukarıdaki görsellerin tamamı bunun önüne geçmek için tasarlandı.

Farklı uygulamalar, farklı dünyalar gibi hissettirmeli.

Bu yeteneğin varoluş amacı da temelde bu:

Yapay zeka destekli tasarımın hızını korurken, sonunda yapay zekanın ürettiği belli olan bir iş çıkarmamak.