Színkontrasztok javítása gyengénlátó felhasználók számára

Látásjavító kontrasztok alapjai

A Látásjavító kontrasztok témája akkor kerül elő, amikor egy weboldal látszólag rendezett, mégis nehéz olvasni rajta a szöveget, bizonytalan a gombok határa, vagy a fontos elemek egyszerűen beleolvadnak a háttérbe. Ilyenkor sokan csak annyit mondanak, hogy kicsit halvány lett a dizájn. A valóság ennél prózaibb. Ha a kontraszt gyenge, az oldal fárasztó lesz. Nem csak gyengénlátóknak. Hanem sokszor annak is, aki telefonon nézi napfényben, fáradtan olvas, vagy gyorsan akar dönteni. A Látásjavító kontrasztok ezért nem díszítő részletet jelentenek, hanem a használhatóság alapját.

Személy szerint én mindig gyanakodni kezdek, amikor egy oldal első ránézésre elegáns, de pár perc után zavaróan nehéz olvasni. Ez gyakran nem a betűméret miatt van, hanem a túl közeli árnyalatok miatt. Világosszürke szöveg törtfehér háttéren. Halvány gomb pasztell mezőben. Vékony link gyenge kiemeléssel. Sokan ezt kifinomultnak érzik. Az én tapasztalatom az, hogy inkább bizonytalanná teszi a felületet. A jó kontraszt nem durva. Csak egyértelmű.

Sok megrendelő ott hibázik, hogy kizárólag a saját szemére hagyatkozik. Ő tudja, mit hol keressen, ezért kevésbé tűnik fel neki a gond. A látogató viszont nem ismeri az oldalt. Neki rögtön értelmeznie kell a címet, a menüt, a gombot, az űrlapot és a hibajelzést is. Ha a fontos részek nem válnak el eléggé, a teljes oldal lassabbnak és nehezebbnek érződik. Pedig technikailag lehet gyors. Csak vizuálisan nem vezet jól.

Miért fontos a jól látható szöveg

A kontraszt kérdése legtöbbször az olvasással kezdődik. Ha a törzsszöveg túl halvány, akkor a hosszabb tartalom hamar kifárasztja a szemet. Különösen igaz ez akkor, ha a betű vékony, a sorköz szoros, a háttér pedig nem egységes. Sok oldal úgy akar modern lenni, hogy visszaveszi a hangsúlyokat. Ezzel csak az a gond, hogy a használatot is visszaveszi. A látásjavító színkontraszt célja nem az, hogy harsánnyá tegye az oldalt. Hanem az, hogy világosan elválassza egymástól a fontos elemeket.

Volt egy eset, amikor egy ügyfél azt mondta, hogy a cikkei senkit nem érdekelnek. Elsőre tartalmi problémára gyanakodott. A gond végül sokkal egyszerűbb volt. A szöveg halványszürke volt fehér háttéren, a köztes alcímek szinte beleolvadtak az oldalba, a linkek pedig csak nagyon finoman különböztek a normál szövegtől. Miután erősebb lett a szöveg színe és tisztábbak lettek a kiemelések, az oldal nem lett látványosabb. Csak olvashatóbb. És igen, ettől a tartalom is használhatóbb lett.

Én általában azt preferálom, amikor a fő szöveg nem akar finomkodni. Egy információs oldalon az olvasás a fő feladat. Ha ehhez hunyorogni kell, akkor valami nincs rendben. Sokan túl sokat foglalkoznak a díszítő részletekkel, miközben a legalapvetőbb feladat, az olvashatóság, gyenge marad. Ez szerintem tipikus tervezési hiba.

Gombok, linkek és fontos elemek elkülönítése

A Látásjavító kontrasztok nem csak a szövegről szólnak. Ugyanilyen fontos, hogy a gombok, a linkek, a mezők és a figyelmeztetések egyértelműen láthatók legyenek. Egy kapcsolatfelvételi gomb nem lehet bizonytalan folt a háttéren. Egy kattintható link nem hasonlíthat teljesen a sima bekezdésre. Egy kiválasztott állapotnak, egy fókusznak vagy egy hibának jól felismerhetőnek kell lennie. Sok fejlesztő itt rontja el. Szép, letisztult rendszert akar, de közben eltünteti a jeleket, amelyekre a látogatónak szüksége lenne.

Sokan csinálják azt, hogy a gomb színe csak hajszállal tér el a környezetétől. Vagy a linket pusztán egy kicsit más árnyalattal jelölik. Ez papíron elegáns lehet. A gyakorlatban viszont gyenge. Nekem az a tapasztalatom, hogy egy jól működő felület mindig hagy egy kis vizuális távolságot az elemek között. Nem kell túltolni. De meg kell mutatni, mire lehet kattintani, mi az elsődleges lépés, és hol történt hiba.

Volt olyan oldal is, ahol az űrlap hibajelzése kizárólag piros kerettel jelent meg. A felhasználó látta, hogy valami nem jó, de nem tudta, pontosan melyik mezővel és miért van gond. Amikor szöveges visszajelzés is került a mező mellé, és maga a mező jobban elkülönült a háttértől, az egész folyamat nyugodtabb lett. Szerintem itt látszik igazán, hogy a kontraszt nem csak szín kérdése. Hanem érthetőség is.

Látásjavító kontrasztok árak

Az ár attól függ, hogy valaki csak néhány színpárt néz át, vagy teljes felületi ellenőrzést készít. Nem ugyanaz a munka, ha egy szakember gyorsan ránéz a főoldalra és mond néhány véleményt, vagy ha végigvizsgálja a címsorokat, a törzsszöveget, a gombokat, a linkeket, az űrlapokat, a hibajelzéseket és a mobilos nézetet is. Én őszintén szólva óvatos vagyok a nagyon alacsony árakkal. Kevés pénzért többnyire csak felszínes lista készül. Az is jobb, mint a semmi, de ritkán ad valódi döntési alapot.

Szerintem 18.000 alatt ritkán lesz olyan munka, amelyből világosan kiderül, mit kell előbb javítani. Olcsóbban néha lehet jó szakembert találni, de ez nem a jellemző. A drága csomag sem garancia. Az számít, hogy kap-e a megrendelő konkrét javaslatot, példákkal és rangsorolással. A túl hosszú, homályos dokumentum sokszor kevésbé hasznos, mint egy rövidebb, de pontos anyag.

Az árak értékelésénél én azt nézem, hogy a szakember megmondja-e, mi a legsúlyosabb probléma. Nem minden hibát kell egyszerre javítani. De fontos tudni, hogy mi akadályozza leginkább az olvasást vagy a kattintást. Olcsóbban 15.000 körül ritkán várnék komoly minőséget. Ilyenkor többnyire inkább gyors benyomás készül. Ha viszont egy közepes árú anyag tisztán mutatja a fő gondokat, az már sokat ér.

Szakember választása ilyen feladathoz

A megfelelő szakember kiválasztása ennél a témánál meglepően nehéz lehet, mert sokan mondják magukról, hogy értenek a vizuális javításokhoz, de nem mindenki figyel a használhatóságra. Van, aki csak esztétikai szemmel nézi az oldalt. Más a technikai megfelelésre koncentrál. Magánmegrendelőként szerintem azt érdemes keresni, aki érthetően elmagyarázza, miért gond egy adott színpár, miért veszik el egy link, vagy miért gyenge egy hibajelzés. Nem elég azt mondani, hogy ez nem elég kontrasztos. Fontos az is, hogy látszódjon, milyen hatása van ennek a valós használatra.

Sokan hibáznak, amikor csak látványos portfólió alapján döntenek. Egy szép oldal még nem feltétlenül olvasható jól. Én jobban szeretem azt a szakembert, aki kérdez arról, kik használják az oldalt, milyen eszközről, milyen fő feladatokkal. Lehet ő felhasználói élmény szakértő, weboldal elemző vagy önálló tervező. A lényeg az, hogy ne dekorációs problémaként kezelje a kérdést. A Látásjavító kontrasztok ügyében szerintem az a jó szakember, aki józan marad, és nem akar mindenből stílusvitát csinálni.

A Qjob.hu oldalon ezért én olyan profilt néznék először, ahol a visszajelzésekből az derül ki, hogy az illető nem csak szebbé tette a felületet, hanem könnyebben olvashatóvá is. Ez fontos különbség. Mert lehet valami modernebb, de közben nehezebben használható. Az nekem nem előrelépés.

Mobilos használat és kültéri olvashatóság

A Látásjavító kontrasztok kérdése telefonon még fontosabb. Ami bent, monitoron még elfogadható, az kültéren vagy erősebb fényben már nagyon gyenge lehet. Halvány szöveg, pasztell gomb, finom keret. Ezek mind eltűnhetnek a kijelzőn. Sokan ezt csak akkor veszik észre, amikor saját telefonjukon próbálják ki az oldalt nappal, az utcán vagy autóban ülve. Nekem az a tapasztalatom, hogy a kültéri olvashatóság sokkal keményebb próba, mint az irodai nézet.

Volt egy ügyfél, aki nem értette, miért gyengébb telefonon a kapcsolatfelvétel. A szerkezet nagyjából rendben volt, a gomb is jó helyen állt. A gond végül az lett, hogy a fő gomb és a háttér között túl kicsi volt a különbség, a mezők határai pedig alig látszottak. A javítás után nem változott meg gyökeresen az oldal. Mégis könnyebb lett végigmenni rajta. Én ezt szeretem az ilyen munkákban. Kis beavatkozás, de valódi hatás.

Sokan azt hiszik, hogy a mobilbarátság csak méretkérdés. Pedig nem az. A telefonos használatban a kontraszt, a térköz, a gomb mérete és a szöveg súlya együtt dolgozik. Ha ezek közül egy gyenge, az egész oldal bizonytalanabb lesz. És sokszor a látogató nem tudja megmondani, miért zavarja. Csak kilép.

Űrlapok, hibák és visszajelzések

A gyenge kontraszt az űrlapoknál különösen bosszantó tud lenni. Ha a mező határa alig látszik, a címke túlságosan halvány, a hibajelzés csak színnel kommunikál, vagy a kitöltött állapot nem különül el eléggé, akkor az egész folyamat bizonytalan lesz. Sok megrendelő ilyenkor azt hiszi, hogy a látogatók lusták kitölteni az űrlapot. Én inkább azt látom, hogy sokszor maga a felület teszi kényelmetlenné a feladatot.

Volt egy rövid projekt, ahol a legnagyobb gond nem a hosszú űrlap volt, hanem az, hogy a kötelező mezők jelölése alig látszott, a hibaszöveg pedig szinte beleolvadt a háttérbe. A felhasználó újra és újra próbálkozott, mégsem tudta gyorsan megérteni, mit javítson. Amikor a hibák jobban elkülönültek, a mezők tisztább keretet kaptak, és a visszajelzés rövid, jól látható szöveg lett, az űrlap nyugodtabbnak hatott. Nem elegánsabbnak. Inkább kevésbé idegesítőnek.

Személy szerint én mindig azt mondom, hogy a hibajelzés ne csak látszódjon, hanem értelmezhető is legyen. A jó kontraszt itt nem csak technikai megfelelés. Segít csökkenteni a frusztrációt. Sok ember nem azért hagyja félbe a kapcsolatfelvételt, mert meggondolja magát. Hanem mert túl zavaros a folyamat. Ezen gyakran többet segít egy tiszta vizuális rendszer, mint egy új szlogen.

Tipikus hibák és reális javítási út

A tipikus hibák között gyakran ugyanazok jönnek elő. Túl halvány törzsszöveg. Gyenge linkkiemelés. Gomb, amely nem válik el eléggé a környezetétől. Hibajelzés, amely csak színnel kommunikál. Vékony betű világos háttéren. Túl finom szürke határvonalak. Ezek külön-külön is gondot okoznak, együtt pedig fárasztó felületet eredményeznek. Sokan alábecsülik ezt, mert az oldal első ránézésre modernnek tűnik. A gond csak használat közben derül ki.

Reálisnak kell maradni. A Látásjavító kontrasztok javítása önmagában nem old meg mindent. Ha a szerkezet kusza, a szöveg gyenge, a gombok logikája rossz vagy a folyamat túl hosszú, akkor a kontrasztjavítás csak részben segít. Mégis fontos alap. Olyan, mint amikor végre felkapcsolják a világítást egy rendetlen szobában. Attól a rendetlenség nem tűnik el, de legalább látni lehet, mihez kell hozzányúlni.

Én ezt tartom a jó megközelítésnek. Először a legsúlyosabb láthatósági hibák javítása. Utána a döntési pontok tisztázása. Aztán a finomhangolás. Nem kell mindent egyszerre szétverni. Sokszor néhány jól megválasztott módosítás is elég ahhoz, hogy az oldal ne csak szebbnek, hanem használhatóbbnak is hasson. És végül szerintem ez a fontosabb.