Perlu Kamu Ketahui 5 Hal tentang Light dan Dark UI

“Haruskah saya memilih tema gelap yang mungkin membuat aplikasi saya terlihat lebih keren dan trendi, atau haruskah saya memilih yang putih? Memilih antarmuka yang tepat untuk produk Anda terkadang sangat rumit. Dan setiap kali saya mencoba mencari tahu apa yang ada di baliknya; rasa ingin tahu saya meningkat. Untuk memulai proses ini, – Inilah kickernya … “

“Sering kali saya merasa bodoh karena saya bahkan tidak tahu harus mulai dari mana.”

“Orang-orang sering membuat saya jengkel ketika belajar kode; Saya benar-benar tidak mau. “

“Terlahir tanpa bakat desain apa pun! Saya benar-benar tahu ketika saya melihat sesuatu yang bagus, tetapi ketika datang untuk merancang APA SAJA dari awal saya tidak tahu apa-apa. ”

“Saya terlalu sibuk dengan hal-hal lain dalam hidup sehingga saya mencari perangkat lunak desain web yang mudah digunakan, dan dapat membuat situs web saya terlihat bagus.”

Semua pikiran ini tampak menakutkan, bukan? Sekarang beritahu saya sesuatu – apakah Anda seseorang yang mungkin merasa sedikit tersesat saat mencari perangkat lunak desain web yang bagus? Jangan khawatir sobat, di sini Anda akan belajar bagaimana membangun sebuah situs web yang tidak akan ditertawakan orang. Juga, membangun situs web pertama Anda tidak harus menakutkan. Jadi, duduk, santai, ambil secangkir kopi, dan bacalah.

Segera setelah Anda mulai merancang proyek baru, salah satu pertimbangan pertama yang perlu Anda pikirkan adalah memilih skema warna yang relevan untuk antarmuka pengguna. Ini penting karena skema warna akan memiliki dampak jangka panjang pada keseluruhan pengalaman pengguna produk Anda. Katakanlah, misalnya, UI adalah seperti apa bentuk mobil itu, UX adalah cara mengemudi atau membayangkan UI sebagai profil kencan, UX adalah bagaimana tanggalnya – dapatkan Goosebumps! Intinya adalah, UI jauh lebih dari sekadar lapisan cat yang menampilkan seluruh lingkungan, konstruksi multi-segi di mana semuanya diperhitungkan mulai dari teori warna hingga tata letak, pemilihan font, elemen terkecil seperti setiap piksel tunggal.

Dan di sini kebingungan dimulai. Ketika aliran pilihan yang tak berkesudahan mengelilingi kita semua, kita sering berakhir dengan berpikir. Apa yang lebih baik, antarmuka pengguna berbasis cahaya atau yang lebih gelap? Atau haruskah kita membiarkan data mendorong pengambilan keputusan atau hanya mengandalkan asumsi atau preferensi pribadi? Lebih sering daripada tidak, tidak ada jawaban pemotong kue untuk keputusan semacam itu; ini terutama didasarkan pada preferensi dan asumsi pribadi daripada data yang solid. Di mata saya, apa pun yang diklaim atau diprediksi tanpa fakta atau angka tidak berguna. Lebih jauh di bawah, saya ingin menjelaskan faktor-faktor tertentu yang mempengaruhi pilihan skema warna. 

Keterbacaan dan Keterbacaan

Biarkan saya jelaskan secara ilmiah. Saya yakin Anda akan setuju bahwa matahari, planet, dan benda lain memancarkan energi elektromagnetik dengan panjang gelombang yang berbeda? Sebagian dari spektrum itu terlihat oleh mata manusia; tentu saja, tergantung pada panjang gelombang atau warna cahaya itu. Misalnya, langit yang jernih berwarna biru karena udara bersih mencerai-beraikan panjang gelombang lebih dari yang merah.

Selain itu, panjang gelombang dapat meningkatkan tingkat perhatian, suasana hati, dan waktu reaksi kami di siang hari. Ini cerita yang berbeda di malam hari. Dan itulah alasan mengapa layanan e-book, seperti Google Play Books, memperkenalkan fitur-fitur seperti “Cahaya Malam” untuk membaca.

Aspek lain yang telah banyak digunakan di seluruh dunia adalah teks gelap dengan latar belakang yang terang. Ini semua untuk keterbacaan; untuk keterbacaan, Anda perlu tahu apa artinya. Ini mengukur seberapa cepat dan intuitif pengguna dapat membedakan huruf dalam jenis huruf tertentu. Aspek ini harus dipertimbangkan, terutama ketika antarmuka diisi dengan banyak teks. Sebagai contoh, salinan hitam yang ditunjukkan pada latar belakang putih atau terang tampaknya lebih besar dari salinan putih pada latar belakang gelap. Dalam kasus apa pun, jika pengguna tidak dapat memindai data, bahkan lebih – bahkan jika data tersebut relevan tetapi tidak dapat dibaca, tidak ada yang dapat berhenti beralih ke pesaing Anda. Namun, itu tentu saja tidak berarti bahwa antarmuka dengan latar belakang cahaya lebih mudah dibaca. Jadi yang dapat Anda lakukan adalah menggunakan warna dengan kontras tinggi antara teks dan latar belakang. 

Aksesibilitas

Saat membuat tema, menjaga kontras antara latar belakang, warna teks, ukuran font, dan faktor aksesibilitas lainnya sangat penting. Bagaimanapun, Anda membuat proyek untuk orang-orang yang bukan ANDA, tetapi untuk pengguna yang luas. Lebih tepatnya, sesuatu yang mungkin berhasil untuk satu pengguna mungkin tidak bekerja untuk yang lain; audiens yang lebih muda memiliki kebutuhan dan preferensi yang berbeda dari audiens yang lebih tua. Terlepas dari usia, kebutuhan khusus, atau cacat, semua ini juga dapat menentukan pilihan warna untuk elemen latar belakang dan tata letak. Di sini kata kuncinya adalah melakukan riset dengan baik untuk lebih dekat dengan audiens target. 

Kejelasan

Dalam arti umum ini didefinisikan sebagai kemampuan untuk melihat dan membedakan semua detail inti pada layar atau halaman. Mari kita ambil kesederhanaan dan intuitif navigasi untuk pemula; jika pengguna akhir Anda dapat dengan mudah menemukan zona informasi dan elemen interaksi hanya dengan memindai tata letak, ia tidak perlu berusaha keras untuk mendapatkan apa yang mereka cari. Dalam hal aspek tersebut tidak diuji dengan benar; mungkin menyebabkan hierarki visual yang lemah berakhir dengan kekacauan total. Jadi yang harus Anda lakukan adalah memeriksa apakah antarmuka cukup jernih dan kontras. Pada akhirnya, semuanya harus mudah dijangkau dan terlihat.

Responsif 

Dalam kata awam, respons antarmuka berarti bahwa apa yang pengguna dapatkan dapat digunakan dan fungsional terlepas dari perangkat yang mereka sukai. Misalnya, jika sesuatu yang tampak gaya dan menarik di Sketch pada monitor profesional beresolusi tinggi dapat berubah menjadi noda kotor pada layar resolusi kecil. Saya yakin Anda pasti pernah mengalami situasi di mana beberapa skema warna tampak bagus pada tahap desain dapat kehilangan kecantikan mereka dalam berbagai kondisi sehari-hari yang diterapkan. Asalkan fakta bahwa skema warna dapat memiliki dampak yang signifikan pada warna, bentuk , dan menyalin persepsi, seseorang harus menguji proyek pada beragam perangkat dan layar sebelum membuat keputusan akhir. 

Lingkungan

Terakhir tetapi tentu tidak kalah pentingnya, adalah pertanyaan di mana lingkungan antarmuka web dan seluler ini akan digunakan. Misalnya, untuk penggunaan konstan di bawah cahaya alami, latar belakang gelap dapat benar-benar menciptakan efek refleksi, terutama pada layar glossy yang khas untuk tablet dan smartphone. Dalam lingkungan yang buruk, latar belakang yang gelap dapat mengalihkan cahaya dari layar yang menyebabkan pengaruh buruk pada navigasi dan keterbacaan. Singkatnya, kombinasi warna, kontras, dan nuansa menarik perhatian besar di sini.

Kapan menggunakan UI gelap?

  • Ketika ada sedikit teks untuk dibaca dan lebih banyak gambar / video untuk ditonton
  • Ketika ada sangat sedikit elemen dalam desain dan ditempatkan dengan baik
  • Saat Anda ingin memberi pengguna Anda nuansa lingkungan gelap seperti di film
  • Ketika Anda ingin elemen inti halaman menonjol dan mendapatkan keunggulan
  • Ketika Anda ingin mengurangi ketegangan mata dan membuatnya nyaman bagi pengguna untuk tinggal lama di situs web Anda

Kapan harus menggunakan UI ringan?

  • Saat situs web atau aplikasi Anda akan digunakan sebagian besar di siang hari
  • Ketika pembaca Anda akan membaca banyak teks
  • Ketika ada banyak elemen di layar
  • Saat Anda menggunakan elemen warna yang berbeda

Ke Anda!

Mendesain adalah tentang kreativitas! Jangan biarkan aturan mengikatnya, buat sesuatu yang meningkatkan pengalaman pengguna dan mewujudkan tujuan bisnis. Lakukan saja! 

sumber: uxpin.com

Latest articles

12.6k Followers
Follow

Related articles