Karanlık Mod (Dark Mode) Kullanıcı Deneyimini Nasıl Etkiler? Tasarımda Altın Kurallar

Karanlık Mod (Dark Mode) Kullanıcı Deneyimini Nasıl Etkiler? Tasarımda Altın Kurallar

Birkaç yıl öncesine kadar sadece yazılımcıların ve bilgisayar korsanlarının kullandığı koyu temalı ekranlar, Apple ve Google'ın işletim sistemlerine entegre etmesiyle birlikte ana akım bir tasarıma dönüştü. Bugün WhatsApp'tan Twitter'a, haber sitelerinden devasa e-ticaret platformlarına kadar herkes kullanıcılarına "Karanlık Mod" (Dark Mode) seçeneği sunuyor. Ekranların kararması sadece estetik bir moda akımı değil; insan anatomisine, batarya ömrüne ve psikolojik odaklanmaya kadar uzanan çok derin bir UI/UX (Arayüz/Kullanıcı Deneyimi) devrimidir.

Göz Yorgunluğunu Azaltma ve Sağlık Boyutu

Günün ortalama 7-8 saatini parlayan ekranlara bakarak geçirdiğimiz bir çağdayız. Geleneksel beyaz arka planlı siteler, özellikle düşük ışıklı ortamlarda (gece yatakta telefonla oynarken) adeta yüzünüze tutulan bir el feneri etkisi yaratır. Bu durum göz kaslarını yorar, uyku düzenini sağlayan melatonin hormonunu baskılar ve baş ağrılarına neden olur. Karanlık mod, ekranın yaydığı ışık miktarını (özellikle zararlı mavi ışığı) ciddi oranda düşürerek gözü dinlendirir. Sitenize koyu tema seçeneği eklemek, ziyaretçilerinizin platformunuzda gözleri yanmadan çok daha uzun süre (artan oturum süresi) kalmasını sağlar.

OLED Ekranlar ve Batarya Tasarrufu

Karanlık modun teknolojik donanım tarafında da devasa bir avantajı vardır. Günümüzdeki modern akıllı telefonların birçoğu OLED veya AMOLED ekran teknolojisini kullanır. Bu ekranlarda siyah rengi göstermek için pikseller ışık yaymak yerine kendilerini tamamen kapatırlar (sönerler). Dolayısıyla, koyu temalı bir web sitesinde gezinmek, kullanıcının şarjının çok daha uzun gitmesini sağlar. Ziyaretçiniz bataryasının hızla tükendiğini hissetmezse sitenizde dolaşmaktan çekinmez.

Karanlık Mod Tasarımında Yapılan Ölümcül Hatalar

Karanlık mod tasarlamak, beyaz arka planı siyaha çevirip metinleri beyaza boyamaktan ibaret değildir. Bu amatörce yapıldığında felaketle sonuçlanır.

• Saf Siyah Kullanmaktan Kaçının: Arka planı #000000 (tam siyah) yapmak, üzerine eklenen beyaz metinle çok keskin bir kontrast yaratır ve harflerin gözde "titremesine" neden olur. Bunun yerine koyu gri (#121212 gibi) tonlar kullanılmalıdır.
• Renk Doygunluğunu (Saturation) Ayarlayın: Beyaz temada harika görünen neon veya çok canlı renkler, siyah arka planda göz tırmalar. Koyu temada buton ve logo renklerinin tonları hafifçe yumuşatılmalıdır (desaturated).
• Derinlik Hisi Yaratın: Her yerin karanlık olduğu bir arayüzde hangi katmanın üstte olduğunu belirtmek için, üstte duran kartların veya menülerin arka plan rengini zemin siyahından birkaç ton daha açık bir gri yaparak yükselme hissi (elevation) verilmelidir.