Interfețe de utilizare întunecate. Cei buni şi cei răi. Ce să faci și ce să nu faci.

Interfețele de utilizare întunecate sunt dramatice, elegante și elegante. Cu toate acestea, designerii ar trebui să calce cu atenție dacă aleg să meargă pe „partea întunecată”.

Crearea aspectului și aspectului unui produs este una dintre responsabilitățile principale ale unui designer - decizia inițială de proiectare trebuie să fie adecvată scopului produsului, situației particulare și publicului acestuia. Schema de culori va avea un impact de lungă durată și trebuie aleasă cu grijă - și totul începe cu selectarea unui fundal pe care vor fi plasate elementele de design - „pânza”. Alegerea obișnuită, aproape implicit, este un fundal alb.

Există motive întemeiate pentru a alege un fundal luminos. Contrastul, textul și lizibilitatea și capacitatea de a lucra cu o gamă largă de culori subtile sunt câteva dintre ele. Conform multor studii științifice, lizibilitatea optimă necesită text negru pe fundal alb. Branding-ul poate influența, de asemenea, decizia, deoarece siglele și culorile companiei nu vor funcționa cu o paletă de culori închise.

Cele mai multe studii au arătat că textul întunecat pe un fundal deschis este superior textului deschis pe un fundal întunecat, adică este mai ușor de citit. Într-un studiu celebru, „oboseala vizuală” a fost semnificativ mai mare atunci când subiecții au citit caractere deschise pe un fundal întunecat față de caractere întunecate pe fundal deschis (Bauer, D., Bonacker, M. și Cavonius, CR 1983).

Există, de asemenea, o așteptare : oamenii sunt obișnuiți să vadă o varietate de conținut redat cu cerneală închisă pe un fundal alb, prezentat împreună cu imagini. Gândiți-vă la ziare și reviste, care există de peste 350 de ani. Întorcându-ne și mai departe – cu treizeci și cinci de mii de ani până la epoca paleolitică (zile omului din peșteră), găsim desene rupestre cu lei și mamuți așezate în general pe un fundal deschis, cu cărbune sau oase arse folosite pentru a desena reprezentările.

Cu toate acestea, atunci când un proiect o justifică, designerii de produse digitale de astăzi pot alege să lucreze cu o schemă de culori închise din mai multe motive. După cum s-a sugerat mai sus, este adesea o alegere estetică menită să transmită dramă și să treacă o emoție – ceva neașteptat – sau poate că un designer dorește să îmbine designul cu brandingul sau să se asigure că conținutul vizual iese în evidență.

Cu toate acestea, dacă un designer alege să treacă spre „partea întunecată”, se va confrunta cu o serie de provocări. Intră în joc tot felul de probleme de utilizare, în principal legate de scanabilitate, lizibilitate și contrast. Principalul aspect de luat în considerare este un contrast suficient între text și fundal. Trebuie luate în considerare și contextul (cazul de utilizare) și mediul, precum și dispozitivul pe care este probabil să fie vizualizată interfața de utilizare.

Unele interfețe de utilizare întunecate sunt concepute pentru a minimiza „oboseala digitală a ochilor”. Odată cu creșterea tehnologiei digitale, ne uităm la ecrane în cea mai mare parte a zilei. Oboseala digitală a ochilor este o afecțiune comună care afectează milioane de oameni în fiecare zi. Cauzată de orice, de la utilizarea excesivă a computerului până la expunerea regulată la lumină puternică, poate provoca dureri de cap, dureri de gât, vedere încețoșată și ochi arsuri/înțepături.

Există chiar și lucruri precum Sindromul de vedere pe computer (CVS) și „disconfort ocular”. Potrivit unui studiu, peste 83% dintre americani folosesc dispozitive digitale mai mult de două ore pe zi, 60,5% raportând că experimentează simptome de oboseală digitală a ochilor. (Ochii supraexpuși: dilema dispozitivului digital.)

Produsele SaaS business-to-business și aplicațiile de editare multimedia sunt utilizate timp de multe ore consecutive. Multe au fost proiectate într-o interfață de utilizare cu tematică întunecată pentru a reduce oboseala ochilor, dar pentru a susține claritatea vizuală. Cu toate acestea, o astfel de abordare necesită o evaluare atentă, în avans, a direcției de proiectare.

Majoritatea dezvoltatorilor folosesc un ecran negru cu sintaxă codificată în culori pentru a reduce oboseala ochilor. După cum spune dezvoltatorul Toptal Kevin Bloch: „Un fundal negru reduce oboseala ochilor și face codarea automată a culorilor mai ușor de citit, ceea ce face codul mult mai rapid de înțeles dintr-o privire.”

Dezvoltatorul Toptal Amin Shah Gilani adaugă: „Eu personal folosesc tema întunecată solarizată pentru editorul meu de cod. Prefer o temă întunecată, deoarece un fundal mai întunecat se simte mai ușor pentru ochi, mai ales că îmi place fie să păstrez luminile slabe, fie să lucrez noaptea.”

Interfețele de utilizare pentru aplicații de jocuri tind, de asemenea, către teme mai întunecate. Contextul de joc și mediul în care jucătorii joacă se potrivesc mai bine cu o paletă de culori negre. Un design de fundal negru întărește imaginile uimitoare, introduce un sentiment de mister, are un contrast mai bun și susține ierarhia vizuală.

Când interfețele întunecate funcționează bine

Majoritatea interfețelor de utilizare legate de divertisment (televizoare inteligente, console de jocuri și aplicații TV și filme) tind să aibă designuri de interfață de utilizator cu tematică întunecată – din motive întemeiate. Cele mai multe activități legate de divertisment au loc seara, sunt privite de la o distanță de 6-10 picioare și sunt urmărite în camere slab luminate - cu alte cuvinte, ecranul se potrivește cu mediul. În plus, conținutul plin de culoare (de exemplu, coperta și promoțiile) iese în evidență dramatic pe interfețele cu tematică întunecată.

Scopul este să se potrivească cu contextul activității: „Se întunecă, mă relaxez și vreau să mă uit la televizor.” Similar cu miile de becuri mici, ecranele digitale stinge lumina oriunde este prezent un pixel strălucitor; prin urmare, o interfață de utilizare strălucitoare ar lumina camera - un efect nedorit având în vedere activitatea. În acest scenariu, designul UI încearcă să se potrivească cu contextul: dispozitivul, conținutul, activitatea și mediul.

În contextul potrivit, mediu, aplicație și utilizare, interfețele de utilizator cu fundal negru au sens. Luați în considerare întotdeauna contextul în care este probabil să fie utilizată interfața. Dar merge mai departe decât atât - alegerea de a merge cu ea ar trebui să depindă de conținut și context : ce , când , unde și pe ce dispozitiv .

• Pentru a obține un aspect puternic și dramatic pentru imagini uimitoare
• Pentru a proiecta un sentiment de stil și eleganță, lux și prestigiu
• Pentru a crea un sentiment de intriga și mister
• Pentru a ajuta la concentrarea și ghidarea atenției utilizatorului cu distrageri minime
• Pentru a sprijini ierarhia vizuală și arhitectura informațională

Interfața de utilizare întunecată ar trebui să fie utilizată numai cu text rar, minim și informații „în bucăți”, cu un accent puternic pe elemente vizuale — ușor pe text. Dacă se folosește text, acesta ar trebui să fie în contrast mare cu fundalul întunecat - de preferință alb pur sau altă culoare puternică (nu gri închis) pe fundal negru.

Când interfețele de utilizator întunecate nu funcționează bine

După cum s-a indicat mai devreme în articol, interfețele de utilizare cu tematică întunecată sunt o alegere proastă pentru conținutul bogat în text și date, sau atunci când se utilizează o varietate de tipuri de conținut (text, imagini, video, tabele de date, meniuri derulante, câmpuri etc.). ). Consensul general în comunitatea de proiectare este că interfețele întunecate sunt o provocare uriașă pentru proiectare, cu excepția cazului în care aveți de-a face cu conținut simplu și doar o stropire de text ici și colo.

Provocarea constă în încercarea de a menține un contrast suficient, care are un impact asupra provocării generale: lizibilitatea, care este conectată la uzabilitate, care are un impact asupra UX. În general, toate culorile funcționează pe un fundal alb, în ​​timp ce pe un fundal întunecat gama utilă de culori este redusă dramatic.

Iată un exemplu în lumea reală despre când să nu se folosească o interfață de utilizare cu tematică întunecată: am fost implicat într-un proiect B2B SaaS în care CEO-ul a fost ferm că, pentru a „a fi diferit”, a vrut să opteze pentru o temă întunecată. UI—care se potrivea cu branding-ul companiei... pentru întreaga platformă. Pentru tot. După mai multe întâlniri și prin adunarea echipei de proiectare și a managerilor de produs în spatele cauzei, am reușit să-l convingem de la o decizie atât de potențial dezastruoasă.

Platforma a folosit un set standard de componente de interfață a aplicației SaaS și, în consecință, a fost plină de formulare, widget-uri, meniuri derulante, pictograme și pictograme împreună cu text și date numerice în tabele. Navigarea, aspectul și funcționalitatea ar fi devenit incredibil de dificil de gestionat, obținând în același timp un contrast suficient și o schemă de culori consistentă. În rezumat, ar fi fost aproape imposibil să funcționeze totul cu o interfață de utilizare cu tematică întunecată.

În funcție de caracterul adecvat al aplicației, poate că alegerea potrivită ar fi fost să sugerezi un amestec de interfețe de utilizare deschise și întunecate. De exemplu, paginile de setări cu widget-uri și formulare și tabele de date ar fi putut fi proiectate pe un fundal deschis, iar paginile de analiză cu diagrame ar fi putut fi proiectate cu o schemă de culori mai închisă.

Ce trebuie și nu trebuie să utilizați interfețele de utilizator întunecate

În încheiere, decizia de a opta pentru o interfață de utilizare întunecată trebuie abordată cu grijă. Designerii nu ar trebui să o facă din motive greșite - să fie la modă, să fie diferiți sau să copieze designul altcuiva. Este esențial ca un designer să ia în considerare contextul, conținutul (contrast și lizibilitatea), dispozitivul și cazul de utilizare și să aibă un motiv întemeiat pentru alegerea sa. Este un act de echilibru delicat, deoarece există potențial multe beneficii, dar și multe capcane.

Când este OK să utilizați interfețe de utilizare întunecate:

• Când o schemă de culori de branding o justifică
• Când designul este rar și minimalist, cu doar câteva tipuri de conținut
• Când este adecvat pentru context și utilizare, cum ar fi aplicațiile de divertisment pe timp de noapte
• Pentru a reduce oboseala ochilor, cum ar fi paginile de analiză care sunt utilizate pentru perioade lungi de timp
• Pentru a provoca o emoție - de exemplu, un sentiment de intriga și mister
• Pentru a crea un aspect izbitor, dramatic
• Pentru a crea un sentiment de lux și prestigiu
• Pentru a sprijini ierarhia vizuală

Când este mai bine să stai departe de interfețele întunecate:

• Când există mult text (citirea pe un fundal întunecat este dificilă)
• Când există mult conținut mixt pe ecran
• În cazul aplicațiilor B2B cu o mulțime de forme, componente și widget-uri
• Când designul necesită o gamă largă de culori

Trecerea către „partea întunecată” trebuie abordată cu grijă. Se recomandă cercetări și analize mai profunde și mai amănunțite înainte de a lua o astfel de decizie potențial precară, care este plină de capcane. Odată ce un designer merge pe această cale, este foarte greu să se întoarcă înapoi. Designerii ar fi bine sfătuiți să ia în considerare toate aspectele - bune și rele, ce trebuie și nu, înainte de a sări cu ambele picioare.

• • •

Citiri suplimentare pe Blogul Toptal Design:

• eCommerce UX – O privire de ansamblu asupra celor mai bune practici (cu infografic)
• Importanța designului centrat pe om în proiectarea produsului
• Cele mai bune portofolii de designeri UX – Studii de caz și exemple inspiratoare
• Principii euristice pentru interfețele mobile
• Design anticipator: Cum să creați experiențe magice pentru utilizator