Karanlık Mod

Karanlık mod nedir?

Uyumadan önce yatakta telefonunu alıyorsun, odanın ışığı kapalı ve beyaz ekran yüzüne bir lamba gibi parlıyor. Karanlık mod tam da bu an için var.

Karanlık mod (Dark Mode), bir web sitesinin ya da uygulamanın ekranlarını alışılmış beyaz üzerine siyah yazı yerine koyu arka plan, açık renkli yazı ve simgelerle gösterme yoludur. İçerik aynı kalır: aynı düğmeler, aynı menüler, aynı kelimeler. Yalnızca renkler değişir; böylece etrafındaki ışık azken ekran gözünü yormaz.

Buna gece modu ya da koyu tema da denir. Bugün telefon ve bilgisayar sistemlerinde ve her gün kullandığımız uygulamaların çoğunda bulunuyor. Bu yüzden insanlar onu her yeni siteden ve uygulamadan bekliyor.

Karanlık mod nasıl çalışır?

Telefonda ve bilgisayarda, kullanıcının açık ya da koyu görünümü seçtiği genel bir ayar vardır; bazı cihazlar gün batımında ikisi arasında kendiliğinden geçiş yapar. İyi yapılmış bir site ya da uygulama bu ayarı okur ve ilk saniyeden doğru renklerle açılır.

İkinci bir yol daha var. Sitenin ya da uygulamanın içindeki, çoğu zaman güneş ve ay şeklindeki küçük bir düğme, kullanıcının modlar arasında kendisi geçiş yapmasını sağlar. Sonra sistem bu seçimi hatırlar ve her ziyarette açık moda geri dönmez.

İşin içinde tasarımcı, ekrandaki her şey için iki renk takımı hazırlar: arka plan, yazı, düğmeler, kenarlıklar ve tablolar. Sistem de moda göre doğru takımı kullanır. Bunu, biri gündüz biri akşam için iki ayrı aydınlatması olan bir oda gibi düşünebilirsin; mobilyalar yerinden kıpırdamaz.

Karanlık mod senin için neden önemli?

Bir web siten ya da uygulaman varsa, ziyaretçilerin onu günün farklı saatlerinde açar. Birçoğu akşamları gezinir. Karanlık mod, bu saatlerde onların deneyimini açıkça değiştirir:

• Az ışıkta göz rahatlığı: koyu ekran karanlık bir odada gözü kamaştırmaz; okuyucu makaleyi bitirebilir ya da ürünlere rahatsız olmadan daha uzun süre bakabilir.
• Pil tasarrufu: OLED ekranlı telefonlarda her siyah nokta neredeyse kapalıdır ve enerji harcamaz. Bu yüzden karanlık mod bu ekranlarda daha az pil tüketir.
• Uzun saatler çalışanlar için daha az yorgunluk: gününü bir panel ya da yönetim sistemi karşısında geçiren çalışan, farkı gün sonunda hisseder; özellikle gece vardiyalarında.
• Kullanıcının seçimine saygı: telefonunda koyu görünümü seçmiş biri, sitene girip bembeyaz bir sayfa görünce sitenin kendisini önemsemediğini düşünür.

Bu, karanlık modun her zaman daha iyi olduğu anlamına mı geliyor? Hayır. Güneş altında ya da iyi aydınlatılmış bir ofiste birçok kişi beyaz üzerine siyah yazıyı daha kolay okur. Amaç, seçimi kullanıcıya bırakmaktır.

Açık mod ile karanlık modun farkı

Gözü yormayan bir karanlık mod nasıl tasarlanır?

Renkleri yalnızca ters çevirmek çoğu zaman kötü sonuç verir. İnsanların rahat ettiği bir karanlık mod, birçok küçük karar ister:

1. Saf siyah yerine koyu gri: parlak beyazın yanında tam siyah, gözü yoran sert bir karşıtlık yaratır. Koyu gri ya da lacivert arka plan daha sakindir.
2. Açık ama parlak olmayan yazı: hafif griye çalan beyaz, saf beyazdan daha rahat okunur.
3. Yeterli kontrast: kontrast, yazının rengi ile arka planın rengi arasındaki farktır. Bu fark çok azsa okumak zorlaşır, özellikle yaşlılar ve az görenler için. WCAG erişilebilirlik standardı bu fark için bir alt sınır koyar.
4. Daha yumuşak marka renkleri: güçlü bir mavi ya da kırmızı koyu arka planda bağırır gibi durur, biraz daha sakin bir tona ihtiyaç duyar.
5. İki arka plana da uyan logo ve görseller: siyah logo koyu arka planda kaybolur, bu yüzden açık renkli bir sürümü gerekir. Çok parlak fotoğrafların biraz yumuşatılması gerekebilir.
6. Tablolar ve grafikler: panellerde sütun ve çizgi renkleri, iki modda da anlaşılır kalacak şekilde kontrol edilmelidir.

Karanlık mod eklerken sık yapılan hatalar

• Karanlık modu ana sayfada açıp ödeme sayfası ya da giriş penceresi gibi diğer sayfaları unutmak; bu sayfalar birden beyaz parlar.
• Koyu arka plan üzerinde neredeyse kimsenin okuyamadığı soluk gri yazılar.
• Kullanıcının seçimini kaydetmemek; site her seferinde açık moda döner.
• Cihaz ayarını görmezden gelip herkese tek bir mod dayatmak.
• Renkler ekrandan ekrana farklı görünmesine rağmen, karanlık modu yayından önce gerçek telefonlarda denememek.
• Onu tasarım bittikten sonra projenin sonunda eklemek; böylece arayüzün bir parçası olmak yerine bir yamaya dönüşür.

Yaptığımız sitelerde ve uygulamalarda karanlık mod

Linkysoft olarak karanlık modu tasarım bittikten sonra değil, tasarımın ilk gününden planlıyoruz. Web sitesi tasarımı ve geliştirme hizmetimizle yaptığımız her site; yerleşik karanlık mod, Arapça ve sağdan sola yazım (RTL) desteği ve WCAG 2.2 erişilebilirlik standardıyla gelir. Yayına almadan önce onu gerçek telefonlarda test ederiz.

Mobil uygulama geliştirme tarafında her uygulamayı iPhone ve Android için, açık ve karanlık mod ile erişilebilir ekranlarla sıfırdan tasarlıyoruz. Ardından App Store ve Google Play'de yayınlıyor ve güncellemelerini takip ediyoruz.

Projen, ekibinin bütün gün kullandığı bir satış, stok ya da insan kaynakları sistemi gibi bir yönetim sistemi mi? O zaman onu web uygulamaları ve yönetim sistemleri hizmetimizle, şirketinin çalışma biçimine göre kuruyoruz ve her cihazda çalışıyor. Burada göz rahatlığı planda yer almayı hak ediyor, çünkü aynı ekran çalışanın önünde sekiz saat ya da daha uzun süre açık kalıyor.

Yeni bir site ya da uygulama mı düşünüyorsun? Bizimle ücretsiz bir danışmanlıkla başla; kullanıcılarının gece ve gündüz neye ihtiyaç duyduğunu birlikte belirleyelim.