Dark UI vs Light UI: Hvordan gør man det rigtige valg?

En let brugergrænseflade kan altid se ud som en sikker indsats, men i nogle tilfælde kan mørke brugergrænser være vinderen.

Dark UI v / s Light UI

Kilde: uxdesign.cc

For nogle år siden, mens vi fornyede vores firmwebdesign, kom vores Design Head med et mørkt UI til webstedet. Vores eksisterende version havde en let brugergrænseflade, så vi blev overrasket lidt. Designet så godt ud med grå som primærfarve og en flot skygge af lilla som sekundær. Vi var alle enige om, at designet ser fantastisk ud.

Men vores marketingteam var ikke særlig tilfreds med det i to tællinger-

  • Læsbarhed, da vores websted var teksttung og en mørk baggrund kunne belaste læsernes øjne
  • Det stemte ikke overens med vores branding, da vores brandfarver var lysere

Endelig gik beslutningen til vores administrerende direktør, der gik klar til designen. Marketingteamet overholdt uvilligt.

Og snart blev det konstateret, at de var korrekte.

De vigtigste webstedsmetrikker som konverteringsfrekvens, afvisningsprocent osv. Begyndte at dyppe. Alarmklokkene ringede, og vi måtte snart vende tilbage til et let UI.

Arbejder mørkt UI? Ja, som tusinder af websteder, apps og spil designet med en mørk brugergrænseflade vil vidne om.

Er let UI det bedste valg? Ikke altid.

Som designer skal du have stået over for dette dilemma om du skal bruge en mørk UI eller lys UI.

Der er ikke et klart svar på det. Men der er et par overvejelser, der kan hjælpe dig med at træffe det rigtige valg mellem en mørk brugergrænseflade og en lys UI.

Overvejelser, mens du vælger mellem en mørk og lys brugergrænseflade

  • Hvem er din bruger?

At kende din potentielle bruger, og hvad de vil have fra dit websted, er det første trin i at designe UI til din app eller dit websted. Voksne foretrækker en lys UI, der hjælper dem med at bruge dit produkt intuitivt, mens det yngre parti foretrækker en mørk baggrund, der er spændende og stilfuld. For børn vil en let brugergrænseflade med en masse sjove og engagerende elementer gøre susen.

  • Hvad vil din bruger gøre på webstedet?

Kilde: Problogger

Virksomhedswebsteder, nyhedswebsteder, blogs osv., Engagerer brugerne gennem tekster og videoer. Brugere på sådanne websteder læser meget tekst, og hvis relevant, ser de en lejlighedsvis video. Men de fleste af dem vil søge information gennem tekster. De vil bruge et par minutter, kan maksimalt være 10-15 minutter på at søge information og gå videre. Så du er nødt til at vælge et brugergrænseflade, der gør det nemt for dine brugere at læse en masse tekst uden at anstrenge øjnene. Her fungerer et let UI godt. I en undersøgelse foretaget af problogger foretrak 47% af de adspurgte en lys UI på en blog, mens kun 10% foretrækkede en mørk UI.

Men hvis du designer til et websted eller et produkt, hvor brugeren vil tilbringe meget tid, sige et par timer, læse tekst som en bog eller arbejde som i en kodeditor, så vil en mørk baggrund med lysere tekst være nyttig. Den mørke brugergrænseflade med lys tekst vil forbedre læsbarheden og lægge mindre belastning på deres øjne, hvilket gør det nemt at blive i lange timer.

  • Hvornår bruger dine besøgende din app eller dit websted?

Den tid, din app / websted bruges - dag eller nat, skal også spille en rolle i valget af dit UI-design. Netflix, Amazon osv. Ses hovedsageligt om natten derhjemme. Der fungerer mørke baggrunde godt i mørke miljøer. Det giver brugerne også en reel oplevelse af miljøet.

Tilsvarende lys baggrund fungerer godt til nyhedswebsteder, sociale medier osv., Der får det meste af deres trafik i dagtimerne.

  • Hvor ønsker du, at din bruger skal fokusere?

Der vil være situationer, hvor du ønsker, at din bruger skal fokusere på et bestemt emne siger på en bil og beundre dets design. I sådanne situationer vil en mørk baggrund gøre det godt at skabe et distraktionsfrit miljø, bringe designet ud og holde brugerens opmærksomhed på bilen.

Hvornår skal man bruge mørkt UI?

  1. Når der er lidt tekst at læse og flere billeder / videoer at se
  2. Når der er meget få elementer i designet og er placeret i god afstand
  3. Når du vil give dine brugere fornemmelsen af ​​et mørkt miljø som i en film
  4. Når du ønsker, at kerneelementet på siden skal skille sig ud og få fremtrædelse
  5. Når du vil reducere belastningen af ​​øjnene og gøre det behageligt for brugerne at blive længe på dit websted

Hvornår skal du bruge let UI?

  1. Når dit websted eller din app oftest bruges i dagtimerne
  2. Når dine læsere læser en masse tekst
  3. Når der er en masse elementer på skærmene
  4. Når du bruger forskellige farveelementer

Afsluttende tanker

At designe UI er kreativt. Lad os ikke regler binde det. Men et fantastisk design skal også hjælpe med at øge brugeroplevelsen og realisere forretningsmæssige mål. Det skal hjælpe dine brugere med at nå deres mål komfortabelt og hurtigt. Så tænk over disse overvejelser, og find svar på spørgsmålene, inden du vælger mellem et mørkt og lys UI.

En let brugergrænseflade kan altid se ud som en sikker indsats, men i nogle tilfælde kan mørke brugergrænser være vinderen. Så vælg klogt.

Hvad er dine regler, mens du vælger mellem en mørk og lys UI? Del dine tanker og oplevelser om emnet i kommentarfeltet.

Hvis du fandt denne artikel nyttig, skal du dele på sociale medier for at hjælpe andre med at finde den.

Fix designfejl på Live-webstedet uden kodning