Tume kasutajaliides on dramaatiline, klanitud ja elegantne. Kuid disainerid peavad hoolikalt tallama, kui nad otsustavad kõndida 'pimedal küljel'.

Toote välimuse loomine on disaineri üks peamisi kohustusi - esialgne disainiotsus peab vastama toote eesmärgile, konkreetsele olukorrale ja selle publikule. Värvilahendusel on püsiv mõju ja see tuleb hoolikalt valida - ja kõik algab tausta valimisest, millele kujunduselemendid asetatakse - 'lõuend'. Tavaline variant, peaaegu vaikimisi, on valge taust.

Heleda tausta valimiseks on häid põhjuseid. Kontrastsus, tekst ja loetavus ja võime töötada laia valiku peenvärvidega on mõned neist. Paljude teaduslike uuringute kohaselt nõuab optimaalne loetavus musta teksti valgel taustal. Bränd võib otsust mõjutada ka seetõttu, et ettevõtte logod ja värvid ei tööta tumeda värvipaletiga.

Enamik uuringuid on näidanud, et hele taustal olev tume tekst on tumedal taustal hele tekstist parem, mis tähendab, et seda on lihtsam lugeda. Kuulsas uuringus oli 'silmade väsimus' oluliselt suurem, kui katsealused lugesid heledaid märke tumedal taustal ja tumedaid märke heledal taustal ( Bauer, D., Bonacker, M. ja Cavonius, C. R., 1983 ).

Seal on ka a ootus - Inimesed on harjunud nägema mitmesugust tumeda tindiga renderdatud sisu valgel taustal, mis on kujutatud piltide kõrval. Mõelge ajalehtedele ja ajakirjadele - need on eksisteerinud juba üle 350 aasta. Tulles tagasi veelgi kaugemale: kolmkümmend viis ja pool aastat paleoliitikumi ajastuni (koopainimese päevad), leiame koopajoonised lõvidest ja mammutidest, mis tavaliselt asetatakse heledale taustale söe või põlenud luudega, mida kasutatakse kujutiste joonistamiseks.

Kolmekümne tuhande aasta vanused eelajaloolised maalid Chauveti koobas, Prantsusmaa

Kui projekt aga selle tagab, praegused digitaalsete toodete disainerid Nad võivad mitmel põhjusel valida tumeda värviskeemiga töötamise. Nagu eespool soovitatud, on see sageli esteetiline valik, mis on mõeldud draama edastamiseks ja emotsiooni tekitamiseks - midagi ootamatut - või võib-olla a disainer soovite disaini ja kaubamärgi ühendada või veenduda, et visuaalne sisu paistab silma.

Apple TV jaoks lülitub Apple'i sait dramaatiliste efektide saamiseks tumedale kasutajaliidesele ja kuna selle kasutamist seostatakse sageli öise meelelahutusega.

Kui disainer siiski otsustab üle minna 'varjuküljele', seisavad nad silmitsi paljude väljakutsetega. Mängu tulevad igasugused kasutatavuse probleemid - peamiselt seotud skannitavuse, loetavuse ja kontrastsusega. Peamine aspekt, mida tuleb arvestada, on teksti ja tausta piisav kontrastsus. Samuti tuleks arvesse võtta konteksti (kasutusjuhtumit) ja keskkonda ning seadet, millel kasutajaliidest tõenäoliselt vaadatakse.

Breitling otsustas mustal taustal oma käekellade kujunduse esile tõsta.

Mõni ebaselge kasutajaliides on loodud digitaalse silmade koormuse minimeerimiseks. Digitaalse tehnoloogia kasvuga vaatame suurema osa päevast ekraanidele. Digitaalne silmade koormus See on tavaline haigus, mis mõjutab igapäevaselt miljoneid inimesi. Põhjuseks kõik, alates arvuti liigsest kasutamisest kuni regulaarse kokkupuuteni ereda valgusega, võib see põhjustada peavalu, kaelavalu, ähmast nägemist ja silmade põletust / sügelust.

On isegi selliseid asju nagu arvutinägemise sündroom (CVS) ja 'silmade ebamugavustunne'. Ühe uuringu kohaselt kasutab rohkem kui 83 protsenti ameeriklastest digitaalseid seadmeid rohkem kui kaks tundi päevas, 60,5 protsenti teatas, et neil on digitaalse silmade tüve sümptomid. ( Ülevalgustatud silmad: digitaalseadmete dilemma .)

Ettevõtetevahelised SaaS-tooted ja multimeediumiredigeerimisrakendused on kasutusel mitu tundi korraga. Paljud on loodud pimedateemalises kasutajaliideses, et vähendada silmade koormust, pakkudes siiski visuaalset selgust. Kuid see lähenemine nõuab projekteerimissuuna hoolikat esialgset hindamist.

IOS-i rakendused de Bloomberg Anywhere (autor Jeremy Fuerst ).

Enamik arendajaid kasutab silmade koormuse vähendamiseks musta ekraani koos värvikoodiga süntaksiga. Nagu ilmutas ApeeScape Developer Kevin Bloch : 'Must taust vähendab silmade koormust ja muudab värvide automaatse kodeerimise hõlpsamini loetavaks, muutes koodi silmapilguga palju kiiremini mõistetavaks.'

ApeeScape'i arendaja Amin Shah Gilani | lisab: 'Ma kasutan isiklikult oma koodiredaktori jaoks pimedat päikesepaistelist teemat. Eelistan tumedat teemat, sest tumedam taust tundub silmadele kergem, eriti kuna mulle meeldib hoida tuled pimedas või töötada öösel.

ApeeScape'i arendaja koodiredaktor Amin Shah Gilani | kõrval Aatom .

Videomängude kasutajaliidesed kalduvad ka tumedamatele teemadele. Musta värvi paletiga sobib kõige paremini mängu kontekst ja keskkond, kus mängijad mängivad. Musta taustaga kujundus tugevdab silmatorkavat visuaali, toob sisse salapära, on parema kontrastsusega ja toetab visuaalset hierarhiat.

Kui tumedad kasutajaliidesed töötavad õigesti

Enamikul meelelahutusega seotud kasutajaliideseil - nutiteleritel, videomängukonsoolidel ning teleri- ja filmirakendustel - on tumedateemaline kasutajaliidese paigutus - ja seda põhjusel. Enamik meelelahutusega seotud tegevusi toimuvad öösel, vaadatuna 6–10 jala kauguselt ja vaadatuna hämarates ruumides - teisisõnu, ekraan sobib keskkonnaga. Lisaks paistab värvikas sisu (näiteks kaanekunst ja reklaamid) dramaatiliselt silma tumedateemaliste kasutajaliideste puhul.

Eesmärk on sobitada tegevuse kontekst: 'Hämardub, olen lõdvestunud ja tahan väikest telekat vaadata.' Sarnaselt tuhandete pisikeste lambipirnidega paistavad digitaalekraanid valgust kõikjal, kus on ere piksel; seetõttu heledaks kasutajaliideseks ruumi - see on tegevust arvestades ebasoovitav mõju. Selle stsenaariumi korral proovib kasutajaliidese kujundus sobitada konteksti: seade, sisu, tegevus ja keskkond.

Hulu

Netflix

iTunes by Apple

Sobivas kontekstis, keskkonnas, rakenduses ja kasutuses on musta tausta kasutajaliideseid mõistlik. Võtke alati arvesse Sisu millist liidest tõenäoliselt kasutatakse. Kuid see läheb kaugemale - valik, kas sellega minna, peaks sõltuma sisu ja kontekst : seda , millal kus Y millises seadmes .

• Tugeva ja dramaatilise pilkupüüdvate piltide otsimiseks

• Projekteeri stiili ja elegantsi, luksust ja prestiiži

• Looge intrigeerimise ja salapära tunne

• Et aidata keskenduda ja suunata kasutaja tähelepanu minimaalsete häiretega

• Toetage visuaalset hierarhiat ja teabearhitektuuri

Kaugjuhtimispuldiga auto kontseptsioon ja diagnostika Meelepaha .

Tumedaid kasutajaliideseid tuleks kasutada ainult minimaalse ja hõreda teksti ning 'turske' teabega, rõhuasetusega piltidele - heledale tekstile. Kui kasutatakse teksti, peaks see olema tumeda taustaga suures kontrastis - eelistatavalt mustal taustal puhas valge või mõni muu tugev värv (mitte tumehall).

Brüsseli filmiarhiiv CINEMATEK kasutab dramaatiliseks efektiks musta tausta.

Kui tumedad kasutajaliidesed ei tööta õigesti

Nagu artiklis varem öeldud, on tumeda teema kasutajaliidesed halb valik nii teksti kui ka andmemahuka sisu jaoks või erinevat tüüpi sisu (tekst, pildid, video, andmetabelid, rippmenüüd, väljad jne) kasutamisel. Disainiringkondade üldine üksmeel on see, et ebaselged kasutajaliidesed on disaini jaoks suur väljakutse, välja arvatud juhul, kui see on lihtne sisu ja lihtsalt teksti puistamine siin ja seal.

Väljakutse püüab säilitada piisavat kontrasti, mis mõjutab üldist väljakutset: loetavus, mis on seotud kasutatavusega, mis mõjutab UX-i. Üldiselt töötavad kõik värvid valgel taustal, samal ajal kui tumedal taustal on kasulik värvivalik drastiliselt vähenenud.

Selles näites on mõnes kasutajaliidese elemendis ebapiisav kontrastsus, mis mõjutab UX-i (by GUOHAO.W )

Siin on tõeline näide selle kohta, millal mitte kasutada tumedateemalist kasutajaliidest: Osalesin B2B SaaS-i projektis, kus tegevjuht oli kindel ja 'erinevaks olemiseks' tahtsin minna tumeda kasutajaliidese teemaga - mis sobib ettevõtte kaubamärk ... kogu platvormi jaoks. Kõigi jaoks. Pärast mitut koosolekut ning projekti meeskonna ja tootejuhtide kokkutoomise suutsime teda veenda potentsiaalselt katastroofilises otsuses.

Platvorm kasutas standardset SaaS-i rakenduse kasutajaliidese komponentide komplekti ja oli seetõttu täidetud vormidega, vidinad , rippmenüüde loendid, piktogrammid ja ikoonid ning teksti- ja arvandmed tabelites. Navigeerimist, kujundust ja funktsionaalsust oleks muutunud uskumatult raske käsitseda, saavutades siiski piisavalt kontrasti ja ühtlase värviskeemi. Lühidalt öeldes oleks olnud võimatu kõike tumeda teema kasutajaliidese abil tööle panna.

Sõltuvalt rakenduse mugavusest oleks võib-olla õige valik olnud soovitada a segu heledad ja tumedad kasutajaliidesed. Näiteks konfiguratsioonilehed koos vidinad ning vormid ja andmetabelid oleks võinud olla kujundatud heleda taustaga ja analüütilised lehed koos graafikutega oleks võinud olla kujundatud tumedama värviskeemiga.

Armatuurlaua kasutajaliidesed, Analytics ja Infographics töötavad pimedas kasutajaliideses hästi, kuid piisava kontrasti tagamiseks tuleb neid siiski hoolikalt käsitleda ( Alex Gilev ).

Tumedate kasutajaliideste kasutamise või mittekasutamise reeglid

Kokkuvõtteks tuleb tumeda kasutajaliidesega valimise otsusele läheneda hoolikalt. Disainerid Te ei tohiks seda teha valedel põhjustel - olla moes, olla erinev või kopeerida kellegi teise kujundust. On ülioluline, et disainer arvestaks konteksti, sisu (kontrastsus ja loetavus), seadme ja kasutusjuhtumiga ning tal oleks valimiseks hea põhjus. See on delikaatne tasakaalustav tegevus, kuna potentsiaalselt on palju eeliseid, aga ka palju lõkse.

Kui tumedate kasutajaliideste kasutamine on okei:

• Kui brändi värviskeem seda toetab

• Kui kujundus on hõre ja minimalistlik, vaid vähese sisuga

• Kui see on konteksti ja kasutamise jaoks sobiv, näiteks hilisõhtused meelelahutusrakendused

• Silmade koormuse vähendamiseks, näiteks analüüsilehed, mida kasutatakse pikka aega

• Emotsiooni tekitamiseks - näiteks intrigeerimise ja salapära tunne

• Silmatorkava ja dramaatilise ilme loomiseks

• Looge luksustunne ja prestiiž

• Visuaalse hierarhia toetamiseks

Millal on parem pimedast kasutajaliidest pääseda:

• Kui teksti on palju (pimedal taustal lugemine on keeruline)

• Kui ekraanil on palju sisusegu

• B2B rakenduste jaoks, millel on palju kujundeid, komponente ja vidinaid

• Kui disain nõuab laia valikut värve

Kuigi tegemist on mänguga, ei toimi mitut tüüpi segasisaldus tumeda värvipaletiga hästi.

'Pimedale poolele' minekule tuleb läheneda ettevaatlikult. Enne potentsiaalselt ebakindla ja keerulise otsuse tegemist on soovitatav teha täiendavaid ja põhjalikke uuringuid ja analüüse. Kui disainer seda teed läheb, on väga raske tagasi minna. Disaineritel oleks soovitatav enne mõlema jalaga hüppamist kaaluda kõiki aspekte - nii häid kui halbu, mida teha ja mida mitte.