Design színtévesztőknek
A lájkon túl
2012-07-19
Sándor Imre PR-Díjat nyertünk
2012-09-18

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.

6 Comments

  1. Nem jók az illusztrációk,félrevezetők!!! Én is színtévesztő vagyok(vörös) mégis jól látom a különbséget!!! Megint keverik a színvaksággal,felháborítóóó! :))

  2. Deák Gábor – Kedves Gábor, Igen, ezek az ábrák úgy vannak megcsinálva, hogy lehessen látni a színeket. Az az ábra, amin Ön eltévesztheti a színeket, az a kacsás banner felső része. Ha viszont ténylegesen valamilyen szakmai hiba van a cikkben, ezt kérjük, hogy írja meg az info@psprovocative.com e-mail címre.

  3. Antal Péter szerint:

    Én is színtévesztő vagyok. Az a helyzet, hogy én nem tudom elmagyarázni, mi a konkrét probléma az illusztrációkkal, pedig látom, hogy valami nagyon nem stimmel rajta, de mégsem tudom pontosan “egyeztetni”, hogy “mit” és “hogyan” látok rajta, mert az olyan vállalkozás lenne, mintha valaki egy étel ízét szeretne szavakba önteni egy olyan embernek, aki még soha evett a szóban forgó ételről, bár az összetevőit ismeri. A megoldás az lenne, ha valaki egyik napról a másikra úgy látná “helyesen” a színeket, hogy előtte évekig színtévesztő volt (vagy fordítva). Akkor meg tudná jeleníteni egy monitoron a különbséget. Kicsit olyan ez a helyzet, mint amiről a szubjektív idealizmus beszél. 🙂

  4. Boglarka Nagy a Facebookról szerint:

    En meg annyit konyorogtem a szinteveszto barataimnak, hogy fessenek nekem valamit. Annyira erdekelt, hogy hogyan latjak ok a szineket, amiket hasznalok… *sohaj. Izgi cikk, koszi, hogy megosztottad. 🙂

  5. Attila István Nagy a Facebookról szerint:

    De mi a helyzet akkor, ha a designer szintévesztő?

  6. sürgősen váltson szakmát 😀

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük