UI gelap vs UI cahaya: Bagaimana untuk membuat pilihan yang tepat?

UI cahaya mungkin kelihatan sebagai taruhan selamat tetapi, dalam beberapa kes, UI gelap boleh menjadi pemenang.

UI Light UI v / s gelap

Sumber: uxdesign.cc

Beberapa tahun yang lalu, semasa kami merombak reka bentuk laman web syarikat kami, Reka Bentuk Ketua kami datang dengan UI gelap untuk laman web ini. Versi sedia ada kami mempunyai UI cahaya, jadi kami terkejut sedikit. Reka bentuk itu kelihatan baik dengan kelabu sebagai warna primer dan warna merah ungu sebagai sekunder. Kami semua bersetuju bahawa reka bentuk kelihatan hebat.

Tetapi pasukan Pemasaran kami tidak begitu gembira dengannya dalam dua tuduhan-

  • Kebolehbacaan, kerana laman web kami adalah teks yang berat dan latar belakang gelap boleh menimbulkan tekanan kepada pembaca
  • Ia tidak sejajar dengan penjenamaan kami kerana warna jenama kami lebih ringan

Akhirnya keputusan itu pergi kepada Ketua Pegawai Eksekutif kami yang memberikan kemajuan untuk reka bentuk. Pasukan Pemasaran secara tidak mematuhi mematuhi.

Dan tidak lama kemudian mereka didapati betul.

Metrik tapak web utama seperti kadar penukaran, kadar bouncing dll, mula mencelup. Bell loceng berdering dan kita terpaksa kembali ke UI cahaya.

Adakah kerja UI gelap? Ya, beribu-ribu laman web, aplikasi dan permainan yang direka dengan UI gelap akan memberi keterangan.

Adakah UI cahaya pilihan terbaik? Tidak selalu.

Sebagai pereka, anda mesti menghadapi dilema ini sama ada untuk menggunakan UI gelap atau UI cahaya.

Tidak ada jawapan yang jelas kepadanya. Tetapi terdapat beberapa pertimbangan yang boleh membimbing anda dalam membuat pilihan yang tepat antara UI gelap dan UI cahaya.

Pertimbangan semasa memilih antara UI gelap & cahaya

  • Siapa pengguna anda?

Mengetahui pengguna berpotensi dan apa yang mereka ingin dapatkan dari laman web anda adalah langkah pertama dalam mereka bentuk UI untuk aplikasi atau laman web anda. Orang dewasa lebih suka UI cahaya yang membantu mereka menggunakan produk anda secara intuitif manakala lot muda lebih suka latar belakang gelap yang menarik dan bergaya. Untuk kanak-kanak, UI cahaya dengan banyak elemen yang menyeronokkan dan menarik akan melakukan silap mata.

  • Apakah yang akan dilakukan pengguna anda di laman web ini?

Sumber: Problogger

Laman web syarikat, laman berita, blog dan sebagainya, melibatkan pengguna melalui teks dan video. Pengguna di laman web sedemikian membaca banyak teks dan jika menonton menonton video sesekali. Tetapi kebanyakan mereka akan mencari maklumat melalui teks. Mereka akan menghabiskan masa beberapa minit, mungkin 10-15 minit pada max mencari maklumat dan teruskan. Oleh itu, anda perlu memilih UI yang memudahkan pengguna untuk membaca banyak teks tanpa memandang mata mereka. Di sini UI cahaya berfungsi dengan baik. Dalam kaji selidik oleh problogger, 47% daripada responden memilih UI cahaya pada blog sedangkan hanya 10% memilih UI gelap.

Tetapi jika anda merancang untuk laman web atau produk di mana pengguna akan menghabiskan banyak masa, mengatakan beberapa jam, membaca teks seperti buku atau bekerja seperti dalam editor kod-maka latar belakang gelap dengan teks yang lebih ringan akan berguna. UI gelap dengan teks ringan akan meningkatkan kebolehbacaan dan meletakkan ketegangan yang kurang pada mata mereka sehingga memudahkan untuk bertahan selama berjam-jam.

  • Bilakah pengunjung anda akan menggunakan aplikasi atau tapak web anda?

Masa aplikasi / laman web anda digunakan - siang atau malam juga mesti memainkan peranan dalam memilih reka bentuk UI anda. Netflix, Amazon dan lain-lain, ditonton kebanyakannya di malam hari di rumah. Di sana, latar belakang gelap berfungsi dengan baik pada persekitaran yang gelap. Ia juga memberi pengguna rasa sebenar alam sekitar.

Begitu juga latar belakang terang berfungsi dengan baik untuk laman web berita, media sosial dan lain-lain, yang mendapat sebahagian besar lalu lintas mereka pada waktu siang.

  • Di manakah anda mahu fokus kepada pengguna anda?

Akan ada situasi di mana anda ingin pengguna anda menumpukan pada item tertentu pada kereta dan mengagumi reka bentuknya. Dalam keadaan sedemikian latar belakang yang gelap akan menjadi baik untuk mewujudkan persekitaran yang bebas gangguan, membawa reka bentuk dan memberi perhatian pengguna pada kereta.

Bila menggunakan UI gelap?

  1. Apabila terdapat sedikit teks untuk dibaca dan lebih banyak imej / video untuk ditonton
  2. Apabila terdapat sangat sedikit elemen dalam reka bentuk dan jarak jauh dengan baik
  3. Apabila anda ingin memberi pengguna anda rasa persekitaran yang gelap seperti dalam filem
  4. Apabila anda ingin elemen teras halaman untuk menonjol dan mendapat keunggulan
  5. Apabila anda ingin mengurangkan ketegangan mata dan menjadikannya lebih selesa untuk pengguna kekal lama di laman web anda

Bila menggunakan UI cahaya?

  1. Apabila laman web atau aplikasi anda akan digunakan pada siang hari
  2. Apabila pembaca anda akan membaca banyak teks
  3. Apabila terdapat banyak unsur di skrin
  4. Apabila anda menggunakan elemen warna yang berbeza

Pemikiran Akhir

Reka bentuk UI adalah kreatif. Jangan peraturan mengikatnya. Tetapi reka bentuk yang hebat juga harus membantu meningkatkan pengalaman pengguna dan merealisasikan objektif perniagaan. Ia harus membantu pengguna mencapai matlamat mereka dengan selesa dan cepat. Oleh itu, pertimbangkan pertimbangan-pertimbangan ini dan dapatkan jawapan kepada soalan sebelum memilih antara UI yang gelap dan terang.

UI cahaya mungkin kelihatan sebagai taruhan selamat tetapi, dalam beberapa kes, UI gelap boleh menjadi pemenang. Jadi pilih dengan bijak.

Apakah peraturan anda semasa membuat pilihan antara UI yang gelap dan terang? Kongsi fikiran dan pengalaman anda mengenai subjek di bahagian komen.

Sekiranya anda mendapati artikel ini berguna, sila kongsi di media sosial untuk membantu orang lain menemuinya.

Betulkan bug reka bentuk di laman web Live tanpa pengekodan