Dark Mode på webstedet: Bare en smuk tendens eller påvirker virkelig UX og konvertering?

At argumentere slutter ikke! Mørk tilstand på nettet er bare en smuk tendens. Eller kan det virkelig øge konverteringen?

Har du nogensinde følt det i de sidste 2-3 år, uanset hvilken app, hvilke apps vi bruger? Eller hvor vi skal hen til et berømt websted, vi har en tendens til at finde "Dark Mode" eller "Dark Mode" til altid at bruge. Indtil de bliver et spørgsmål i sindet hos virksomhedsejere, marketingfolk og mange webstedsudviklere, der "og vores hjemmeside ... er det nødvendigt at have en mørk tilstand?" Det er bare skønhedstrenden, der er ankommet. Eller det er en vigtig funktion, der påvirker brugerens oplevelse (UX) og konverteringsfrekvensen, som de virkelig siger. I dag kommer vi fuldstændigt til operation i alle aspekter af mørk tilstand. Dit websted skal "tænde lyset" eller "slukke for lyset".

‍

Hvorfor bliver Dark Mode "den skal have" i denne æra?

Det mørke tilstandsfænomen sker ikke, men det har en interessant kilde. Start fra udviklersiden og programmerere, der skal stirre på den hvide kode i lang tid, hvilket forårsager øje -fangst af, at de derfor kan lide at bruge mørke baggrunde og lyse farver for at reducere refleksioner og arbejde mere komfortabelt. Senere, da det gigantiske operativsystem som iOS og Android bragte mørk tilstand som hovedfunktion i systemet, har de populære sociale medie -apps, som thailandske mennesker bruger i hele huset over hele byen, denne tilstand at vælge imellem. Brugernes adfærd begyndte at ændre sig. Folk er vant til og forventer, at websteder og applikationer, der ser "moderne" og "være opmærksomme på brugere", skal have denne mulighed for at have mørk tilstand, så det handler ikke kun om programmerere mere. Men er blevet en af standarderne for en god brugeroplevelse i mange brugers øjne som standard

‍

Hvis vores websted ikke har en mørk tilstand, vil "falde ud" eller miste nogen muligheder?

Ingen mørk tilstand kan muligvis ikke gøre din virksomhed ødelagt med det samme. Men det kan påvirke den dimension, du ikke kan forvente. Forestille sig:

• Første indtryk: I en æra, hvor store mærker har al den mørke tilstand. Hjemmesiden, der ikke har denne mulighed, kan ses som "i henhold til tendensen i tiden" eller "Vær ikke opmærksom på de små detaljer", som kan påvirke billedet af mærket. Især med virksomheder relateret til teknologi, design eller produkter til den nye generation
• Brugeroplevelse i visse situationer (kontekstuel UX): Tænk på kunder, der ligger på en mobiltelefon på en mørk seng. Tryk derefter ind på dit websted, der kun har hvid baggrund ... det lys, der er for lyst, kan få kunden til at føle sig utilpas og straks trykke på for at lukke. Dette er desværre at miste muligheder, fordi UX ikke besvarer den faktiske brug. Hvilket dette problem ligner sagen Slow Clinic -webstedet, og UX er så dårlige, at de mister kunder. Gå uden at vide det
• Misforståelse af imponerende muligheder: At give muligheder for brugerne "kontrollerer" deres egen oplevelse (såsom at vælge mellem lys/mørk tilstand) betragtes som en lille mikrointeraktion, der skaber en god følelse. Og vis, hvor meget dit brand bekymrer sig for brugere, der er ingen funktion, der går glip af muligheden for at skabe et positivt forhold til en kunde.

‍

Den bedste løsning: ikke kun "mee", men skal "have forståelse"

Svaret på dette er ikke kun "skal have en mørk tilstand" eller "ikke har", men den bedste løsning er "all -round vurdering" og derefter beslutte strategisk. Som skulle starte fra:

1. Mål- og brandanalyse: Hvem er dine kunder? Hvor ofte bruger de teknologi? Hvilken slags billede er dit brand? (Såsom børneprodukter, det har muligvis ikke brug for en mørk tilstand, men gadget -mærket eller platformen for udviklere. Den mørke tilstand vil forbedre billedet meget.)
2. Vejning af fordelene-staightforward ulemper:
   • Fordele: Reducer syn med lavt lys, gemme batterier (til OLED -skærmen), ser moderne ud, imødekommer brugernes personlige behov.
   • Ulemper: Kan reducere evnen til at læse lang tekst (fra Halation Effect -fænomenet, de lyse bogstaver på det mørke gulv vil se overskyet ud), designet er mere kompliceret end bare farvelægning, tager tid og budget til videreudvikling og test.
3. Undersøgelse fra eksperter: Pålidelige datakilder som Nielsen Norman Group er blevet analyseret, at Dark Mode ikke altid er bedre end lystilstand, især med et websted med mange bogstaver. Design, der fokuserer på den passende kontrast, er det vigtigste.
4. Start fra planen, ikke kode: Hvis det beslutter at gøre, skal du starte med designplanen "Dark Mode" specifikt, ikke bare at skrive en sort-hvid skiftende kode, hvilket kan få resultaterne til at se værre til

Det gode udgangspunkt er at stille spørgsmålet: "Dark Mode vil virkelig hjælpe vores kunder med at opleve bedre?" Ikke bare "hvorfor har vi ikke en mørk tilstand?"

‍

Eksempler fra den rigtige ting: Når den globale app bruger mørk tilstand til at skabe succes

For at være klarere, se på eksemplet på appen. Og websteder, som vi er bekendt med, såsom YouTube, Twitter, Slack eller endda Messenger og Line -apps, tilføjer de ikke bare Dark Mode, men har designet alle nye oplevelser.

Casestudie (forudsat): Tænk på e-learning-platformen til programmering, efter at de tilføjede funktionen Dark Mode. Hvad der skete var:

• Engagement stiger om natten: Studerende, der kan lide at studere sent om natten, kan tage længere tid på platformen uden at føle
• Modtaget en overvældende positiv feedback: Brugere føler, at mærket "lytter" og "forstå" behovene hos de tekniske arbejdstager.
• Billedet ser "promovering" og mere pålideligt: at have mørk tilstand gør platformen til at være sammenlignelig med andre professionelle udviklere på markedet.

Denne succes er ikke kun fra at have en knap til at skifte tilstand. Men fra det design, der forstår, at Dark Mode ikke kun er farven, men UX/UI, som hjælper kunderne med at nå deres mål bedre. Hvilket er hjertet i at skabe konvertering

‍

Vil du følge, hvordan man starter? Tjekliste til tilføjelse af mørk tilstand til dit websted.

Hvis du beslutter, at Dark Mode er den rigtige ting for dit websted. Dette er et skridt, der skal gøres. For at få gode resultater og faktisk arbejde ikke bare smukt, men billedet:

• Trin 1: Opret et nyt farvesæt (ikke inverter): Brug ikke de lige farveomskiftningsmetoder! Hvid (#fffff) bør ikke blive helt sort (#000000), fordi det også vil forårsage kontrasten. Prøv at bruge mørkegrå (såsom#121212) som baggrund, og reducer den lyse hvide farve til karaktererne.
• Trin 2: Kontroller kontrasten er hjerte: Brug kontrastforhold for at sikre, at bogstaver og elementer. Stadig let at læse og videregive WCAG (retningslinjer for tilgængelighed af webindhold).
• Trin 3: Test alle elementer: logo, ikon, knap, billede og forskellige form. Skal vises godt i den mørke tilstand. Nogle billeder skal muligvis justeres for at være lidt lysere for ikke at sluge baggrunden.
• Trin 4: Brug moderne teknologi: Udviklere kan bruge CSS-medieforespørgsel kaldet PreferS-Color-Scheme. For at give webstedet mulighed for automatisk at skifte i henhold til de operativsystemindstillinger, der er indstillet af operativsystemet
• Trin 5: Lad brugeren beslutte: Det vigtigste er at have "Toggle Switch" giver brugerne mulighed for at vælge af sig selv. Tving ikke brugeren til at være i en tilstand. Dette er respekten for brugerens beslutning og er et godt UX -princip, ligesom design af investorer, investorer, der skal give klar information og give brugerne mulighed for at se sig selv.

‍

Spørgsmål om mørk tilstand (og det mest klare svar)

Q1: Er der en bedre mørk tilstand?
A: Der er ingen direkte effekt. Google giver ikke bedre rækker med webstedet med mørk tilstand, men det er indirekte via UX. Hvis din mørke tilstand hjælper brugere. På nettet længere (opholdstid) eller mere interagerer med webstedet (engagement). Dette er gode tegn, der har en positiv effekt på SEO i det lange løb.

Q2: Alle typer websteder er egnede til mørk tilstand?
A: Ikke altid. Hjemmeside, der fokuserer på at læse lange artikler, regeringswebsteder eller websteder, der ønsker at kommunikere lyse, venlige, såsom web, mor og børn. Det er muligvis ikke egnet til mørk tilstand. På den anden side teknologiwebstedet, underholdning (streaming) eller mærker, der har brug for moderne luksus, normalt bedre med den mørke tilstand.

Q3: Har du brug for en masse budget for at lave mørk tilstand?
A: Afhængig af webstedets kompleksitet. Hvis det er et nyoprettet websted og planlægning fra starten, er omkostningerne muligvis ikke meget høje. Men hvis det sættes på et gammelt websted med en kompleks struktur (eftermontering) kan kræve et budget og tid til design og test. Som kan betragtes som en del af renovering af websteder (renovering af websteder )

Spørgsmål 4: Bør webstedet indstilles som en mørk tilstand automatisk om natten?
A: Det er en interessant idé. Men den bedste måde er "ikke gør". Vi kan ikke vide, hvilken slags bruger der er i miljøet. At give brugerne muligheder via Togle er altid den sikreste og mest nyttige måde at bruge brugere på.

‍

Resumé: Dark Mode er ikke en magisk medicin. Men folks værktøjer bryder UX

På dette tidspunkt er vi allerede enige om, at Dark Mode er mere end en smuk tendens, men det er en "kraftfuld" at forbedre brugerens oplevelse (UX). Når du bruges korrekt, tid og korrekt, er nøglen ikke, at dit websted "mørk tilstand eller ej, men er nok til at" forstå og pleje dine kunder til at give dem den bedste oplevelse for dem eller stadig?

At vælge at gøre eller ikke at gøre mørk tilstand skal være et resultat af analysen af målgruppen, forstå mærkets identitet og veje fordele og ulemper. Ikke kun at følge tendensen, for i sidste ende er det succesrige websted et websted, der er let at bruge, svarer og skabe gode følelser for brugerne. Hvad enten det er i lys tilstand eller mørk tilstand

Hvad med dit websted? Klar til at præsentere den bedste oplevelse for kunderne? Lad ikke tøven blokere dine forretningsmuligheder. Gode investeringer med UX i dag. Er at opbygge et stærkt fundament for vækst i fremtiden

Hvis du har brug for eksperter, der forstår dybt, kommer både design og strategi for at hjælpe dig med at analysere og designe den rigtige UX/UI til din virksomhed, hvad enten det er den perfekte lystilstand eller mørk tilstand. Konsulter Vision X Brain Team. Vi er klar til at ændre dit websted for at blive elsket af kunder og skabe et forretningsresultat.

‍