A hozzáférhetőség a UI designban

Hozzáférhető, elérhető, accessibility – kulcsszavak ezek a branding világában, különösen a UI designban, ahol konkrét felhasználói vagyunk a felületeknek, melyeket a UI / UX designerek megteremtettek. Talán hasonlóan fontos ebből a szempontból a csomagolások témája, de azt most nem szeretnénk ide keverni – ellenben, az Understanding accessibility-t igen, ami egy igazán fontos website, és könnyen válhat az egyik legjobb barátoddá, mikor honlapot tervezel.

Miről szól az Understanding accessibility?

Az Understandinig accessibility szókapcsolat tükörfordításban azt jelenti, hogy „megérteni az elérhetőséget” – tehát, a weboldal fókusza azon van, hogy hogyan törekedhetünk arra, hogy a honlapunk felhasználóbarát legyen, és azok számára is optimális platform maradjon, akiknek a boldogulás a vizuálitásban olykor nehezebb: például, aki ADHD-val vagy autizmus spektrum zavarral él, vagy esetleg látássérült.

A projektet 2023-ban indította Alaïs de Saint Louvent közösen Cecilia Righini-vel, a Lattimore + Friends ügynökséggel és a Lutalica stúdióval. Az illusztrációkat, melyeket az oldalon találhatunk, Emily Peat készítette.

Alaïs így ír a missziójáról:

Úgy tűnt, hogy az emberek vagy nem tudtak a hozzáférhetőség fontosságáról, vagy nem törődtek a hozzáférhetőséggel. Amikor elkezdtem útmutatókat keresni magamnak, azok vagy túlságosan technikai jellegűek voltak, vagy különböző blogokon és fórumokon voltak szétszórva, így minden alkalommal, amikor ellenőrizni akartam valamit, kutakodnom kellett.

Ez a weboldal azért jött létre, hogy ezt a problémát orvosolja, és a legújabb útmutatók vonulnak fel valódi webdesignerektől és fejlesztőktől melyekhez a tőlük érkező visszajelzéseket is felhasználjuk.

Mi minden fellelhető azt oldalon?

Öt kategóriát találunk az Understanding accessibility-n elsősorban:

Mindannyian tudjuk, hogy mennyire kulcsfontosságúak a színek, de itt nagyon szépen össze van foglalva, hogy miért. Amellett, hogy a színek dinamikáját is kifejti, illetve, hogy hány színt érdemes egy helyen használni, felhívja a figyelmet arra is, hogy az autizmus spektrum zavarral küzdők vagy az ADHD-sok számára a puhább, lágyabb színek milyen nagy segítséget jelenthetnek. Az oldalon kifejtik, hogy a látássérültek számára hogy érdemes alakítani a színeket és a kontrasztokat. Példákat hoznak arra, hogy milyen színpár lehet trigger egy autista számára, vagy nehezen olvasható egy diszlexiásnak.

1. Színek

Mindannyian tudjuk, hogy mennyire kulcsfontosságúak a színek, de itt nagyon szépen össze van foglalva, hogy miért. Amellett, hogy a színek dinamikáját is kifejti, illetve, hogy hány színt érdemes egy helyen használni, felhívja a figyelmet arra is, hogy az autizmus spektrum zavarral küzdők vagy az ADHD-sok számára a puhább, lágyabb színek milyen nagy segítséget jelenthetnek. Az oldalon kifejtik, hogy a látássérültek számára hogy érdemes alakítani a színeket és a kontrasztokat. Példákat hoznak arra, hogy milyen színpár lehet trigger egy autista számára, vagy nehezen olvasható egy diszlexiásnak.

2. Betűtípusok

A betűtípusok között számos példát felvonultat, beszél a betűméretekről, talpakról, megkülönböztethetőségről.

3. Média

A mozgóképek nagy életet tudnak varázsolni egy honlapba, de nem mindegy, hogy hogyan: a túl sok animáció megzavaró lehet, elveszi a hangsúlyt a fontos részletekről, káoszt teremthet. A kiegyensúlyozott működéshez „gyors tippekkel” segítenek.

4. Elrendezés

Az elrendezés fül legfőképp a hierarchiát tárgyalja. A tiszta, átlátható, logikusan követhető felület a kulcsa a jó weboldalnak.

5. Fejlesztés

A jó designer tudja azt is, hogy a fejlesztőknek mire van szüksége egy sikeres weboldal működtetéséhez, fenntartásához: az „ájtísokkal” való baráti jóviszony fenntartása érdekében nem árt tudnunk a felsoroltakat! Irány a webdoldal » https://www.understandingaccessibility.com