Bir Bakışlık Okumada Tipografi: Punto, Genişlik ve Büyük Harf
Arayüzdeki bazı metinler okunmaz, tanınır. Bildirim, buton etiketi, uyarı, sayaç: kullanıcı bunlara yarım saniye bakar ve bakışını çeker. Bu metinlerde tipografi estetik meselesi değil, tanıma hızı meselesi ve kararların sırası bellidir.
Önce punto, sonra gerisi
Bir bakışlık metinde en büyük kazancı punto verir. Font ailesini değiştirmeden önce boyutu büyütün; kelimenin kapladığı alan büyüdükçe tanınma hızlanır. Ağırlık ve genişlik bundan sonra gelir, aile seçimi en sonda.
Bu yüzden tasarım sisteminde bir bakışlık metinlerin kendi ölçeği olmalı. Gövde metniyle aynı ölçeği paylaşan bir bildirim başlığı, gövde metni için verilmiş kararların altında kalıyor.
Condensed font kısa metinde kaybettirir
Daraltılmış fontlar yer kazandırır ama harf siluetlerini birbirine yaklaştırır, ayırt etme işi zorlaşır. Sürücü arayüzlerinin okunabilirliği üzerine yapılan çalışmalar, MIT AgeLab'in bu alandaki işi dahil, normal genişlikteki fontların lehine sonuçlanıyor.
Gösterge, uyarı ve bildirim metinlerinde condensed kullanmayın. Yer sıkıntısı varsa puntodan değil kelimeden kısın: "Ödeme işlemi tamamlanamadı" yerine "Ödeme başarısız" yazmak, aynı alana daha büyük harflerle sığar ve daha hızlı anlaşılır.
Büyük harf dar bir araç
Tek kelimelik göstergelerde büyük harf işe yarar: KAPALI, DURDU, CANLI. Üç kelimeyi geçtiğinde ters döner, çünkü büyük harf kelimenin çıkıntı ve inişlerden oluşan siluetini düzleştirir ve okuyucu tam da o siluetten tanıyordu. Uzun başlıklarda, paragraflarda, liste öğelerinde klasik karışık kasa kullanın. Burada tartışılacak bir şey yok.
Büyük harfe geçtiğinizde bunu içeriğe değil stile yazın. text-transform: uppercase ile büyütülen metin kopyalandığında ve ekran okuyucuya gittiğinde normal halinde kalır; harfleri elle büyük yazarsanız kısaltma sanılıp harf harf seslendirilebilir, arama sonucundaki başlığınız da bağırır. Aynı yerde letter-spacing değerini bir tık açın, majüskül harfler varsayılan boşlukla sıkışık durur.
Sadelik ile netliği karıştırmayın
İnce ağırlıklı, düşük kontrastlı, çok az detaylı arayüz tipografisi son on yılda standart görünüm haline geldi. Bir bakışlık metinde bu görünüm zarar veriyor. Kritik bir uyarıyı 200 ağırlıkta ve gri tonda yazmak, uyarının işini yapmasını engelliyor. Estetik tercihinizi gövde metninde sürdürün, uyarıda bırakın.
Ölçmek zor değil
Bir bakışlık okuma laboratuvar gerektirmez. Üç yöntem pratikte yeterli sonuç veriyor:
- Prototipte ekranı 400 ila 500 milisaniye gösterip kapatın, katılımcı ne gördüğünü söylesin. Yanlış okunan kelimeleri not edin.
- Tasarıma bulanıklaştırma filtresi uygulayın. Bulanıkken hâlâ ayırt edilebilen şey, göz ucuyla da ayırt edilir.
- Ekranı kol mesafesine götürün ve mümkünse gün ışığında bakın. Masa başında sorunsuz görünen kontrast burada eleniyor.
Bunları tasarım aşamasında yapın. Yayına çıkmış bir arayüzde punto büyütmek tek satırlık bir değişiklik gibi görünür, sonra o satır yüzünden dört ekranda yerleşim bozulur.