A sötét felhasználói felületek drámai, elegánsak és elegánsak. A tervezőknek azonban óvatosan kell taposniuk, ha a 'sötét oldalon' járnak.

A termék megjelenésének megalkotása a tervező egyik fő feladata - a kezdeti tervezési döntésnek meg kell felelnie a termék céljának, az adott helyzetnek és közönségének. A színvilágnak tartós hatása lesz, és gondosan meg kell választani - és minden azzal kezdődik, hogy kiválasztunk egy hátteret, amelyre a tervezési elemek kerülnek - a 'vásznat'. A szokásos, szinte alapértelmezés szerint fehér háttér.

A világos háttér kiválasztására jó okok vannak. Kontraszt, szöveg és olvashatóság és a finom színek széles skálájával való munkavégzés képessége. Számos tudományos tanulmány szerint az optimális olvashatósághoz fehér alapon fekete szöveg szükséges. A márka már befolyásolhatja a döntést is, mivel a vállalati logók és színek nem működnek sötét színpalettával.

A legtöbb tanulmány kimutatta, hogy a világos háttéren lévő sötét szöveg jobb, mint a sötét háttér előtt álló világos szöveg, vagyis könnyebben olvasható. Egy híres tanulmányban a 'szemfeszültség' szignifikánsan magasabb volt, amikor az alanyok sötét alapon világos karaktereket, világos háttéren sötét karaktereket olvastak ( Bauer, D., Bonacker, M., és Cavonius, C. R., 1983 ).

Itt van még az elvárás - Az emberek sokféle, sötét festékkel megjelenített tartalmat szoktak látni a képek mellett fehér alapon. Gondoljon újságokra és magazinokra - ezek már több mint 350 éve léteznek. Visszatérve még ennél is tovább: harmincöt és fél évig a paleolitikumig (az ősember napjaiban) találunk barlangrajzokat oroszlánokról és mamutokról, amelyeket általában világos háttérre helyeznek szénnel vagy megégett csontokkal, amelyek az ábrázolások rajzolására szolgálnak.

A harmincezer éves őskori festmények a Chauvet-barlang, Franciaország

Amikor azonban egy projekt garantálja, a jelenlegi digitális terméktervezők Különböző okokból sötét színvilággal dolgozhatnak. A fentiek szerint gyakran esztétikai választás, amelynek célja a dráma közvetítése és érzelmek kiváltása - valami váratlan dolog - vagy talán a tervező egyesíteni kívánja a dizájnt a márkajelzéssel, vagy győződjön meg arról, hogy a vizuális tartalom kiemelkedő

Az Apple TV esetében az Apple webhely sötét felhasználói felületre vált át a drámai hatások érdekében, és mivel használata gyakran társul az éjszakai szórakozáshoz.

Ha azonban a tervező úgy dönt, hogy áttér a 'sötét oldalra', akkor számos kihívással kell szembenéznie. Mindenféle használhatósági kérdés lép életbe - elsősorban a szkennelhetőséggel, az olvashatósággal és a kontrasztdal kapcsolatban. A fő szempont, amelyet figyelembe kell venni, a szöveg és a háttér közötti kellő kontraszt. Figyelembe kell venni a kontextust (használati esetet) és a környezetet is, valamint azt az eszközt, amelyen a felhasználói felület valószínűleg megjelenik.

A Breitling fekete háttér mellett döntött, hogy kiemelje órájuk tervét.

Egyes homályos felhasználói felületek a 'digitális szem megterhelésének' minimalizálására szolgálnak. A digitális technológia térnyerésével a nap nagy részében a képernyőket nézzük. Digitális szemfeszültség Ez egy gyakori állapot, amely naponta több millió embert érint. A túlzott számítógép-használattól kezdve az erős fénynek való rendszeres kitettségig minden okozhat fejfájást, nyaki fájdalmat, homályos látást és égő / viszkető szemeket.

Vannak még olyan dolgok is, mint számítógépes látás szindróma (CVS) és 'szemi kellemetlenség'. Egy tanulmány szerint az amerikaiak több mint 83 százaléka napi két óránál hosszabb ideig használja a digitális eszközöket, 60,5 százalékuk szerint a digitális szem megterhelésének tünetei tapasztalhatók. ( Túlexponált szemek: digitális eszköz dilemma .)

A vállalkozások közötti SaaS-termékeket és a multimédiás szerkesztő alkalmazásokat egyszerre több órán keresztül használják. Sokakat sötét témájú felhasználói felületen terveztek a szem megterhelésének csökkentése érdekében, miközben vizuális tisztaságot nyújtanak. Ez a megközelítés azonban a tervezés irányának alapos kezdeti értékelését igényli.

IOS alkalmazások a Bloomberg Anywhere-től (by Jeremy Fuerst ).

A legtöbb fejlesztő fekete képernyőt használ színkódolt szintaxissal a szem megterhelésének csökkentése érdekében. Amint azt az ApeeScape Developer feltárta Kevin Bloch : 'A fekete háttér csökkenti a szem megerőltetését és megkönnyíti az automatikus színkódolvasást, így a kód egy pillantásra sokkal gyorsabban érthető.'

Az ApeeScape Developer Amin Shah Gilani | hozzáteszi: 'Én személy szerint a sötét szoláris témát használom a kódszerkesztőmhöz. Inkább a sötét témát részesítem előnyben, mert a sötétebb háttér könnyebben érzi a szemét, különösen azért, mert szeretek sötétben tartani a fényeket vagy éjszaka dolgozni.

Az ApeeScape fejlesztői kódszerkesztő Amin Shah Gilani | által Atom .

A videojátékok felhasználói felületei szintén sötétebb témákat mutatnak be. A játék kontextusa és a környezet, amelyben a játékosok játszanak, a legalkalmasabb egy fekete színpalettával. A fekete háttér kialakítása megerősíti a feltűnő látványt, bevezeti a rejtély érzetét, jobb kontrasztú és támogatja a vizuális hierarchiát.

Amikor a Dark UIs jól működik

A legtöbb szórakozáshoz kapcsolódó felhasználói felület - okostévék, videojáték-konzolok, valamint tévé- és filmalkalmazások - általában sötét témájú felhasználói felület-elrendezéssel rendelkeznek - és jó okkal. A szórakozással kapcsolatos tevékenységek többsége éjszaka történik, 6-10 méter távolságból nézve, és gyengén megvilágított helyiségekben - más szóval, a képernyő megfelel a környezetnek. Ezenkívül a színes tartalom (például borító és promóciók) drámai módon kiemelkedik a sötét témájú felhasználói felületeken.

A cél az, hogy megfeleljen a tevékenység összefüggéseinek: 'Sötétedik, nyugodt vagyok, és szeretnék egy kis tévét nézni.' A több ezer apró izzókhoz hasonlóan a digitális kijelzők is fényt ragyognak, bárhol is van fényes képpont; ezért egy világos felhasználói felület megvilágítja a szobát - ez nemkívánatos hatás, figyelembe véve a tevékenységet. Ebben a forgatókönyvben a felhasználói felület kialakítása megpróbálja összehangolni a kontextust: eszköz, tartalom, tevékenység és környezet.

Hulu

Netflix

iTunes az Apple-től

A megfelelő környezetben, környezetben, alkalmazásban és használatban a fekete háttér felhasználói felületeknek van értelme. Mindig vegye figyelembe a kontextus melyik felületen valószínűleg használni fogják. De ezen túlmutat - a választásnak attól kell függenie tartalma és kontextusa : hogy , mikor hol Y melyik eszközön .

• A figyelemfelkeltő képek erőteljes és drámai megjelenése érdekében

• A stílus és az elegancia, a luxus és a presztízs érzete

• Hozz létre egyfajta intrikát és rejtélyt

• Segítsen összpontosítani, és minimális zavaró tényezőkkel irányítsa a felhasználó figyelmét

• Támogatja a vizuális hierarchiát és az információs architektúrát

Távirányítós autó koncepció és diagnosztika Kegyelem .

A sötét felhasználói felületeket csak minimális és ritka szöveggel és „vaskos” információkkal szabad használni, nagy hangsúlyt fektetve a képekre - világos a szövegre. Ha szöveget használunk, annak nagy kontrasztban kell lennie a sötét háttérrel - lehetőleg tiszta fehér vagy más erős színű (nem sötétszürke) fekete háttéren.

A CINEMATEK brüsszeli filmarchívum fekete hátteret használ a drámai effektushoz.

Amikor a sötét felhasználói interfészek nem működnek jól

Amint azt a cikkben korábban kifejtettük, a sötét témájú felhasználói felületek rossz választás a szöveges és az adatigényes tartalomhoz, vagy különféle típusú tartalmak (szöveg, képek, videó, adattáblázatok, legördülő menük, mezők stb.) Használatakor. A tervezői közösségben az az általános konszenzus, hogy a homályos felhasználói felületek hatalmas kihívást jelentenek a tervezés számára, hacsak nem egyszerű tartalomról és csupán szöveg-szórásról van szó itt-ott.

az alábbiak közül melyiket kell használni a szervezeti diagramok vagy folyamatok ábrázolásához?

A kihívás elegendő kontraszt fenntartására törekszik, ami kihat az általános kihívásra: az olvashatóságra, amely kapcsolódik a használhatósághoz, ami kihat az UX-re. Általában minden szín fehér alapon működik, míg sötét háttéren a hasznos színtartomány drasztikusan lecsökken.

Ebben a példában a felhasználói felület egyes elemeiben nincs elég kontraszt, ami befolyásolja az UX - t (by GUOHAO.W )

Íme egy valódi példa arra, hogy mikor ne használjon sötét témájú felhasználói felületet: vettem részt egy B2B SaaS projektben, ahol a vezérigazgató hajthatatlan volt, és hogy 'más legyen', egy sötét felhasználói felület témával akartam menni - amely megfelel a vállalati márka… a teljes platformon. Mindenkinek. Több találkozó után, és a tervező csapat és a termékmenedzserek összefogása mögött az ügyet sikerült meggyőznünk egy potenciálisan katasztrofális döntésről.

A platform a SaaS alkalmazás felhasználói felületének szabványos készletét használta, és következésképpen űrlapokkal volt kitöltve, kütyü , legördülő listák, piktogramok és ikonok, valamint a táblázatok szöveges és numerikus adatai. A navigáció, az elrendezés és a funkcionalitás hihetetlenül nehezen kezelhető lett volna, miközben mégis elegendő kontrasztot és következetes színvilágot értek el. Röviden: szinte lehetetlen lett volna mindent működtetni egy sötét témájú felhasználói felülettel.

Az alkalmazás kényelmétől függően talán a helyes választás az a keverék világos és sötét felhasználói felület. Például konfigurációs oldalak a kütyü az űrlapokat és az adattáblázatokat világos háttérrel, az elemző oldalakat grafikonokkal pedig sötétebb színvilággal lehetett volna megtervezni.

Az irányítópult felhasználói felülete, az elemzés és az infográfia jól működik sötét felhasználói felületen, de továbbra is körültekintően kell bánni a megfelelő kontraszt biztosítása érdekében ( Alex Gilev ).

A sötét felhasználói felület használatának vagy nem használatának szabályai

Zárásként a sötét felhasználói felülettel történő döntést körültekintően kell megközelíteni. A tervezők Nem szabad rossz okokból megtenni - divatosság, másság vagy más másolatának másolása érdekében. Alapvető fontosságú, hogy a tervező figyelembe vegye a kontextust, a tartalmat (kontraszt és olvashatóság), az eszközt és a felhasználási esetet, és jó oka van a választásra. Finom kiegyensúlyozó cselekedet, mivel potenciálisan sok előnye van, de sok buktató is.

Ha rendben van a sötét felhasználói felület használata:

• Amikor egy márka színskálája támogatja

• Amikor a tervezés ritka és minimalista, csak kevés típusú tartalommal rendelkezik

• Ha a kontextusnak és a használatnak megfelelő, például késő esti szórakoztató alkalmazásokhoz

• A szemfáradtság csökkentése érdekében, például hosszú ideig használt elemző oldalak

• Érzelem kiváltása - például intrika és rejtély érzése

• Feltűnő és drámai megjelenés létrehozása

• Teremtsen luxus és presztízs érzetet

• A vizuális hierarchia támogatása

Mikor érdemes távol maradni a sötét felhasználói felülettől:

• Ha sok szöveg van (sötét háttéren nehéz olvasni)

• Amikor sok tartalom keveredik a képernyőn

• A sokféle formát, összetevőt és kütyüt tartalmazó B2B alkalmazások esetében

• Amikor a kialakítás széles színválasztékot igényel

Bár játék, sokféle vegyes tartalom nem működik jól a sötét színpalettával.

A 'sötét oldalra' való átmenetet óvatosan kell megközelíteni. További és részletes kutatások és elemzések ajánlottak, mielőtt potenciálisan bizonytalan és trükkös döntést hoznának. Miután egy tervező ezen az úton halad, nagyon nehéz visszamenni. A tervezőknek tanácsos megfontolniuk minden szempontot - a jót és a rosszat, mit és mit nem, mielőtt mindkét lábra ugranak.