2019'dan itibaren iOS ve Android işletim sistemleri sistem genelinde karanlık mod desteği sunmaya başladı. Kullanıcıların önemli bir kısmı artık sistemini koyu modda kullanıyor — peki web siteniz bu tercihe uyum sağlıyor mu?
Dark Mode Kullanımı Ne Kadar Yaygın?
Çeşitli araştırmalar internet kullanıcılarının yüzde otuz ila elli arasında koyu mod tercih ettiğini gösteriyor. Geliştirici ve teknoloji odaklı kitlede bu oran çok daha yüksek. Eğer hedef kitleniz bu profildeyse dark mode desteği önemli bir UX iyileştirmesidir.
CSS prefers-color-scheme: Teknik Uygulama
Modern CSS ile sistem tercihini algılayıp buna göre renk şeması uygulayabilirsiniz:
@media (prefers-color-scheme: dark) { body { background-color: #121212; color: #e0e0e0; } }Bu yaklaşım kullanıcıya ayrı bir buton sunmadan otomatik uyum sağlar. Web tasarım projelerimizde dark mode desteği isteğe bağlı modül olarak sunuluyor.
Dark Mode Renk Paleti Uyarlaması
Dark mode yalnızca "arka planı siyah yap" değildir. Dikkat edilmesi gerekenler:
- Saf siyah (#000000) yerine koyu gri (#121212) daha az göz yorar
- Beyaz metin (#ffffff) yerine açık gri (#e0e0e0) uzun okumada daha konforu
- Renkli butonlar ve ikonlar dark mode'da kontrastını koruyacak biçimde uyarlanmalı
- Görseller ve logolar dark mode'da okunabilirliğini kaybetmemeli
Manuel Geçiş Butonu
Sistem tercihine ek olarak kullanıcının manuel değiştirebileceği bir mod butonu eklemek en iyi kullanıcı deneyimini sunar. LocalStorage ile seçim saklanır ve yeniden ziyarette tercih hatırlanır.
Dark Mode ve SEO İlişkisi
Dark mode doğrudan bir SEO faktörü değildir. Ancak dolaylı etkisi olabilir: kontrast standartlarının korunması erişilebilirlik puanını etkiler; sayfada geçirilen süre arttıysa etkileşim sinyali güçlenir. Teknik SEO çalışmamız bu detayları kapsamlı ele alır.
Modern web tasarımı için ekibimizle iletişime geçin.