Dark UI vs Light UI: Kako pravilno izbrati?

Lahki uporabniški vmesnik je lahko videti vedno varna stava, v nekaterih primerih pa je lahko zmagovalec temni uporabniški vmesnik.

Temen uporabniški vmesnik v / s svetlo uporabniški vmesnik

Vir: uxdesign.cc

Pred nekaj leti, ko smo prenavljali oblikovanje spletnega mesta našega podjetja, je naš vodja oblikovalcev zasnoval temen uporabniški vmesnik za spletno mesto. Naša obstoječa različica je imela lahek uporabniški vmesnik, zato smo se malce zmedli. Dizajn je bil videti dobro s sivo kot osnovno barvo in lepim odtenkom vijolične kot sekundarne. Vsi smo se strinjali, da je dizajn videti super.

Vendar naša trženjska ekipa ni bila zelo zadovoljna z njo v dveh točkah -

  • Berljivost, saj je bilo naše spletno mesto veliko in besedno ozadje lahko bralce bremeni
  • To se ni ujemalo z našo blagovno znamko, saj so barve naše blagovne znamke svetlejše

Končno je odločitev prešla na našega generalnega direktorja, ki je dal idejo za dizajn. Ekipa trženja je nejevoljno upoštevala.

In kmalu so ugotovili, da so pravilni.

Ključne metrike spletnega mesta, kot je stopnja konverzije, stopnja obiskov strani itd., So začeli upadati. Zvonki alarma so zazvonili in kmalu smo se morali vrniti na lahek uporabniški vmesnik.

Ali temni uporabniški vmesnik deluje? Da, kot pričajo na tisoče spletnih strani, aplikacij in iger, zasnovanih s temnim uporabniškim vmesnikom.

Je lahki uporabniški vmesnik najboljša izbira? Ni vedno.

Kot oblikovalec se morate zagotovo soočiti s to dilemo, ali uporabiti temen ali svetel uporabniški vmesnik.

Na to ni jasnega odgovora. Obstaja pa nekaj pomislekov, ki vas lahko vodijo pri pravilni izbiri med temnim in svetlim uporabniškim vmesnikom.

Med izbiro med temnim in lahkim uporabniškim vmesnikom

  • Kdo je vaš uporabnik?

Prvi korak pri oblikovanju uporabniškega vmesnika za vašo aplikacijo ali spletno mesto je prvi poznavanje vašega potencialnega uporabnika in kaj bodo želeli dobiti od vašega spletnega mesta. Odrasli bi raje lahki uporabniški vmesnik, ki jim pomaga, da intuitivno uporabljajo vaš izdelek, medtem ko bi mlajši veliko raje temno ozadje, ki je vznemirljivo in stilsko. Za otroke bo lahek uporabniški vmesnik z veliko zabave in privlačnih elementov.

  • Kaj bo naredil vaš uporabnik na spletni strani?

Vir: Problogger

Spletna mesta podjetja, spletna mesta z novicami, blogi itd., Z uporabniki sodelujejo z besedili in videoposnetki. Uporabniki na takih spletnih mestih preberejo veliko besedila in po potrebi gledajo občasni video. Toda večina jih bo informacije iskala prek besedil. Potrošili bodo nekaj minut, lahko traja največ 10–15 minut, ki iščejo informacije in nadaljujejo. Torej morate izbrati uporabniški vmesnik, ki uporabnikom olajša branje veliko besedila, ne da bi si zatiskali oči. Tukaj lahek uporabniški vmesnik deluje dobro. V anketi probloggerja je 47% anketirancev dajalo prednost svetlobnemu uporabniškemu vmesniku na spletnem dnevniku, le 10% pa je dalo prednost temnemu uporabniškemu vmesniku.

Če pa oblikujete spletno mesto ali izdelek, kjer bo uporabnik porabil veliko časa, recimo nekaj ur, bral besedilo kot knjigo ali delal kot v urejevalniku kode, potem bo koristno temno ozadje s svetlejšim besedilom. Temen uporabniški vmesnik s svetlim besedilom bo izboljšal berljivost in manj obremenjevanja njihovih oči, kar bo olajšalo bivanje dolgih ur.

  • Kdaj bodo obiskovalci uporabljali vašo aplikacijo ali spletno mesto?

Čas uporabe vaše aplikacije / spletnega mesta - dan ali noč - mora imeti tudi vlogo pri izbiri dizajna uporabniškega vmesnika. Netflix, Amazon itd. So doma večinoma ponoči. Tam temna ozadja dobro delujejo v temnih okoljih. Uporabnikom nudi tudi občutek okolja.

Podobno svetlo ozadje dobro deluje na spletnih straneh z novicami, družabnimi mediji itd., Ki dobijo večino prometa v dnevnem času.

  • Kam želite, da se vaš uporabnik osredotoči?

Pojavile se bodo situacije, ko se želite, da se vaš uporabnik osredotoči na določen izdelek, recimo na avtomobilu, in občuduje njegovo zasnovo. V takšnih situacijah bo temno ozadje dobro, da bo ustvarilo okolje brez motenj, prineslo dizajn in ohranilo pozornost uporabnika na avtomobilu.

Kdaj uporabiti temen uporabniški vmesnik?

  1. Kadar je besedila malo za branje in več slik / videoposnetkov za ogled
  2. Kadar je v zasnovi zelo malo elementov in so dobro razporejeni
  3. Ko želite uporabnikom dati občutek temnega okolja, kot je v filmu
  4. Ko želite, da se osrednji element strani izstopa in pridobi pomembnost
  5. Ko želite zmanjšati obremenitev oči in uporabnikom omogočiti, da se dolgo zadržujejo na vašem spletnem mestu

Kdaj uporabljati lažji uporabniški vmesnik?

  1. Ko se bo vaše spletno mesto ali aplikacija večinoma uporabljala podnevi
  2. Ko bodo vaši bralci prebrali veliko besedila
  3. Kadar je na zaslonih veliko elementov
  4. Ko uporabljate različne barvne elemente

Končne misli

Oblikovanje uporabniškega vmesnika je kreativno. Pravil ne zavezujmo. A čudovit dizajn naj bi pripomogel tudi k izboljšanju uporabniške izkušnje in uresničevanju poslovnih ciljev. Vašim uporabnikom naj bi lažje in hitro dosegli svoj cilj. Zato razmislite o teh premislekih in poiščite odgovore na vprašanja, preden izberete temen in svetel uporabniški vmesnik.

Lahki uporabniški vmesnik je lahko videti vedno varna stava, v nekaterih primerih pa je lahko zmagovalec temni uporabniški vmesnik. Zato izbirajte pametno.

Kakšna so vaša pravila, ko izbirate med temnim in svetlim uporabniškim vmesnikom? V razdelku s komentarji delite svoje misli in izkušnje o tej temi.

Če se vam zdi ta članek uporaben, ga prosimo, da ga delite v družabnih medijih, da ga boste lažje našli.

Popravite napake v oblikovanju na spletnem mestu Live brez kodiranja