Mode Gelap

Apa itu mode gelap?

Anda membuka ponsel di tempat tidur sebelum tidur, lampu kamar sudah mati, lalu layar putih menyala di wajah Anda seperti lampu. Mode gelap ada untuk saat seperti itu.

Mode gelap (Dark Mode) adalah cara menampilkan layar situs web atau aplikasi dengan latar gelap serta teks dan ikon terang, sebagai ganti teks hitam di atas putih yang biasa. Isinya tetap sama: tombol yang sama, menu yang sama, kata-kata yang sama. Yang berubah hanya warnanya, supaya layar tetap lembut di mata ketika cahaya di sekitar Anda redup.

Orang juga menyebutnya mode malam atau tema gelap. Kini fitur ini sudah ada di sistem ponsel dan komputer serta di sebagian besar aplikasi yang kita pakai setiap hari, sehingga orang mengharapkannya dari setiap situs atau aplikasi baru.

Bagaimana mode gelap bekerja?

Ponsel dan komputer punya pengaturan umum tempat pengguna memilih tampilan terang atau gelap, dan sebagian perangkat berganti sendiri saat matahari terbenam. Situs atau aplikasi yang dibuat dengan baik membaca pengaturan ini dan langsung terbuka dengan warna yang tepat sejak detik pertama.

Ada juga cara kedua. Sebuah tombol kecil di dalam situs atau aplikasi, sering berbentuk matahari dan bulan, membuat pengguna bisa berganti mode sendiri. Setelah itu sistem mengingat pilihannya, jadi tidak kembali ke mode terang di setiap kunjungan.

Di balik layar, desainer menyiapkan dua kumpulan warna untuk semua yang ada di layar: latar, teks, tombol, garis tepi, dan tabel. Lalu sistem memakai kumpulan yang sesuai dengan mode. Bayangkan sebuah ruangan dengan dua jenis lampu, satu untuk siang dan satu untuk malam, sementara perabotnya tetap di tempat.

Mengapa mode gelap penting bagi Anda?

Jika Anda punya situs web atau aplikasi, pengunjung membukanya di jam yang berbeda-beda. Banyak dari mereka menjelajah pada malam hari. Mode gelap jelas mengubah pengalaman mereka di jam-jam itu:

• Nyaman di mata saat cahaya redup: layar gelap tidak menyilaukan di kamar yang gelap, sehingga pembaca bisa menyelesaikan artikel atau melihat-lihat produk lebih lama tanpa terganggu.
• Hemat baterai ponsel: pada ponsel berlayar OLED, setiap titik hitam hampir mati dan tidak memakai daya. Jadi mode gelap lebih hemat baterai di layar seperti ini.
• Tidak cepat lelah bagi yang bekerja lama: karyawan yang seharian di depan dasbor atau sistem manajemen akan merasakan bedanya di akhir hari, terutama saat sif malam.
• Menghargai pilihan pengguna: orang yang memilih tampilan gelap di ponselnya lalu membuka situs Anda yang putih menyala akan merasa situs itu tidak memperhatikannya.

Apakah ini berarti mode gelap selalu lebih baik? Tidak. Di bawah sinar matahari atau di kantor yang terang, banyak orang lebih mudah membaca teks hitam di atas putih. Tujuannya adalah membiarkan pengguna memilih.

Perbedaan mode terang dan mode gelap

Cara merancang mode gelap yang nyaman di mata

Sekadar membalik warna biasanya memberi hasil yang buruk. Mode gelap yang membuat orang betah butuh banyak keputusan kecil:

1. Abu-abu gelap, bukan hitam pekat: hitam pekat di samping putih terang membuat kontras tajam yang melelahkan mata. Latar abu-abu gelap atau biru tua lebih tenang.
2. Teks terang yang tidak menyilaukan: putih yang sedikit keabu-abuan lebih nyaman dibaca daripada putih murni.
3. Kontras yang cukup: kontras adalah perbedaan antara warna teks dan warna latar. Jika terlalu kecil, teks sulit dibaca, terutama bagi orang lanjut usia dan yang penglihatannya lemah. Standar aksesibilitas WCAG menetapkan batas minimum untuk perbedaan ini.
4. Warna merek yang lebih lembut: biru atau merah yang kuat tampak mencolok di latar gelap, jadi perlu warna yang sedikit lebih kalem.
5. Logo dan gambar yang cocok untuk kedua latar: logo hitam hilang di latar gelap, jadi perlu versi terang. Foto yang sangat terang kadang perlu sedikit diredupkan.
6. Tabel dan grafik: di dasbor, warna batang dan garis harus diperiksa agar tetap mudah dipahami di kedua mode.

Kesalahan umum saat menambahkan mode gelap

• Menyalakan mode gelap di beranda tetapi lupa halaman lain, seperti halaman pembayaran atau jendela masuk, yang tiba-tiba tampil putih.
• Teks abu-abu pucat di latar gelap yang hampir tidak bisa dibaca siapa pun.
• Tidak menyimpan pilihan pengguna, sehingga situs kembali ke mode terang setiap kali dibuka.
• Mengabaikan pengaturan perangkat dan memaksa semua orang memakai satu mode.
• Tidak menguji mode gelap di ponsel sungguhan sebelum peluncuran, padahal warna terlihat berbeda dari satu layar ke layar lain.
• Menambahkannya di akhir proyek setelah desain selesai, sehingga jadi tambalan dan bukan bagian dari antarmuka.

Mode gelap di situs dan aplikasi yang kami buat

Di Linkysoft, kami merencanakan mode gelap sejak hari pertama desain, bukan setelah desain selesai. Setiap situs yang kami bangun lewat layanan desain dan pengembangan situs web sudah dilengkapi mode gelap bawaan, dukungan bahasa Arab dan tulisan dari kanan ke kiri (RTL), serta standar aksesibilitas WCAG 2.2. Sebelum peluncuran, kami mengujinya di ponsel sungguhan.

Dalam pengembangan aplikasi seluler, kami merancang setiap aplikasi dari nol dengan mode terang dan gelap serta layar yang mudah diakses, untuk iPhone dan Android. Setelah itu kami menerbitkannya di App Store dan Google Play dan terus memperbaruinya.

Apakah proyek Anda berupa sistem manajemen yang dipakai tim seharian, misalnya sistem penjualan, stok, atau SDM? Kalau begitu, kami membangunnya lewat layanan aplikasi web dan sistem manajemen sesuai cara kerja perusahaan Anda, dan sistem itu berjalan di semua perangkat. Di sini kenyamanan mata layak masuk ke dalam rencana, karena layar yang sama terbuka di depan karyawan selama delapan jam atau lebih.

Sedang memikirkan situs atau aplikasi baru? Mulailah dengan konsultasi gratis bersama kami, dan kita tentukan bersama apa yang dibutuhkan pengguna Anda siang dan malam.