Skeuomorphism: Arayüzde Ne Zaman İşe Yarar, Ne Zaman Yük Olur

Skeuomorfizm tartışması genelde estetik üzerinden yürür, oysa mesele estetik değil: taklidin öğrenmeyi hızlandırıp hızlandırmadığı. Disket ikonu bir dönem işe yaradı, sonra referansı öldü ve elimizde salt konvansiyon kaldı. Aşağısı, hangi durumda gerçekçi ipucu koyacağınıza, hangi durumda düz bırakacağınıza dair ölçütler.

Taklit edilen şey görüntü değil, davranış olmalı

Skeuomorfik ipucunun işi tek: kullanıcının fiziksel dünyadan getirdiği zihinsel modeli arayüze bağlamak. Bağlanan şey davranış olduğunda çalışır. Sürgülü anahtarın sağa itilmesi, kâğıdın kaydırılması, kartın üste binmesi. Bağlanan şey sadece doku olduğunda çalışmaz; suni deri desenli not defteri, notu daha hızlı yazdırmaz.

Kural olarak şunu uygulayın: taklit ettiğiniz nesnenin fiziksel davranışı, ekranda karşılığı olan bir eylemi anlatmıyorsa taklidi atın. Kitap rafı görünümlü e-kitap uygulamaları tam buradan tökezledi, raf metaforu kitabı açmayı kolaylaştırmıyordu, sadece listeye sığan kitap sayısını azaltıyordu.

Pizza Hut'ın malzeme seçmek için telefonu eğdiren uygulaması aynı hatanın uç örneği. Fiziksel jest ile dijital sonuç arasında öğrenilecek bir ilişki yoktu, kullanıcı da eğmeyi öğrenmek zorunda kaldı. Yeni bir jest öğretiyorsanız, o jest tasarruf ettirdiği dokunuş sayısından fazlasına mal olmamalı.

Flat tasarımın bıraktığı boşluk ölçülebilir

Flat tasarım gereksiz dokuyu temizlerken işaretleyicileri de temizledi. Bir öğenin tıklanabilir olduğunu söyleyen şey gölge, kenar veya kabartmaydı; hepsi kalkınca geriye sadece renk kaldı ve renk tek başına yeterli bir sinyal değil.

Bunu tartışmaya gerek yok, ölçüm var. WCAG 2.1'in 1.4.11 ölçütü (Non-text Contrast, AA), arayüz bileşenlerinin ve durum göstergelerinin sınırlarının komşu renge karşı en az 3:1 kontrast taşımasını ister. Yani düğmenin düğme olduğunu anlatan kenar, dekorasyon değil, ölçülebilir bir gereklilik. Tasarımı teslim etmeden önce bileşen sınırlarını kontrast ölçerden geçirin, sonuç 3:1'in altındaysa öğe ekranda vardır ama arayüzde yoktur.

Bir projede kartın basılabilir göründüğünü düşündüğümüz yumuşak gölgeyi ölçtüğümüzde arka plana karşı 1.4:1 çıkmıştı, kartı tıklanabilir yapan şey sonunda gölge değil ince bir kenar oldu.

Neumorphism'in sorunu moda değil, fizik

Neumorphism, öğeyi arka planla aynı renkte tutup sadece iki gölgeyle (biri açık, biri koyu) kabartma hissi verir. Yöntemin kendi tanımı, kontrastı düşük tutmayı zorunlu kılıyor: sınırı görünür kılacak kadar koyu bir gölge koyduğunuzda o yumuşak görünüm bozulur, görünümü koruduğunuzda sınır ölçüte takılır. Akımın dar bir alanda kalmasının sebebi budur, beğeni değil.

Kullanılabileceği yer var: kontrastın ana taşıyıcısı başka bir şeyse. Etiketi güçlü, konumu belli, dokunma alanı büyük bir kontrolde yumuşak kabartma zarar vermez. Yoğun form ekranlarında, tablo satırlarında, yan yana on kontrolün olduğu araç çubuklarında ise kullanmayın.

Karar için üç ölçüt

Gerçekçi ipucunu koymadan önce üç soruya cevap verin. Kullanıcı bu arayüzü ilk kez mi görüyor, yoksa günde kırk kez mi açıyor? İlk kullanımda tanıdık görünüm öğrenme süresini kısaltır; günlük kullanımda aynı süsleme, hızı düşüren gürültüye dönüşür. Uzman kullanıcıya yönelik ekranlarda sadelik neredeyse her zaman kazanır.

İkincisi, referans hâlâ hayatta mı? Disketi kimse görmedi ama kaydet ikonu yaşıyor, çünkü artık taklit değil sembol. Yeni bir taklit tasarlarken referansın hedef kitlede karşılığı yoksa o ipucu boşa gider, öğretilmesi gereken bir şey daha eklemiş olursunuz.

Üçüncüsü, ipucu neyin yerine geçiyor? Gölge, kenar ve kabartma birer bilgi kanalı. Bunları görsel sadelik uğruna kaldırıyorsanız, taşıdıkları bilgiyi başka bir kanala (kenar rengi, boşluk, tipografik ağırlık, açık etiket) devretmeniz gerekir. Devretmeden kaldırmak sadeleştirme değil, bilgi kaybı.

Döngüden çıkan ders

Skeuomorfizmden flat tasarıma, oradan yumuşak gölgelere dönen hareket bir moda döngüsü gibi görünüyor ama her salınım aynı boşluğu dolduruyor: kullanıcının bir öğeyle ne yapabileceğini anlaması. Trendin adı değişiyor, sorun aynı kalıyor. Yeni bir görsel dil benimserken tek bir kontrol listesi yeterli: her etkileşimli öğenin sınırı görünüyor mu, durumu (basılı, seçili, pasif) renkten başka bir şeyle de anlatılıyor mu, taklit ettiğiniz nesnenin davranışı ekrandaki eylemle örtüşüyor mu.