Kültürlerarası Web Tasarımı: Tipografi, Font Servisi ve Metin Genişlemesi
Çok dilli bir siteyi yerelleştirmek pek çok ekipte metinlerin çevrilmesi anlamına geliyor. Arayüzü asıl zorlayan bu değil: yazı sisteminin değişmesi, buton etiketinin iki katına çıkması, seçtiğiniz fontun o ülkede hiç yüklenememesi. Kültürel duyarlılık diye anlatılan şeyin büyük kısmı estetik bir tercih değil, tarayıcıda ölçülebilen bir davranış.
“Kendi kültüründen bir şey görürse bağ kurar” iddiası
Kültürlerarası tasarım yazılarının çoğu aynı yerden başlar: kullanıcı tanıdık renkleri, sembolleri, yazı tiplerini gördüğünde aidiyet hisseder. Kulağa makul geliyor. Günlük deneyim bunu pek desteklemiyor. Türkiye'den bir kullanıcı bir SaaS ürününe girdiğinde arayüzün “Türk gibi” görünmesini beklemez; para biriminin doğru, tarihin gg.aa.yyyy, telefon alanının +90 ile başlamasını bekler. Bağ dediğimiz şeyin çoğu sembolik değil işlevsel.
Bu ayrım kaçınca ortaya şu tuhaflık çıkıyor: renk paletiyle haftalarca uğraşılmış, ama adres formu hâlâ eyalet alanını zorunlu tutuyor ve posta kodunu beş haneye kilitliyor. Kültürel uyumun ilk testi form alanlarıdır, moodboard değil.
Kültürü yazı tipiyle anlatma denemesi
Tipografi ilk izlenimi belirleyen unsurlardan biri, ama tam da bu yüzden klişeye en açık alan. Latin harflerini fırça darbesi gibi gösterip “Çin havası” veren ya da kalın geometrik biçimlerle “Afrika” çağrıştıran yazı tipleri bir kültürü temsil etmez, onun turistik özetini yapar. Üstelik bunlar hedef kitleye değil, o kültürün dışındaki izleyiciye seslenir.
Pratikte iki şey işe yarıyor: kültürü “görselleştirdiğini” iddia eden yazı tiplerinden şüphelenmek, ve hedef yazı sistemini gerçekten kullanan tasarımcıların ürettiği fontları tercih etmek. Bir Kore fontunu Korece tasarlayan biri, Latin taklidi bir dekoratif fonttan çok daha okunabilir bir sonuç verir.
Font servisi engellenirse font kaybolmaz, sayfa durur
Web fontlarını üçüncü parti bir servisten çekmek kolay olduğu için varsayılan davranış hâline geldi. Google Fonts'un Çin'den erişilemediği de bilinen bir gerçek. Ama sorun genelde yanlış tarif ediliyor: “kullanıcı seçtiğiniz güzel fontu göremez” denip geçiliyor.
Olan bu değil. fonts.googleapis.com adresinden gelen stylesheet, sayfanın <head> bölümünde duran render engelleyici bir kaynaktır. Ulaşılamayan bir hosta yapılan istek anında hata vermez, bağlantı zaman aşımına düşene kadar bekler. Yani kullanıcı çirkin bir yedek font görmez; birkaç saniye boyunca boş bir sayfa görür. Font dosyasının kendisi indirilebilse bile font-display değeri belirtilmediğinde tarayıcı metni yaklaşık üç saniye görünmez tutar, ardından yedeğe geçer.
Üçüncü parti font servisini kendi sunucunuzdan verdiğiniz fonttan daha kırılgan buluyorum. Biri sizin dağıtım zincirinizin parçası, ölçtüğünüz ve önbelleklediğiniz bir dosya; diğeri kontrolünüzde olmayan bir hostun o ülkedeki erişilebilirliğine bağlı. İkinci seçenek daha az iş gibi görünür, arıza anında en pahalı olan odur.
Somut karşılığı şu: font dosyalarını kendi alan adınızdan servis edin, font-display: swap tanımlayın, ve yedek zincirini süs olsun diye değil gerçekten çalışsın diye yazın. CJK sayfalar için zincirin sonunda sistemde zaten kurulu olan aileler bulunmalı; PingFang SC, Microsoft YaHei, Noto Sans SC gibi. Zincirin son halkası sans-serif ise Çince bir sayfada ne göreceğinizi kestiremezsiniz.
İki alfabeyi aynı sayfada dengelemek
Latin ve CJK metinleri yan yana koyduğunuzda aynı font-size değeri aynı algısal büyüklüğü vermez. CJK karakterleri kare bir kutuya sığar ve içlerinde çok daha fazla çizgi taşır, dolayısıyla aynı puntoda daha yoğun ve daha küçük okunur. Aynı durum Korece için de geçerli, Arapça için tam tersine satır yüksekliği tarafında yaşanır.
Dengeyi kurmanın yolu göz kararı değil karşılaştırmalı bakmak: aynı içeriğin iki dildeki hâlini yan yana açın, CJK için puntoyu bir tık büyütün, satır aralığını genişletin. Yüzeysel benzerlik de yanıltıcıdır; iki font birbirine benziyor diye aynı ağırlıkta durmaz, x-yüksekliği ve kontrast farkı bir sayfada hemen kendini gösterir.
Metin genişlemesi sürpriz değil, tasarım varsayımıdır
Aynı ifade her dilde aynı yeri kaplamaz. “Save” dört karakter, “Kaydet” altı, Almanca “Speichern” dokuz. Buton genişliğini içeriğe göre sabitlediyseniz arayüz İngilizcede kusursuz, Almancada kırık görünür. Salesforce ve IBM gibi şirketlerin yayımladığı genişleme faktörü tabloları tam da bu yüzden var: kısa metinlerde oran, uzun metinlere göre çok daha agresif.
İşe yarayan yaklaşım, tasarımı en uzun çeviriyle değil, kasten şişirilmiş sahte metinle test etmek. Bileşenleri sabit piksel yerine esnek genişlikle kurun, ikinci satıra taşmaya izin verin, mikro metinlerin çevresinde nefes payı bırakın. Bunu üretimde görmeden fark etmek zordur; bir kez gördüğünüzde de bir daha sabit genişlikli buton yazmazsınız.
Sıralama
Kültürlerarası tasarımda emeği yanlış yere harcamak çok kolay. Renk sembolizmi tartışması eğlencelidir, ama kullanıcıyı asıl kaybettiren şey yüklenmeyen font, taşan buton ve doldurulamayan formdur. Önce bunları düzeltin. Sembolik katman, işlevsel katman ayakta durduktan sonra anlam kazanır.