Ekran açılıyor. Düzgün duruyor.
Hiçbir yerinde hata yok.
Ve tanıdık duruyor. Aynı degrade, aynı köşe yuvarlağı, aynı kart dizilimi.
Bunun sebebi modelin zevksizliği değil. Zevkini ona yazıyla vermemiş olman. Bu yazı o yazıyı nasıl yazacağını anlatıyor.
Yazı da uzun değil. Bir sayfalık bir sözleşme, bütün ekranların dilini belirliyor.
Sözleşmeyi bir kez yazıyorsun ve her yeni ekranda kullanıyorsun. İkinci ekrandan itibaren zaman kazandırmaya başlıyor.
Boşluk ortalamayla doluyor
Bir arayüz isteğinde yüzlerce küçük karar var. Başlık ne kadar büyük, kenar boşluğu kaç piksel, kaç renk kullanılacak, köşeler ne kadar yuvarlak?
Yazmadığın her karar model tarafından dolduruluyor. Model de en yaygın hâli seçiyor, çünkü en güvenli olan o.
Güvenli seçim tek tek bakıldığında yanlış da değil. Yan yana geldiğinde ortaya çıkan şey, karakteri olmayan bir yüzey.
En yaygın hâl herkeste aynı. "Yapay zekâ yapmış" hissi tam olarak bu: kimsenin karar vermediği bir yüzey.
Aynı şey metinde de oluyor. Yazılmayan ton kararı, aynı kalıp cümlelerle dolduruluyor.
Çözüm daha iyi bir istek değil. Daha az boşluk.
Boşluğu kapatmanın yolu da her kararı tek tek vermek değil. Beş sayı ve beş yasak, kararların çoğunu kapatıyor.
Kalan boşluklar da zararsız oluyor, çünkü artık bir çerçevenin içindeler.
"Daha güzel yap" bir istek değil
Bu cümle bir izlenim bildiriyor, bir karar vermiyor. Model de izlenimden karar üretmeye çalışıyor ve yine ortalamaya dönüyor.
Sıfatı sayıya çevir. Tip ölçeği kaç adımdan oluşuyor, boşluk birimi kaç piksel, kaç renk var, köşe yarıçapı ne?
Bunlar denetlenebilir şeyler. Çıktıya bakıp "olmuş mu" diye sorabiliyorsun ve cevap tartışmaya açık olmuyor.
Sayı vermek zevkini kısıtlamıyor da. Aksine, zevkini ilk kez aktarılabilir hâle getiriyor.
Beş sayı, beş paragraf tariften daha çok iş görüyor.
Sayıların değeri de ikinci ekranda çıkıyor. Aynı ölçek tekrar kullanıldığında ürün bir bütün gibi durmaya başlıyor.
Yasak listesi tercih listesinden güçlü
Neyi istemediğini yazmak, ne istediğini yazmaktan daha hızlı sonuç veriyor.
Degrade kullanılmasın. Gölge yok, ince çizgi var. İkiden fazla yazı tipi girmesin. Emoji kullanılmasın. Kart içinde kart olmasın.
Bu liste kısa ve her maddesi ekrana bakınca kontrol ediliyor. Beş yasak, çoğu ürünü ortalamanın dışına çıkarıyor.
Yasakların bir faydası daha var: model onları ihlal ettiğinde hemen görülüyor. Tercihlerde bu netlik yok.
Yasakları da kendi gözlemlerinden çıkar. Hangi şeyi her çıktıda silmek zorunda kalıyorsan, o bir yasak maddesi.
Yasak listesi zamanla kısalıyor. Model sözleşmeyi okudukça o maddelere zaten uymaya başlıyor.
Sözleşmeyi bir yere yaz
Bu kararlar her oturumda yeniden söylenmemeli. Kısa bir tasarım sözleşmesi dosyası tut ve ajan her oturumda önce onu okusun.
İçinde ne olacağı belli: renk paleti, tip ölçeği, boşluk sistemi, köşe ve gölge dili, yasaklar.
Altı başlık, her biri iki üç satır. Daha fazlası kimsenin okumadığı bir kılavuza dönüşüyor.
Sözleşmenin kısa olması şart. Uzun bir tasarım kılavuzu okunmuyor, okunsa da her isteğe gereksiz ağırlık ekliyor.
Bir sayfayı geçmesin. Geçiyorsa muhtemelen henüz karar vermemişsin, seçenekleri sıralamışsın.
Sözleşmeyi ürünle birlikte de güncelle. Yeni bir ekran türü çıktığında bir madde ekleniyor, fazlası gerekmiyor.
Kararları kendi işinden çıkar
Tasarımcı değilsen kararları sıfırdan üretmek zorunda değilsin.
Beğendiğin üç arayüzü aç ve ortak yanlarını yaz. Kaç renk kullanıyorlar, başlıkla gövde arasındaki fark ne kadar, boşluğu nasıl kullanıyorlar?
Sonra kendi ürününde neyin farklı olması gerektiğini ekle. Bir muhasebe aracıyla bir çocuk uygulaması aynı sözleşmeyi taşımıyor.
Farkı da bir cümleyle yaz: bu ürün hangi hissi vermeli? Cevap sözleşmenin geri kalanını yönlendiriyor.
Bu çalışma yarım saat sürüyor ve bir kez yapılıyor. Sonraki bütün ekranlar aynı dosyadan besleniyor.
Beğendiğin arayüzleri kopyalamıyorsun da. Ortak yanlarını yazmak, kendi kararını vermek için bir başlangıç noktası veriyor.
Ajanın kendi işine bakmasını sağla
Yazılı sözleşme temeli kuruyor, ekran görüntüsü onu tamamlıyor.
Çıktının görüntüsünü ajana geri ver ve sözleşmeye göre nerede uymadığını söylemesini iste. Kendi ürettiği şeye bakmak, tarif okumaktan farklı bir düzeltme üretiyor.
Bu döngü iki turda çoğu sapmayı kapatıyor. Üçüncü tura kalanlar genellikle sözleşmede eksik olan maddeler.
Görüntüyü verirken de ne aradığını söyle. "Sözleşmeye göre bak" demek, "nasıl olmuş" demekten farklı bir cevap getiriyor.
O maddeleri de sözleşmeye ekle. Dosya böyle olgunlaşıyor.
İki tur kuralını koy. Üçüncü turda hâlâ aynı sapma çıkıyorsa sorun çıktıda değil, sözleşmenin kendisinde.
Tutarlılık özgünlükten önce geliyor
İnsanlar bir arayüzü "özgün" bulmadan önce "derli toplu" buluyor.
Dağınık bir ekranda göze çarpan ilk şey hata oluyor, karakter değil.
Aynı boşluk biriminin her ekranda kullanılması, aynı başlık ölçüsünün her sayfada aynı olması ve aynı düğme dilinin korunması; bunlar özgünlükten önce geliyor.
Tutarlılık da yazılı sözleşmeden çıkıyor. Her ekranı ayrı ayrı güzelleştirmeye çalışırsan tutarlılık kayboluyor.
Bu yüzden ekran ekran çalışma. Önce sözleşmeyi bitir, sonra bütün ekranları aynı dosyadan üret.
Önce derli toplu yap. Özgünlük ondan sonra eklenen bir katman.
Derli toplu olmayan bir ürünü özgünleştirmeye çalışmak, dağınıklığı daha görünür yapıyor.
Bir şeyi bilerek farklı yap
Ortalamanın dışına çıkmanın en kısa yolu, tek bir kararı bilerek uçlaştırmak.
Çok büyük bir başlık ölçüsü. Tek bir vurgu rengi ve başka hiç renk yok. Alışılmadık bir boşluk oranı. Dar bir metin sütunu.
Bir tanesi yeterli. İkisini birden yapmak çoğu zaman dağıtıyor.
Seçtiğin farkı da sonuna kadar götür. Yarım uygulanan cesur bir karar, hiç uygulanmamış gibi duruyor.
Seçtiğin farkı sözleşmeye yaz ki her ekranda tekrarlansın. Bir kez görünen fark, üslup sayılmıyor.
Farkı seçerken işine bak. Bir muhasebe aracında dev başlık yorucu olurken bir portfolyoda doğru karar olabiliyor.
Kim için
Kendi ürününün arayüzünü çıkaran ve sonucu kimliksiz bulan herkes için. Tasarımcı olman gerekmiyor.
Sunum, rapor ve e-posta şablonu çıkaranlar için de aynı yöntem geçerli. Yüzey değişiyor, karar sırası değişmiyor.
Marka kimliği kurmak isteyen için yarım. Burada anlatılan iş arayüz dili; logo, isim ve ses ayrı bir çalışma.
Tasarımcıyla çalışan biri için de yarım. Sözleşme o zaman tasarımcıdan geliyor; senin işin onu ajana taşımak.
Bugün yapılacak tek şey
"Daha güzel yap" demeyi bırak.
Bir sayfa aç ve beş sayı yaz: kaç renk, kaç yazı tipi, boşluk birimi, köşe yarıçapı, başlık ile gövde arasındaki oran. Altına beş yasak ekle.
On maddeyi yazmak yirmi dakika sürüyor. Ondan sonraki her istek bu on maddeye yaslanıyor.
Sonra mevcut ekranını bu on maddeye göre kontrol et. Uymayan her madde, bir sonraki isteğin.
Kontrolü ekran görüntüsüyle de yaptırabilirsin. Ama son kararı sen ver; ortalamadan çıkmak bir karar işi.
Karar verilmeyen her yer ortalamaya dönüyor. Sözleşme de o yüzden bir karar listesi.