Geçen yıl teslim ettiğimiz bir filo yönetim panelinin müşterisi, mart ayında ilginç bir taleple geldi: gece vardiyasındaki operasyon ekibi, ekrana sekiz saat bakmaktan şikâyetçiydi ve iki operatör göz yorgunluğunu gerekçe göstererek vardiya değişikliği istemişti. Araç takip ekranı bembeyaz bir haritanın üzerinde çalışıyordu ve karanlık operasyon odasında bu ekran, resmen bir projektör gibi parlıyordu. Talep netti: "Bize karanlık mod lazım, hem de estetik olsun diye değil."
Bu cümle, karanlık mod hakkındaki en yaygın yanılgıyı tek başına çürütüyor. Karanlık mod çoğu tasarım brief'ine "modern dursun" diye girer; oysa bazı kullanıcılar için doğrudan bir çalışma koşulu, hatta bir erişilebilirlik meselesidir.
Gece Üçte Ekrana Bakan Operatörün Derdi
Filo takip sistemleri bizim en çok çalıştığımız alanlardan biri ve bu sistemlerin önemli bir kısmı 7/24 izlenir. Karanlık bir odada beyaz arayüz, gözbebeğini sürekli daraltıp genişletmeye zorlar; birkaç saat sonra bunun adı göz yorgunluğu, baş ağrısı ve dikkat kaybıdır. Dikkat kaybı da bir filo operasyonunda "geç fark edilen alarm" demektir — yani doğrudan iş sonucu.
Aynı ihtiyaç başka profillerde de karşımıza çıkıyor. Işığa duyarlılığı olan kullanıcılar, migren hastaları, ekran süresi çok uzun olan saha personeli... Bir de işin OLED tarafı var: siyah pikselin kapalı piksel olduğu ekranlarda karanlık tema, gün boyu sahada dolaşan bir kuryenin telefonunda ölçülebilir pil tasarrufu sağlıyor. Yani soru "estetik mi ihtiyaç mı" değil aslında; kullanıcı kitlenize göre ikisi birden olabilir.
Renkleri Ters Çevirmek Karanlık Mod Değildir
Müşterinin ilk beklentisi basitti: "Beyazları siyah yapın, bitsin." Keşke öyle olsa.
Beyaz zemini #000000 ile değiştirip metni bembeyaz yaptığınızda, ortaya karanlık mod değil, gece görüş gözlüğü çıkıyor. Saf siyah üzerinde saf beyaz metin, yüksek kontrast nedeniyle "halation" denen bir etki üretir; özellikle astigmatı olan kullanıcılar harflerin etrafında ışık saçılması görür ve okumak beyaz temadan daha yorucu hâle gelir. Bu yüzden ciddi tasarım sistemlerinin karanlık temaları saf siyah yerine koyu gri tonlar kullanır; metin de saf beyaz değil, hafif kırık bir beyazdır.
İkinci tuzak, gölgeler. Açık temada derinliği gölgeyle veririz; karanlık temada gölge görünmez olur. Derinlik hissi, yüzeyin katman yükseldikçe bir tık açılmasıyla verilir — Material Design'ın "elevation overlay" dediği şey. Filo panelinde araç detay kartlarını bu mantıkla üç katmana ayırdık ve panel, siyah bir çukur olmaktan çıkıp okunabilir bir hiyerarşiye kavuştu.
Üçüncü ve en sinsi tuzak ise marka renkleri. Açık zeminde harika duran doygun kurumsal mavi, koyu zeminde ya titreşiyormuş gibi görünür ya da kontrast testinden kalır. Müşterimizin turuncu alarm rengi, koyu zeminde âdeta bağırıyordu; doygunluğu düşürüp parlaklığı artırılmış bir varyant ürettik. Bu noktada tasarımcımızla frontend geliştiricimiz iki gün boyunca token tablosunun başında oturdu, çünkü her rengin karanlık karşılığı tek tek kararlaştırılıp koda değişken olarak işlendi.
WCAG Kontrast Oranları Karanlıkta da Geçerli
Erişilebilirlik tarafında sık duyduğumuz bir yanılgı var: "Karanlık mod zaten erişilebilirlik demek." Değil. WCAG'nin kontrast kuralları temadan bağımsız: normal metin için en az 4.5:1, büyük metin için 3:1. Koyu gri üzerine koyu turuncu yazdığınızda bu oranları rahatlıkla ihlal edebilirsiniz ve karanlık tema, açık temadan daha az erişilebilir hâle gelir.
Bizim süreçte her renk çifti tasarım aşamasında kontrast aracından geçer; geliştirme aşamasında da arayüz testlerine kontrast kontrolü eklenir. Filo panelinde bu kontrol sayesinde "pasif araç" etiketinin karanlık temada neredeyse görünmez olduğunu yayına çıkmadan yakaladık.
Karanlık tema tasarlarken elimizin altında tuttuğumuz kısa bir kontrol listesi var:
- Zemin saf siyah değil; katmanlar arasında ton farkı var mı?
- Metin kontrastı her yüzeyde 4.5:1'i sağlıyor mu?
- Marka renklerinin karanlık varyantları tanımlandı mı?
- Görseller ve illüstrasyonlar koyu zeminde test edildi mi?
Liste kısa ama her maddesi, yayına çıkmış bir hatanın anısıdır.
Tema Anahtarını Nereye Koyacaksınız?
Tasarım kararları bittikten sonra bir de davranış kararları var ve bunlar göründüğünden çetrefilli. İlk soru: kullanıcı temayı kendisi mi seçecek, yoksa uygulama sistem ayarını mı takip edecek? Bizim varsayılanımız üçlü seçenek: açık, koyu ve "sistemle aynı". Telefonunu akşam saatlerinde otomatik karanlığa geçiren ciddi bir kullanıcı kitlesi var; onların uygulama içinde ikinci bir ayarla uğraşmasını beklemek gereksiz sürtünme. Ama filo paneli gibi masaüstü ağırlıklı, kurumsal bir üründe durum farklıydı: operatörler temayı vardiyaya göre elle değiştirmek istedi, çünkü oda aydınlatması sistem saatine değil vardiya düzenine bağlıydı. Aynı özellik, iki üründe iki farklı doğru cevap.
İkinci soru, geçişin kendisi. Tema değiştiğinde ekranın göz kırpması, yarım saniyeliğine beyaz bir çakma yaşanması — bunlar detay gibi görünür ama kullanıcının kaliteli ürün algısını doğrudan etkiler. Geliştirici ekibimiz tema değişimini yumuşak bir geçişle, sayfa yeniden yüklenmeden yapar; tasarım ekibi de her iki temada ekran görüntülerini yan yana koyup geçiş anını ayrıca test eder.
Üçüncüsü ve en çok unutulanı: karanlık mod bir kere yapılıp bitmiyor. Bundan sonra tasarlanacak her yeni ekran, her yeni bileşen iki temada da tasarlanacak ve test edilecek. Müşteriye maliyet konuşurken bunu açıkça söylüyoruz; karanlık mod bir özellik değil, bir taahhüt.
Her Ürünün Karanlık Moda İhtiyacı Yok
Şimdi ters köşe: karanlık mod her projeye koyduğumuz bir özellik değil. İki tema demek, iki kat renk kararı, iki kat test, iki kat bakım demek. İçerik ağırlıklı, gündüz kullanılan, görsellerin baskın olduğu bir e-ticaret uygulamasında karanlık mod yatırımının geri dönüşü çoğu zaman zayıf. Ürün fotoğrafları açık zemin için çekilmişse, koyu zeminde kenarları yüzen görseller ortaya çıkar ve marka algısı zarar görür.
Karar verirken sorduğumuz sorular şunlar: Kullanıcı bu ürünü ne zaman ve nerede kullanıyor? Uzun oturumlar var mı? Sistem temasına uyum bekleyen bir kitle mi? Filo paneli için cevaplar netti ve karanlık mod bir ihtiyaçtı. Aynı müşterinin pazarlama sitesi için ise "gerek yok" dedik — evet, müşteriye bazen bir işi yapmamayı da öneriyoruz.
Bu arada operatörlerin hikâyesi tatlıya bağlandı: karanlık tema yayına alındıktan bir ay sonra yaptığımız görüşmede, gece vardiyası ekibi göz yorgunluğu şikâyetlerinin belirgin şekilde azaldığını söyledi. Vardiya değişikliği isteyen iki operatör de yerinde kaldı. Bir tema değişikliğinin insan kaynakları sorununu çözdüğü tek proje bu, onu da söyleyeyim.
Sizin ürününüzde karanlık mod bir ihtiyaç mı, yoksa süs mü olur — emin değilseniz kullanıcı kitlenize birlikte bakalım. İletişim sayfamızdan bize ulaşmanız yeterli; brief'inize dürüst bir cevap veririz, gerekirse "yapmayın" da deriz.