Brutalizm ve Antidesign: Ham Estetik Kullanılabilirliği Nerede Bozar

Brutalizm ve antidesign, birbirinin kopyası şablon estetiğine tepki olarak büyüdü. İkisi aynı şeyi savunmuyor: brutalizm süslemeyi atıp yapıyı çıplak bırakır, antidesign düzeni bilerek bozar. Aradaki farkı ve her birinin kullanılabilirliğe kestiği faturayı bilmeden bu tarzları denemek, sayfanın okunabilirliğini şansa bırakmak demek.

Brutalizm ne vaat eder, gerçekte ne yapar

Terim 1950'lerin mimarisinden geliyor: béton brut, yani ham beton. Taşıyıcı malzemeyi sıvayla gizlemek yerine olduğu gibi bırakma fikri. Web'e taşınınca sistem fontu, tek renk zemin, kenarlıksız kutular, süslemesiz bağlantılar ve kasıtlı olarak bitmemiş duran bir düzen halinde karşımıza çıktı.

Yaygın tarifin içinde bir çelişki var. Aynı paragrafta hem "işlenmemiş, neredeyse çıplak HTML" hem "abartılı tipografi" deniyor. Oysa çıplak HTML abartılı tipografi üretmez, tarayıcı varsayılanını üretir: seri font, 16 piksel gövde metni, mavi ve altı çizili bağlantılar. Ekranı taşan o dev başlık, düzinelerce satır CSS'in sonucudur. Brutalizm az emek harcanan bir tarz değil, az emek harcanmış görünmek üzere kurulmuş bir tarzdır.

Bunun pratik sonucu şu: tarayıcı varsayılanları zaten duyarlı, klavyeyle gezilebilir ve okunabilir durumda. Sayfayı bozan şey ham HTML değil, onun üstüne yazdığın kurallar.

Antidesign nerede ayrışır

Antidesign bir üst basamak: çarpışan renkler, rastgele konumlanmış ögeler, beklenmedik imleçler, sebepsiz animasyonlar. Amacı bilgiyi hızlı aktarmak değil bir tavrı göstermek; şaka, protesto ya da merak uyandırma.

Aradaki fark doz farkı değil, yön farkı. Brutalizm süslemeyi soyup işlevi ortada bırakır. Antidesign işlevin kendisine çarpar, düğmenin nerede olduğunu bilerek belirsizleştirir. İkisini aynı skalanın iki ucu sanmak, "biraz antidesign katalım" deyip kullanılabilirliği kazara feda etmenin en kısa yolu.

Kontrast iyi, odak kötü

Erişilebilirlik itirazı çoğu zaman yanlış yerden gelir. Saf siyah metin saf beyaz zeminde 21:1 kontrast oranı verir; WCAG AA eşiği normal metin için 4.5:1, büyük metin için 3:1. Yani tipik brutalist palet bu ölçütte, moda olan açık gri üstüne açık gri şablonların epey önünde.

Hasar başka yerde birikiyor:

• outline: none ile klavye odak halkasının silinmesi ve yerine hiçbir şey konmaması
• Görsel sıranın işaretleme sırasından kopması: ögeler mutlak konumlandırma ya da grid yerleşimiyle oynatılınca sekme sırası ekranda görülenin tersine işler
• Tıklama hedeflerinin küçülmesi, kutuların birbirine yapışması, dokunmatikte ıskalanan bağlantılar
• Sürekli hareket eden ögelerin prefers-reduced-motion tercihini yok sayması

Böyle düzenleri CSS'in order ve grid-area numaralarıyla değil, işaretlemenin kendi sırasıyla kurmayı tercih ederim; görünüm ne kadar dağınık olursa olsun sekme sırası okuma sırasına oturur ve dağınıklık estetik bir seçim olarak kalır, erişilebilirlik hatasına dönüşmez.

Hangi sayfada işe yarar

Brutalist dil, kullanıcının bir iş bitirmeye değil bir şey görmeye geldiği yerlerde işe yarar: portfolyolar, sanatçı ve stüdyo siteleri, etkinlik duyuruları, manifestolar, tek sayfalık kampanya siteleri. Gezinme yükü düşüktür, sayfa sayısı azdır, üstelik sistem fontu ve az görsel sayfayı gerçekten hızlandırır.

Ödeme akışı, form, arama sonucu, ürün listesi, yönetim paneli ve kamuya açık bilgi sayfalarında aynı seçim doğrudan zarar yazar. Kullanıcı oraya bir görevi bitirmeye gelmiştir, sürpriz orada süre demektir.

İşin kolay yanı, iki katmanı ayırabiliyor olman. Sert kenarlar, sistem fontu, tek vurgu rengi ve iri tipografi görsel bir karardır; düğmeyi saklamak, imleci değiştirmek, ögelerin yerini oynatmak davranışsal bir karardır. Ticari projelerin neredeyse tamamında doğru bileşim birincisini alıp ikincisini bırakmaktır. Yine de emin olmanın maliyeti düşük: beş kişiye tek bir görev ver, "şu ürünün fiyatını bul" gibi, sonra ellerine karışmadan izle. Tarzın işe yarayıp yaramadığı ilk iki denemede belli olur.