M\u00e1r \u00e9vek \u00f3ta rohamosan terjednek a s\u00f6t\u00e9t h\u00e1tter\u0171 design-v\u00e1ltozatok a digit\u00e1lis fel\u00fcleteken: egyre t\u00f6bb appban lehet v\u00e1ltani fekete vagy s\u00f6t\u00e9tsz\u00fcrke h\u00e1tt\u00e9rre \u00e9s feh\u00e9r bet\u0171kre, ahogy maguk az oper\u00e1ci\u00f3s rendszerek is ezzel k\u00eds\u00e9rleteznek. <\/p>\n\n\n\n
Els\u0151 pillant\u00e1sra tal\u00e1n \u00fajnak t\u0171nik a s\u00f6t\u00e9t fel\u00fcletek t\u00e9rh\u00f3d\u00edt\u00e1sa, de nem kell t\u00e1volra tekinteni, hogy kider\u00fclj\u00f6n: nem most tal\u00e1lt\u00e1k fel a s\u00f6t\u00e9t m\u00f3dot. Csak az elm\u00falt \u00e9vek, \u00e9vtizedek feh\u00e9r vil\u00e1ga ut\u00e1n t\u0171nik furcs\u00e1nak. De ha jobban belegondolsz, akkor azt l\u00e1tod, hogy r\u00e9gen a fekete-feh\u00e9r, illetve fekete-z\u00f6ld fel\u00fcletek uralkodtak a monitorokon, m\u00e9gpedig a fekete dominanci\u00e1j\u00e1val. <\/p>\n\n\n\n
Milyen el\u0151nye lehet egy webdesign sz\u00e1m\u00e1ra a s\u00f6t\u00e9t m\u00f3dnak?<\/h2>\n\n\n\n
Az ember alapvet\u0151en egy nappali l\u00e9ny, ugyanakkor az \u00e9jszaka sem idegen t\u0151le. \u00c9jszaka m\u00e1s tev\u00e9kenys\u00e9geket v\u00e9gez, mint nappal. Megfigyel, reag\u00e1l, gondolkodik, \u00f6nelemez. A s\u00f6t\u00e9tben m\u00e1sfajta ment\u00e1lis \u00e1llapotba ker\u00fcl\u00fcnk, \u00e9s mivel nem l\u00e1tunk tiszt\u00e1n \u00e9jszaka, ez\u00e9rt beindul a k\u00e9pzelet\u00fcnk.<\/p>\n\n\n\n
Ugyanakkor az els\u0151 vizu\u00e1lis alkot\u00e1sok vil\u00e1gos fel\u00fcletekre ker\u00fcltek, mert azon j\u00f3l l\u00e1tszottak a sz\u00ednek. Ez meg is maradt az \u00fajs\u00e1gok, a k\u00f6nyvek vagy ak\u00e1r a weboldalak eset\u00e9ben is. Az olvashat\u00f3s\u00e1gi kutat\u00e1sok mindig azt mondj\u00e1k, hogy az emberek vil\u00e1gos fel\u00fcleten s\u00f6t\u00e9t bet\u0171ket tudnak a legk\u00f6nnyebben befogadni<\/strong>. Ez a kialak\u00edt\u00e1s m\u00e1ra alapvet\u0151en elfogadott\u00e1 v\u00e1lt.<\/p>\n\n\n\n Ennek ellen\u00e9re a s\u00f6t\u00e9t fel\u00fcleteknek megvan a helye a designban. Hiszen, m\u00edg az \u00edrott sz\u00f6vegek domin\u00e1ns vil\u00e1gos sz\u00edne ink\u00e1bb praktikuss\u00e1got jelez, addig a s\u00f6t\u00e9t \u00e9pp az ellent\u00e9t\u00e9t. A s\u00f6t\u00e9tben megjelennek az \u00e1lmok, a f\u00e9lelmek \u00e9s a fant\u00e1zi\u00e1k.<\/p>\n\n\n\n Az els\u0151 sz\u00e1m\u00edt\u00f3g\u00e9pek \u00e9s termin\u00e1lok, melyeknek kijelz\u0151j\u00fck volt, szint\u00e9n fekete h\u00e1tt\u00e9ren jelen\u00edtettek meg feh\u00e9r bet\u0171ket. Az els\u0151 grafikus fel\u00fcletek megjelen\u00e9se el\u0151tt a fejleszt\u0151k m\u00e9g nem foglalkoztak a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nnyel. T\u00fal akart\u00e1k sz\u00e1rnyalni az \u00edr\u00f3g\u00e9pet, nem pedig ut\u00e1nozni azt.<\/p>\n\n\n\n Ugyanakkor az emberek jobban reag\u00e1ltak azokra a digit\u00e1lis term\u00e9kekre, melyek a val\u00f3s\u00e1ghoz hasonl\u00edtottak<\/strong>. Egy digit\u00e1lis fel\u00fcleten megjelen\u0151 bor\u00edt\u00e9k n\u00e9zzen ki olyannak, mint egy pap\u00edrbor\u00edt\u00e9k, vagy a lomt\u00e1r legyen olyan, mint egy szemetes. Ez vezetett a feh\u00e9r fel\u00fcletek uralm\u00e1hoz a digit\u00e1lis term\u00e9kekn\u00e9l.<\/p>\n\n\n\n Ma m\u00e1r nem is k\u00e9rd\u00e9s, hogy ha a tartalom nagyobb r\u00e9sze sz\u00f6veg, akkor milyen sz\u00ednekkel kell megjelennie.<\/strong> A k\u00f6nyvek \u00e9s az \u00fajs\u00e1gok m\u00e1r megmutatt\u00e1k, hogy mi m\u0171k\u00f6dik. Ez\u00e9rt van az, hogy a legsikeresebb weboldalak \u00e9s appok el\u00e9g egyforma sz\u00ednvil\u00e1g\u00faak.<\/p>\n\n\n Pedig nem csak a feh\u00e9r, hanem a fekete h\u00e1tt\u00e9r is engedi \u00e9rv\u00e9nyes\u00fclni a tartalmat. Egyszer\u0171bb persze a feh\u00e9ret haszn\u00e1lni, hiszen, ha k\u00e9pek \u00e9s sz\u00f6veg is szerepel egy tartalomban, akkor mindkett\u0151 egyar\u00e1nt j\u00f3l jelenik meg rajta: a sz\u00f6veg olvashat\u00f3, a k\u00e9p pedig kiemelkedik a h\u00e1tt\u00e9rb\u0151l. A feh\u00e9r tulajdonk\u00e9ppen \u00fcres, \u00e9szrevehetetlen. De vannak helyzetek, amikor a fekete jobb v\u00e1laszt\u00e1s<\/strong>.<\/p>\n\n\n\n P\u00e9ld\u00e1ul, ha egy olyan c\u00e9ged van, mely k\u00fcl\u00f6nb\u00f6z\u0151 term\u00e9keket gy\u00e1rt, akkor azokat szeretn\u00e9d min\u00e9l ink\u00e1bb a k\u00f6z\u00e9ppontba helyezni. Ez azt jelenti, hogy minden felesleget \u00e9s extr\u00e1t elt\u00e1vol\u00edtasz a k\u00f6zel\u00fckb\u0151l, hogy a term\u00e9k min\u00e9l ink\u00e1bb felh\u00edvja mag\u00e1ra a figyelmet. A fekete vagy s\u00f6t\u00e9t felhaszn\u00e1l\u00f3i fel\u00fclet pont ezt a zavar-mentes \u00e9lm\u00e9nyt k\u00edn\u00e1lja. Ez a technika nagyon j\u00f3l m\u0171k\u00f6dik. Az Apple p\u00e9ld\u00e1ul gyakran s\u00f6t\u00e9t h\u00e1tt\u00e9r el\u00e9 helyezi az \u00fajonnan bemutatott eszk\u00f6zeit.<\/p>\n\n\n Ez megjelenik a weboldalukon is, hab\u00e1r ott a hosszabb sz\u00f6vegek miatt gyakori a feh\u00e9r h\u00e1tteres megjelen\u00e9s is.<\/p>\n\n\n\n Akkor is j\u00f3l haszn\u00e1lhat\u00f3 azonban a s\u00f6t\u00e9t h\u00e1tt\u00e9r, amikor egy tartalmat els\u0151sorban csak annak \u00e1tfut\u00e1s\u00e1ra terveztek. Ilyenkor nincs sz\u00f3 val\u00f3di olvas\u00e1sr\u00f3l, csak a tekintet v\u00e9gigsiklik a fel\u00fcleten, \u00e9s kicsipeget bizonyos r\u00e9szleteket az ott tal\u00e1lhat\u00f3 inform\u00e1ci\u00f3k k\u00f6z\u00fcl. Ez lehet\u0151s\u00e9get ad a designereknek, hogy bizonyos r\u00e9szeit kiemelj\u00e9k a felhaszn\u00e1l\u00f3i fel\u00fcletnek. A megold\u00e1s j\u00f3l m\u0171k\u00f6dik analitikai eszk\u00f6z\u00f6kn\u00e9l, ahol seg\u00edti a felhaszn\u00e1l\u00f3kat abban, hogy gyorsabban reag\u00e1ljanak.<\/p>\n\n\n\n \u00c9s term\u00e9szetesen sz\u00f3rakoztat\u00f3 tartalmakn\u00e1l is van helye a s\u00f6t\u00e9t fel\u00fcleteknek, hiszen ezeket \u00e1ltal\u00e1ban az esti \u00f3r\u00e1kban fogyasztjuk. Ilyenkor a s\u00f6t\u00e9t fel\u00fclettel k\u00e9t legyet \u00fcthet\u00fcnk egy csap\u00e1sra: egyr\u00e9szt illeszkedik a k\u00f6rnyezethez (a s\u00f6t\u00e9thez), ugyanakkor remek\u00fcl kiemelhet\u0151k a kiv\u00e1lasztott tartalmak. A s\u00f6t\u00e9t fel\u00fcletek haszn\u00e1lat\u00e1val maxim\u00e1lis k\u00f6t\u0151d\u00e9s alak\u00edthat\u00f3 ki a felhaszn\u00e1l\u00f3val.<\/p>\n\n\n\n A l\u00e9nyeg teh\u00e1t az, hogy m\u00edg a tartalommal teli weboldalak olyanok, mint egy piac nappali f\u00e9nyben: minden ott van az orrod el\u0151tt, addig a s\u00f6t\u00e9t fel\u00fcletek olyanok, mint egy sz\u00ednpad, ahol a reflektorok ir\u00e1ny\u00edtj\u00e1k a figyelmet valamire, amit ki akarsz emelni<\/strong>. A s\u00f6t\u00e9ts\u00e9g nagyon j\u00f3l kihangs\u00falyoz mindent, amit k\u00f6rbevesz.<\/p>\n\n\n\n Egy vizsg\u00e1latban 115 embert k\u00e9rdeztek meg els\u0151 k\u00f6rben arr\u00f3l, hogy vil\u00e1gos vagy s\u00f6t\u00e9t m\u00f3dot haszn\u00e1lnak-e a mobiljukon. Mint kider\u00fclt egyharmaduk haszn\u00e1lt s\u00f6t\u00e9t m\u00f3dot<\/strong>, egyharmaduk vil\u00e1gos m\u00f3dot, egyharmaduk pedig a kett\u0151 kombin\u00e1ci\u00f3j\u00e1t.<\/p>\n\n\n\n Ezt k\u00f6vet\u0151en azt is megk\u00e9rdezt\u00e9k a s\u00f6t\u00e9t m\u00f3dot hszn\u00e1l\u00f3kat, hogy mi\u00e9rt haszn\u00e1lj\u00e1k azt:<\/p>\n\n\n\n A szemf\u00e1rad\u00e1s cs\u00f6kkent\u00e9se<\/strong> a leggyakoribb oka a s\u00f6t\u00e9t m\u00f3d haszn\u00e1lat\u00e1nak az \u00e1tlagos l\u00e1t\u00e1ssal b\u00edr\u00f3k k\u00f6r\u00e9ben. Mint az egyik felhaszn\u00e1l\u00f3 fogalmazott: „a szemem mindig nagyon \u00e9rz\u00e9keny volt az er\u0151s f\u00e9nyekre”<\/em>. Ez\u00e9rt \u0151 \u00fagy \u00e9rzi, hogy s\u00f6t\u00e9t m\u00f3dn\u00e1l kev\u00e9sb\u00e9 f\u00e1rad el a szeme, kevesebbszer f\u00e1j a feje. Pedig a s\u00f6t\u00e9t m\u00f3d haszn\u00e1lata nem garant\u00e1lja a fejf\u00e1j\u00e1s cs\u00f6kken\u00e9s\u00e9t, viszont a hiedelem el\u00e9g sz\u00e9les k\u00f6rben elterjedt, \u00e9s arra \u00f6szt\u00f6nzi a felhaszn\u00e1l\u00f3kat, hogy \u00e1lland\u00f3 jelleggel s\u00f6t\u00e9t m\u00f3dot haszn\u00e1ljanak. Egy vizsg\u00e1lat szerint ugyan a s\u00f6t\u00e9t m\u00f3d s\u00f6t\u00e9t k\u00f6rnyezetben val\u00f3ban kev\u00e9sb\u00e9 f\u00e1rasztja a szemet, a k\u00fcl\u00f6nbs\u00e9g azonban nagyon csek\u00e9ly<\/strong> m\u00e9rt\u00e9k\u0171 a vil\u00e1gos m\u00f3dhoz k\u00e9pest.<\/p>\n\n\n\n Sokak sz\u00e1m\u00e1ra a s\u00f6t\u00e9t m\u00f3d melletti els\u0151dleges indok az akkumul\u00e1tor k\u00edm\u00e9l\u00e9se<\/strong>, azaz ha nem vil\u00e1g\u00edt a kijelz\u0151, akkor felt\u00e9telez\u00e9s\u00fck szerint kevesebbet fogyaszt a mobiltelefon. Ez persze valid \u00e9rv, de csak OLED kijelz\u0151k eset\u00e9ben<\/strong>. 2023-ban nagyj\u00e1b\u00f3l az okostelefonok fele haszn\u00e1lt ilyen kijelz\u0151t. Az OLED-n\u00e9l ugyanis, ha teljesen fekete (#000000) egy pixel, akkor az a pixel teljesen ki van kapcsolva, illetve min\u00e9l vil\u00e1gosabb, ann\u00e1l t\u00f6bbet fogyaszt. <\/p>\n\n\n\n A Purdue Egyetem vizsg\u00e1lata szerint, ha 100 sz\u00e1zal\u00e9kra van \u00e1ll\u00edtva a kijelz\u0151 f\u00e9nyereje, akkor s\u00f6t\u00e9t m\u00f3ddal 67 sz\u00e1zal\u00e9kos megtakar\u00edt\u00e1st lehet el\u00e9rni. Ugyanakkor, ha 30 sz\u00e1zal\u00e9kos a kijelz\u0151 f\u00e9nyereje, akkor m\u00e1r csak 14 sz\u00e1zal\u00e9k a megtakar\u00edt\u00e1s. Azt is \u00e9rdemes figyelembe venni, hogy hi\u00e1ba haszn\u00e1lunk s\u00f6t\u00e9t m\u00f3dot energiamegtakar\u00edt\u00e1s c\u00e9lj\u00e1b\u00f3l, ha sok vide\u00f3t, k\u00e9pet, grafik\u00e1t n\u00e9z\u00fcnk, ugyanis ezek pont \u00fagy jelennek meg, mint vil\u00e1gos m\u00f3dban. <\/p>\n\n\n\n Vannak, akik eszt\u00e9tikai szempontokra<\/strong> hivatkoznak: vagyis szerint\u00fck jobban n\u00e9z ki a s\u00f6t\u00e9t m\u00f3dban a fel\u00fclet. Sokan ugyanakkor azt gondolj\u00e1k, hogy ha jobban n\u00e9z ki a fel\u00fclet, akkor k\u00f6nnyebb is haszn\u00e1lni. Ez azonban nem t\u00f6rv\u00e9nyszer\u0171. Egy eszt\u00e9tikusnak tekintett design nem fogja megoldani a haszn\u00e1lhat\u00f3s\u00e1gi probl\u00e9m\u00e1kat, illetve nincs is hat\u00e1ssal r\u00e1. <\/p>\n\n\n\n V\u00e9g\u00fcl, vannak olyan szemprobl\u00e9m\u00e1k, p\u00e9ld\u00e1ul a sz\u00fcrkeh\u00e1lyog<\/strong>, amikor el\u0151ny\u00f6sebb a s\u00f6t\u00e9t m\u00f3d. Ilyenkor, ha sok f\u00e9ny \u00e9ri a szemet, a felhaszn\u00e1l\u00f3 nehezebben f\u00f3kusz\u00e1l. Ez lehet tal\u00e1n a legink\u00e1bb \u00e9rv\u00e9nyes indok a s\u00f6t\u00e9t m\u00f3d haszn\u00e1lata mellett, illetve persze az egy\u00e9ni \u00edzl\u00e9s: ha valaki \u00fagy \u00e9rzi, hogy jobban szereti a fekete sz\u00ednt, akkor jobban is \u00e9rzi mag\u00e1t, ha ilyen fel\u00fcletet l\u00e1t. <\/p>\n\n\n\n Az el\u0151bbiekben m\u00e1r hivatkoztunk vizsg\u00e1latokra, n\u00e9zz\u00fck meg azonban r\u00e9szletesebben n\u00e9h\u00e1ny kutat\u00e1st!<\/p>\n\n\n\n A kiindul\u00e1si pont az, hogy a szem\u00fcnket \u00e9r\u0151 f\u00e9ny mennyis\u00e9ge befoly\u00e1solja az \u00e9rz\u00e9kel\u00e9s\u00fcnket. Ennek oka, hogy a pupilla v\u00e1ltoztatja m\u00e9ret\u00e9t a be\u00e9rkez\u0151 f\u00e9ny mennyis\u00e9g\u00e9nek hat\u00e1s\u00e1ra. Amikor kint vil\u00e1gos van, akkor \u00f6sszeh\u00faz\u00f3dik, amikor pedig s\u00f6t\u00e9t, akkor kit\u00e1gul. A kisebb pupillam\u00e9ret pedig cs\u00f6kkenti az es\u00e9ly\u00e9t a szf\u00e9rikus aberr\u00e1ci\u00f3<\/a> megjelen\u00e9s\u00e9nek, vagyis a k\u00e9p f\u00f3kusz\u00e1ltabb \u00e9s nagyobb a m\u00e9lys\u00e9g\u00e9less\u00e9g. Ez pedig azt jelenti, hogy az embereknek sz\u0171k pupill\u00e1n\u00e1l, azaz nagyobb f\u00e9nyer\u0151 mellett k\u00f6nnyebb a sz\u00f6vegre \u00f6sszpontos\u00edtaniuk<\/strong>, melynek eredm\u00e9nyek\u00e9nt a szemeik kev\u00e9sb\u00e9 f\u00e1radnak el. <\/p>\n\n\n\n Egy m\u00e1sik fontos t\u00e9nyez\u0151, hogy ahogy \u00f6regsz\u00fcnk, a pupill\u00e1nknak cs\u00f6kken a m\u00e9rete. A kisebb pupilla pedig kevesebb f\u00e9nyt enged be, mely rontja a sz\u00f6vegolvas\u00e1si k\u00e9pess\u00e9g\u00fcnket, k\u00fcl\u00f6n\u00f6sen gyenge megvil\u00e1g\u00edt\u00e1sn\u00e1l (ami \u00e9jszaka is jellemz\u0151). M\u00e1sr\u00e9szt viszont, ahogy \u00f6regsz\u00fcnk, egyre \u00e9rz\u00e9kenyebbek lesz\u00fcnk az er\u0151s f\u00e9nyre. <\/p>\n\n\n\n Az els\u0151 vizsg\u00e1lat a s\u00f6t\u00e9t m\u00f3ddal kapcsolatban m\u00e9g a \u201880-as \u00e9vekb\u0151l sz\u00e1rmazik, \u00e9s azt \u00e1llap\u00edtotta meg, hogy a kontrasztos polarit\u00e1s nem befoly\u00e1solja a vizu\u00e1lis teljes\u00edtm\u00e9nyt. Az\u00f3ta azonban t\u00f6bb \u00faj kutat\u00e1s is megjelent, melyek ellent\u00e9tes eredm\u00e9nyekre jutottak. Az NNG ezek k\u00f6z\u00fcl kett\u0151t emelt ki: az egyiket m\u00e9g 2013-ban tett\u00e9k k\u00f6zz\u00e9 az Ergonomics c\u00edm\u0171 lapban, m\u00edg a m\u00e1sikat 2017-ban az Applied Ergonomicsban. Ut\u00f3bbi azt vizsg\u00e1lta, hogy a k\u00fcl\u00f6nb\u00f6z\u0151 fel\u00fcleteken milyen gyorsan tudnak elolvasni egy-k\u00e9t sz\u00f3t az emberek, ami jellemz\u0151 az okostelefonos, okos\u00f3r\u00e1s interakci\u00f3kra. <\/p>\n\n\n\n Az els\u0151 kutat\u00e1sra visszat\u00e9rve: abban fiatalabbakat (18-33 \u00e9v) \u00e9s id\u0151sebbeket (60-85 \u00e9v) is vizsg\u00e1ltak, \u00e9s egyik r\u00e9szvev\u0151 sem szenvedett semmilyen szembetegs\u00e9gben. Vizsg\u00e1lt\u00e1k a l\u00e1t\u00e1s\u00e9less\u00e9get \u00e9s az olvas\u00e1si hat\u00e9konys\u00e1got, azzal, hogy a tesztalanyoknak hib\u00e1kat kellett kisz\u0171rni\u00fck egy r\u00f6vid bekezd\u00e9sben. A kutat\u00f3k azt is m\u00e9rt\u00e9k, hogy a r\u00e9sztvev\u0151k panaszkodnak-e szemf\u00e1radts\u00e1gra, fejf\u00e1j\u00e1sra, izomh\u00faz\u00f3d\u00e1sra, h\u00e1tf\u00e1jdalomra, illetve mik\u00e9nt alakul a k\u00f6z\u00e9rzet\u00fck.<\/p>\n\n\n\n A l\u00e9nyeg az, hogy meg\u00e1llap\u00edtott\u00e1k: minden tekintetben a vil\u00e1gos m\u00f3d volt a nyer\u0151<\/strong>. F\u00fcggetlen\u00fcl az \u00e9letkort\u00f3l, a vil\u00e1gos m\u00f3d eset\u00e9n jobb volt a l\u00e1t\u00e1s\u00e9less\u00e9g \u00e9s az olvas\u00e1s is hat\u00e9konyabb<\/strong> volt. Ugyanakkor azt is meg\u00e1llap\u00edtott\u00e1k, hogy id\u0151sekn\u00e9l kisebb volt a k\u00fcl\u00f6nbs\u00e9g, mint a fiatalokn\u00e1l. Ez azt jelenti, hogy b\u00e1r a vil\u00e1gos m\u00f3d az id\u0151sebbek sz\u00e1m\u00e1ra is el\u0151ny\u00f6sebb, nem nyertek vele annyit, mint a fiatalok.<\/p>\n\n\n\n Ami a f\u00e1radts\u00e1gi mutat\u00f3kat illeti, nem tal\u00e1ltak szignifik\u00e1ns k\u00fcl\u00f6nbs\u00e9get. <\/p>\n\n\n\n Egy m\u00e1sik kutat\u00e1s, mely a Human Factorsban jelent meg ugyanett\u0151l a kutat\u00f3csoportt\u00f3l, azt is vizsg\u00e1lta, hogy a sz\u00f6vegm\u00e9ret mik\u00e9nt viszonyul a kontrasztos polarit\u00e1shoz \u00e9s az olvas\u00e1si hat\u00e9konys\u00e1ghoz. Azt \u00e1llap\u00edtott\u00e1k meg, hogy a vil\u00e1gos m\u00f3d el\u0151nye line\u00e1risan n\u0151tt, ahogy a bet\u0171m\u00e9retek cs\u00f6kkentek<\/strong>. Ez azt jelenti, hogy a kisebb bet\u0171kn\u00e9l m\u00e9g k\u00f6nnyebb volt a felhaszn\u00e1l\u00f3knak vil\u00e1gos m\u00f3dban olvasni. Ami ezen t\u00fal \u00e9rdekes, hogy b\u00e1r a kutat\u00e1s egy\u00e9rtelm\u0171 teljes\u00edtm\u00e9ny-el\u0151nyt mutatott a vil\u00e1gos m\u00f3dn\u00e1l<\/strong>, a felhaszn\u00e1l\u00f3k m\u00e9gis \u00fagy \u00e9rz\u00e9kelt\u00e9k, hogy azonos az olvashat\u00f3s\u00e1ga a vil\u00e1gos \u00e9s a s\u00f6t\u00e9t m\u00f3dban megjelen\u0151 sz\u00f6vegeknek is. Ennek kapcs\u00e1n az NNG term\u00e9szetesen a usability els\u0151 sz\u00e1m\u00fa szab\u00e1ly\u00e1ra h\u00edvja fel a figyelmet, m\u00e9gpedig arra, hogy ne hallgass a felhaszn\u00e1l\u00f3kra!<\/strong><\/p>\n\n\n\n De visszat\u00e9rve a kor\u00e1bban m\u00e1r eml\u00edtett m\u00e1sodik kutat\u00e1sra, az azt vizsg\u00e1lta, hogy a k\u00f6rnyezet megvil\u00e1g\u00edt\u00e1sa mik\u00e9nt befoly\u00e1solja egy lexik\u00e1lis d\u00f6nt\u00e9si feladat elv\u00e9gz\u00e9s\u00e9nek hat\u00e9konys\u00e1g\u00e1t. (Itt a tesztalanyoknak mutatnak egy bet\u0171sort, \u00e9s azt kell eld\u00f6ntenie, hogy az egy \u00e9rtelmes sz\u00f3, vagy sem). A szavakat s\u00f6t\u00e9t \u00e9s vil\u00e1gos m\u00f3dban is megmutatt\u00e1k a tesztalanyoknak k\u00fcl\u00f6nb\u00f6z\u0151 k\u00f6rnyezeti megvil\u00e1g\u00edt\u00e1st (nappali \u00e9s \u00e9jszakai f\u00e9ny), illetve elt\u00e9r\u0151 bet\u0171m\u00e9reteket is vari\u00e1lva. <\/p>\n\n\n\n A vizsg\u00e1lat azt \u00e1llap\u00edtotta meg, hogy mind a megvil\u00e1g\u00edt\u00e1s, mind a m\u00f3d, mind a sz\u00f6vegm\u00e9ret befoly\u00e1ssal volt a teljes\u00edtm\u00e9nyre. M\u00e9gpedig \u00fagy, ahogy az v\u00e1rhat\u00f3: a szimul\u00e1lt nappal gyorsabb d\u00f6nt\u00e9seket eredm\u00e9nyezett, a vil\u00e1gos m\u00f3d el\u0151ny\u00f6sebb volt<\/strong>, mint a s\u00f6t\u00e9t m\u00f3d, \u00e9s a nagyobb bet\u0171ket gyorsabban olvast\u00e1k az alanyok, mint a kisebbeket. <\/p>\n\n\n\n Ami pedig igaz\u00e1n \u00e9rdekes meg\u00e1llap\u00edt\u00e1s, hogy nappal csek\u00e9lyebb volt a hat\u00e1sa a kontrasztos polarit\u00e1snak, de \u00e9jszaka a vil\u00e1gos m\u00f3d jobb teljes\u00edtm\u00e9nyt eredm\u00e9nyezett<\/strong>, mint a s\u00f6t\u00e9t m\u00f3d. R\u00e1ad\u00e1sul \u00e9jszaka nehezebb volt a kisebb bet\u0171m\u00e9ret\u0171 sz\u00f6vegeket is olvasni s\u00f6t\u00e9t m\u00f3dban, mint vil\u00e1gos m\u00f3dban. <\/p>\n\n\n\n Ezek azonban csak a r\u00f6vid t\u00e1v\u00fa hat\u00e1sok, \u00e9rdemes egy pillant\u00e1st vetni a hossz\u00fa t\u00e1v\u00fa hat\u00e1sokra is. M\u00e1rpedig egy 2018-as kutat\u00e1s szerint a vil\u00e1gos m\u00f3dnak val\u00f3 tart\u00f3s kitetts\u00e9g r\u00f6vidl\u00e1t\u00e1shoz vezethet<\/strong>. Ez pedig azt jelenti, hogy b\u00e1r a teljes\u00edtm\u00e9ny\u00fcnk jobb vil\u00e1gos m\u00f3dot haszn\u00e1lva r\u00f6vid t\u00e1von, ennek hossz\u00fa t\u00e1von \u00e1ra lehet.<\/p>\n\n\n\n Egy m\u00e1sik fontos kutat\u00e1s a t\u00e9m\u00e1ban – mely az eg\u00e9sz technol\u00f3giai ipar\u00e1gat a s\u00f6t\u00e9t m\u00f3d ir\u00e1ny\u00e1ba ford\u00edtotta – Gordon Legge \u00e9s munkat\u00e1rsainak vizsg\u00e1lata volt a Minnesota Egyetemen, ahol k\u00f6zponti l\u00e1t\u00e1sk\u00e1rosod\u00e1ssal \u00e9s sz\u00fcrkeh\u00e1lyoggal \u00e9rintett tesztalanyokn\u00e1l vizsg\u00e1lt\u00e1k a s\u00f6t\u00e9t \u00e9s vil\u00e1gos m\u00f3dot. Ebb\u0151l az der\u00fclt ki, hogy a sz\u00fcrkeh\u00e1lyogban szenved\u0151 alanyok jobban l\u00e1tnak s\u00f6t\u00e9t m\u00f3dban<\/strong>, mivel min\u00e9l nagyobb a szem\u00fckbe \u00e9rkez\u0151 f\u00e9ny mennyis\u00e9ge, ann\u00e1l nagyobb a torz\u00edt\u00e1s. A m\u00e1sik csoportot nem \u00e9rintette a s\u00f6t\u00e9t \u00e9s a vil\u00e1gos m\u00f3d v\u00e1lt\u00e1sa.<\/p>\n\n\n\n Sokan felh\u00edvt\u00e1k azonban a figyelmet arra a probl\u00e9m\u00e1ra, hogy Legge kutat\u00e1sai m\u00e9g akkor sz\u00fclettek, amikor CRT-kijelz\u0151ket haszn\u00e1ltak, nem pedig a most elterjedt LED-kijelz\u0151ket. M\u00e1rpedig ezek a CRT-kijelz\u0151k vil\u00e1gos m\u00f3dban hajlamosabbak voltak villogni, mint s\u00f6t\u00e9t m\u00f3dban, \u00edgy lehet, hogy mind\u00f6ssze ennek k\u00f6sz\u00f6nhet\u0151 az eredm\u00e9ny.<\/p>\n\n\n\n \u00d6sszess\u00e9g\u00e9ben teh\u00e1t azt lehet mondani, hogy mik\u00f6zben a s\u00f6t\u00e9t m\u00f3dnak ugyan lehet n\u00e9mi el\u0151nye a rosszul l\u00e1t\u00f3 szem\u00e9lyek eset\u00e9ben, els\u0151sorban azokn\u00e1l, akiknek sz\u00fcrkeh\u00e1lyogjuk van, a j\u00f3l l\u00e1t\u00f3 szem\u00e9lyek teljes\u00edtm\u00e9nye vil\u00e1gos m\u00f3d eset\u00e9ben jobb<\/strong>. Ennek oka, hogy ilyenkor a pupilla sz\u0171k\u00fcl, ez\u00e1ltal pedig kisebb a szf\u00e9rikus torz\u00edt\u00e1s, nagyobb a m\u00e9lys\u00e9g\u00e9less\u00e9g, \u00edgy jobban tudnak a r\u00e9szletekre f\u00f3kusz\u00e1lni m\u00e9rs\u00e9keltebb szemf\u00e1rad\u00e1s mellett. \u00c9s hab\u00e1r nagyobb bet\u0171m\u00e9retekn\u00e9l, illetve er\u0151s k\u00f6rnyezeti megvil\u00e1g\u00edt\u00e1sn\u00e1l m\u00e1r nem mutatkozik meg ez az el\u0151ny, m\u00e9gsem igaz\u00e1n van \u00e9rtelme emiatt s\u00f6t\u00e9t m\u00f3dra v\u00e1ltani. <\/p>\n\n\n\n Az egyik legfontosabb dolog, hogy ha s\u00f6t\u00e9t m\u00f3dra v\u00e1ltan\u00e1l az appod vagy weboldalad designj\u00e1ban, akkor nem egyszer\u0171en annyit teszel, hogy lecser\u00e9led a feh\u00e9ret feket\u00e9re \u00e9s ford\u00edtva. A dolog egy kicsit bonyolultabb.<\/p>\n\n\n\n Hab\u00e1r sok esetben kompenz\u00e1lhat\u00f3 a s\u00f6t\u00e9t h\u00e1tt\u00e9r a megv\u00e1ltoztatott m\u00e9ret\u0171 \u00e9s sz\u00edn\u0171 elemekkel, vannak olyan dolgok, amik nem m\u0171k\u00f6dnek s\u00f6t\u00e9t h\u00e1tt\u00e9ren. Ilyen lehet p\u00e9ld\u00e1ul egy sz\u00f6vegszerkeszt\u0151 vagy ak\u00e1r egy fot\u00f3szerkeszt\u0151 fel\u00fclet. De lehet olyan a designod, amivel nem f\u00e9r \u00f6ssze a s\u00f6t\u00e9t m\u00f3d. Mit kell megfontolnod?<\/p>\n\n\n\n Akkor haszn\u00e1lj ink\u00e1bb vil\u00e1gos t\u00e9m\u00e1t, amikor<\/p>\n\n\n\n Ugyanakkor haszn\u00e1lhatod a s\u00f6t\u00e9t h\u00e1tteret, ha<\/p>\n\n\n\n Azt is fontos azonban figyelembe venni, hogy ma m\u00e9g a legt\u00f6bb sz\u00f6veges anyag vil\u00e1gos h\u00e1tt\u00e9ren jelenik meg, nyilv\u00e1n nem v\u00e9letlen\u00fcl. A kutat\u00e1sok ugyan ellentmond\u00f3ak, azonban, ha sok sz\u00f6veget haszn\u00e1lsz a weboldaladon, akkor nem biztos, hogy egy fekete h\u00e1tt\u00e9r eset\u00e9n ugyanannyit fognak elolvasni bel\u0151le a l\u00e1togat\u00f3k, mint vil\u00e1gos h\u00e1tt\u00e9rn\u00e9l. Ezt tesztelni kell.<\/p>\n\n\n\n C\u00e9lszer\u0171 persze arra is figyelni, hogy a felhaszn\u00e1l\u00f3id mit v\u00e1rnak el, k\u00e9szen \u00e1llnak-e a s\u00f6t\u00e9t m\u00f3d haszn\u00e1lat\u00e1ra, mely egyel\u0151re m\u00e9g szokatlan a weben, a gyors terjed\u00e9s ellen\u00e9re. A k\u00fcl\u00f6nb\u00f6z\u0151 c\u00e9lcsoportoknak elt\u00e9r\u0151 preferenci\u00e1ik vannak, ezt nem szabad elfelejteni. \u00c9rdemes a vizsg\u00e1latokra is \u00e1ldozni, hogy kider\u00fclj\u00f6n: k\u00eds\u00e9rletezhetsz-e a modernebb megjelen\u00e9ssel.<\/p>\n\n\n\n \u00cdgy a legjobb, ha nem mi d\u00f6nt\u00fcnk a vil\u00e1gos vagy a s\u00f6t\u00e9t m\u00f3d mellett, hanem a felhaszn\u00e1l\u00f3kra b\u00edzzuk azt, hogy kiv\u00e1lassz\u00e1k a maguk sz\u00e1m\u00e1ra, melyik m\u00f3dot szeretn\u00e9k haszn\u00e1lni<\/strong>. Hiszen hossz\u00fa t\u00e1von ronthatja a szemet a vil\u00e1gos m\u00f3d, valamint n\u00e9h\u00e1ny szemprobl\u00e9ma eset\u00e9n hat\u00e9konyabb a s\u00f6t\u00e9t m\u00f3d, \u00e9s v\u00e9g\u00fcl vannak, akik egyszer\u0171en jobban szeretik a s\u00f6t\u00e9t m\u00f3dot.<\/p>\n\n\n\n Ha a s\u00f6t\u00e9t m\u00f3d j\u00f3l meg van tervezve \u00e9s le lett tesztelve, akkor a legt\u00f6bb esetben j\u00f3 a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nye. Gyakran lehet azonban l\u00e1tni azt, hogy egy pluginnel oldj\u00e1k meg a v\u00e1lt\u00e1st a vil\u00e1gos \u00e9s s\u00f6t\u00e9t m\u00f3d k\u00f6z\u00f6tt, ami ugyan leegyszer\u0171s\u00edti a munk\u00e1t, viszont az eredm\u00e9nye nem mindig kiel\u00e9g\u00edt\u0151. Sok olyan apr\u00f3s\u00e1g mer\u00fcl fel, mely jelent\u0151sen rontja egy weboldal vagy applik\u00e1ci\u00f3 haszn\u00e1lhat\u00f3s\u00e1g\u00e1t. Csak hogy n\u00e9h\u00e1ny p\u00e9ld\u00e1t eml\u00edts\u00fcnk:<\/p>\n\n\n\n Mint az el\u0151bbiekben l\u00e1that\u00f3, nem olyan egyszer\u0171 a v\u00e1lt\u00e1s s\u00f6t\u00e9t m\u00f3dra, ugyanakkor mivel sok felhaszn\u00e1l\u00f3 – gyakran indokolatlanul, de – szereti, ez\u00e9rt \u00e9rdemes lehet kiszolg\u00e1lni az ig\u00e9ny\u00fcket. <\/p>\n\n\n\n A s\u00f6t\u00e9t h\u00e1tt\u00e9r nem felt\u00e9tlen\u00fcl jelenti azt, hogy a kor\u00e1bbi els\u0151dleges vagy kiemelked\u0151 sz\u00edneidet ne haszn\u00e1lhatn\u00e1d, hiszen ak\u00e1r passzolhatnak is hozz\u00e1, k\u00fcl\u00f6n\u00f6sen egy ikon eset\u00e9ben. Mindig figyelni kell azonban kontrasztra, vagyis annak m\u00e9rt\u00e9k\u00e9re. Ha nem elegend\u0151 a kontraszt, akkor bajosan fogja mag\u00e1ra felh\u00edvni a figyelmet az adott elem, ami m\u00e1r gondot jelent a designban.<\/p>\n\n\n\n A probl\u00e9ma tipikusan a tel\u00edtett sz\u00ednekn\u00e9l jelentkezik, melyeket nagy el\u0151szeretettel haszn\u00e1lunk gombokn\u00e1l vagy egy\u00e9b figyelemfelh\u00edv\u00f3 elemekn\u00e9l vil\u00e1gos h\u00e1ttereken. Ez azonban nem m\u0171k\u00f6dik ugyan\u00fagy s\u00f6t\u00e9t m\u00f3dban. A Google ilyenkor egy plusz 40 sz\u00e1zal\u00e9kos feh\u00e9r layert tesz r\u00e1 a sz\u00ednre a Material Guidelines<\/a> szerint, vagyis egyszer\u0171en egy \u00faj sz\u00ednt kezd haszn\u00e1lni, amikor s\u00f6t\u00e9t m\u00f3dra v\u00e1lt. Ez az \u00e9rt\u00e9k egy j\u00f3 kiindul\u00f3pont lehet mindenki sz\u00e1m\u00e1ra. Ragaszkodni persze nem musz\u00e1j hozz\u00e1, de a kontrasztot mindig figyelni kell. <\/p>\n\n\n\n A k\u00f6vetkez\u0151 probl\u00e9ma a bet\u0171kn\u00e9l jelentkezik, az olvashat\u00f3s\u00e1got tekintve. A megszokott sz\u00edneid a megszokott bet\u0171m\u00e9retben nem val\u00f3sz\u00edn\u0171, hogy olvashat\u00f3ak maradnak. Ebben az esetben vagy a sz\u00ednen kell m\u00f3dos\u00edtani, vagy a m\u00e9reteken. <\/p>\n\n\n\n Ugyanakkor nem csak a sz\u00ednes bet\u0171kkel lesz gond s\u00f6t\u00e9t fel\u00fcleteken, hanem a feh\u00e9rrel is. Az nem m\u0171k\u00f6dik, hogy egy teljesen fekete h\u00e1tt\u00e9rre r\u00e1helyezel maxim\u00e1lisan feh\u00e9r bet\u0171ket. Ebben az esetben ugyanis elkezdenek egybefolyni a szeml\u00e9l\u0151 sz\u00e1m\u00e1ra a vil\u00e1g\u00edt\u00f3 bet\u0171k, \u00e9s olvashatatlann\u00e1 v\u00e1lik a sz\u00f6veg. Teh\u00e1t ahogy egy teljesen feh\u00e9r h\u00e1tt\u00e9r sem nyer\u0151 megold\u00e1s, \u00fagy a teljesen feh\u00e9r sz\u00f6veg sem fekete h\u00e1tt\u00e9ren.<\/p>\n\n\n\n Amire m\u00e9g figyelj s\u00f6t\u00e9t m\u00f3dn\u00e1l:<\/p>\n\n\n\n![\"Uralkodnak](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2018\/11\/feher-feluletek.jpg\")
<\/figure><\/div>\n\n\n![\"A](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2018\/11\/macbook-pro-sotet-hatter.jpg\")
Mit mondanak a felhaszn\u00e1l\u00f3k, mi\u00e9rt szeretik a s\u00f6t\u00e9t m\u00f3dot? (FRISS\u00cdT\u00c9S, 2023.09.12.)<\/h2>\n\n\n\n
\n
Mit mutatnak a kutat\u00e1sok a s\u00f6t\u00e9t m\u00f3ddal kapcsolatban?<\/h2>\n\n\n\n
Mikor \u00e9s hogyan alkalmazd a s\u00f6t\u00e9t m\u00f3dot? (FRISS\u00cdTVE, 2023.0921.)<\/h2>\n\n\n\n
Mikor \u00e9rdemes haszn\u00e1lni a s\u00f6t\u00e9t m\u00f3dot, \u00e9s mikor nem?<\/h3>\n\n\n\n
\n
\n
Milyen probl\u00e9m\u00e1kat szokott okozni a s\u00f6t\u00e9t m\u00f3d a designban?<\/h3>\n\n\n\n
\n
Hogyan haszn\u00e1ld a s\u00f6t\u00e9t m\u00f3dot?<\/h3>\n\n\n\n
![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/06\/gomb-sotet-feluleten.jpg\")
<\/figure>\n\n\n\n![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/06\/szines-betuk-sotet-feluleten.jpg\")
<\/figure>\n\n\n\n\n