Design színtévesztőknek

Az újságok, brosúrák vagy honlapok esetében központi szerepet játszanak a különböző vizuális elemek. Ha a dizájnra építünk, és fontos számunkra, hogy a látogatók, olvasók azt lássák, amit mutatni szeretnénk, akkor érdemes odafigyelni a színtévesztőkre is.

A színlátási zavarok egyik leggyakoribb típusa az öröklődő színtévesztés, amely a férfiak nyolc, a nők fél százalékát érinti. A leggyakoribb típusa a zöld és a vörös érzékelésének hibája, a legritkább pedig a genetikai kék színvakság. A színtévesztés esetében kevesebb a színérzékelő receptorok mennyisége, a színvakoknál pedig valamelyik receptor teljesen hiányzik. Hazánkban hozzávetőlegesen négyszáz-ezer ember küzd a színtévesztés vagy színvakság problémájával. Ez az arány igen jelentős, és számos területen játszhat meghatározó szerepet a célközönség elérésében.

Mit tehetünk mi?

Egy weboldal kialakításánál, kreatív megtervezésénél nem csak az esztétikai, hanem használhatósági szempontokat is figyelembe kell venni. Ha egy színtévesztő számára nem egyértelműen elkülöníthetők a funkciók, vagy egy újság esetében összefolynak a különböző kiemelések, akkor a praktikus szempontoknak nem felel meg az adott felület. Szerencsére már van lehetőségünk arra, hogy a színvakok és színtévesztők szemével láthassunk egy-egy vizuális anyag tervezésénél.

A Color Oracle ingyenes szimulátor, amely Windowsra, Macre és Linuxra is egyaránt telepíthető. A programot a tálcáról is futtathatjuk, és egy gombnyomással képet kaphatunk arról, hogy hogyan látnák a színtévesztők a képernyőnket, ráadásul azt is beállíthatjuk, hogy a színlátási zavarok melyik típusára szeretnénk tesztelni az adott weblapot, kreatívot vagy képet.

Weboldalak

[media_box type=”/wp-content/uploads/2012/09/pspr1.png” hover_text=”Így látja az oldalt a zöld-piros tévesztők többsége.” alt=”” title=”” width=”500″ align=”align-left” lightbox=”yes” new_tab=”no” thumbnail=”/wp-content/uploads/2012/09/pspr1.png” src=”/wp-content/uploads/2012/09/pspr1.png”]

Amikor a G Data vírusirtó magyarországi honlapját készítettük, természetesen folyamatosan teszteltük a terveket, és figyeltünk arra, hogy a piros fejléc és a szürke menü közötti kontraszt a színtévesztők számára is egyértelmű legyen – ez nem minden kezdeti terv esetében volt így.

Grafikonok

[media_box type=”/wp-content/uploads/2012/09/pspr21.jpg” hover_text=”Sokan így látnak egy színes grafikont” alt=”” title=”” width=”360″ align=”align-left” lightbox=”yes” new_tab=”no” thumbnail=”/wp-content/uploads/2012/09/pspr21.jpg” src=”/wp-content/uploads/2012/09/pspr21.jpg”]A grafikonok és ábrák esetében különösen fontos, hogy a színtévesztők és színvakok számára is egyértelműek legyenek a jelölések, hiszen azok könnyen érthetetlenné vagy félreértelmezhetővé válhatnak. Fontos ezért, hogy olyan árnyalatokat alkalmazzunk, melyek a színtévesztők számára is különböznek egymástól.

Bannerek

[media_box type=”/wp-content/uploads/2012/09/kacsa1.jpg” hover_text=”A sárga kacsa csak 1 pontot ér, a zöld pedig 10-et” alt=”” title=”” width=”360″ align=”align-left” lightbox=”yes” new_tab=”no” thumbnail=”/wp-content/uploads/2012/09/kacsa1.jpg” src=”/wp-content/uploads/2012/09/kacsa1.jpg”]Az internetes hirdetések, bannerek esetében szintén a vizualitáson van a hangsúly, így ezek tervezésénél is érdemes figyelni a részletekre. A Kreatív oldalán nap mint nap találkozhatunk egy számítógépes játékot idéző reklámmal (vigyázat, könnyen függőséget okoz). A kacsák lövöldözésénél fontosak a színek, ugyanis mindegyik szín más pontszámot ér. Nézzük, átment-e a színteszten?!

Az eredmény azt mutatja, hogy a színtévesztők számára még élvezetesebb lehetne a játék, ha más színösszeállításban készült volna el…

Print hirdetések

Az eredeti példa:

A Color Oracle mellett egyébként online szolgáltatásokat is találhatunk a terveink ellenőrzésére. A Vischeck az URL beírása után mutatja meg, hogyan látják honlapunkat a színtévesztők egyes csoportjai. A tapasztalat szerint általánosságban jól használható, azonban a különböző grafikai elemek megzavarhatják, néhányat nem tud értelmezni, és kihagyja a szűrésből. A Vischeck azonban különböző kiegészítőkkel is rendelkezik, az egyik legérdekesebb a Daltonize nevű funkció, amellyel az eredeti kép színeit olyanra festhetjük, hogy a színtévesztők is több árnyalatot érzékelhessenek. Ez az eszköz különösen print anyagoknál lehet hasznos.
[media_box type=”/wp-content/uploads/2012/09/kep1.jpg” hover_text=”Az eredeti kép.” alt=”” title=”” width=”360″ align=”align-left” lightbox=”yes” new_tab=”no” thumbnail=”/wp-content/uploads/2012/09/kep1.jpg” src=”/wp-content/uploads/2012/09/kep1.jpg”]
[media_box type=”/wp-content/uploads/2012/09/kep2.jpg” hover_text=”A javított kép.” alt=”” title=”” width=”360″ align=”align-right” lightbox=”yes” new_tab=”no” thumbnail=”/wp-content/uploads/2012/09/kep2.jpg” src=”/wp-content/uploads/2012/09/kep2.jpg”]

Az Asp.net szintén internetes alkalmazás. A különbség az előzőhöz képest, hogy nem tud URL cím alapján ellenőrizni, így egy honlap tesztelése körülményes. Képfájlokat tölthetünk fel, és szintén szűrhetünk színtévesztési típus szerint.[media_box type=”/wp-content/uploads/2012/09/bank2.jpg” hover_text=”Íme:” alt=”” title=”” width=”500″ align=”align-right” lightbox=”yes” new_tab=”no” thumbnail=”/wp-content/uploads/2012/09/bank2.jpg” src=”/wp-content/uploads/2012/09/bank2.jpg”] Végül természetesen a különböző grafikai programokhoz is lehet társítani hasonló funkcionalitással rendelkező pluginokat. A lényeg, hogy mind a fenti példák, mind a statisztikák azt mutatják, érdemes odafigyelni a színtévesztőkre is a különböző kreatív anyagok tervezésénél. Bónuszként pedig megmutatjuk, hogy melyik cég arculata a legérzékenyebb, és melyiké a legkevésbé érzékeny a leggyakoribb színtévesztési hibára.