A weboldal újra tervezésének első pillanatától arra törekedtünk, hogy már az alapoktól kezdve akadálymentes szemlélettel alakítsuk ki a weboldal új megjelenését. Ez nem csak stratégiai vagy elvi, hanem jogi kérdés is a tanszék esetében a 2025. június 28-tól érvényes szabványnak megfelelően.
Az akadálymentes weboldalak, azonban jogi kötelezettség nélkül is rengeteg potenciált rejtenek magukban, melyről a “Az akadálymentes weboldalak mérhető üzleti megtérülése” cikkemben írok részletesebben.
Kiinduló helyzet és célok
A BME GTK Ergonómia és Pszichológia Tanszék egy közkedvelt és rengeteg pozitív tanulói és vállalati visszajelzéssel rendelkező tanszék. A régi weboldal azonban már nem tudta kiszolgálni a különböző felhasználói csoportok igényeit, valamint a tanszéket magát sem támogatta a céljai elérésében.
A tanszék számára kiemelten fontos ez a felület, hiszen mind a vállalatok, mind a leendő diákjaik itt találkoznak velük elsőként és itt ismerhetik meg a tanszékhez kapcsolódó lehetőségeket és az általa elért eredményeket.
Az akadálymentes kialakítás mellett, így az is kiemelt célja volt a projektnek, hogy a korábbi weboldallal szemben a különböző felhasználói csoportok (oktatók, tanulók, vállalatok) számára egyaránt könnyen értelmezhető és használható legyen a felület - az eltérő igények és szükségletek ellenére.
Az akadálymentes weboldal alapjai
Akadálymentességi szempontból az első cél a WCAG 2.1. AA szintű megfelelés, ugyanakkor a design tekintetében törekedtem arra, hogy a lehető legtöbb kritériumnak AAA szinten feleljenek meg az elkészült tervek.
A fejlesztésre átadott tervekben a weboldal AAA szinten felelt meg többek között:
- az interaktív elemek méretezésével,
- a fókuszállapotok láthatóságával,
- a szövegek kontrasztarányával,
- és a billentyűzetes navigáció támogatásával kapcsolatos kritériumoknak.
Emellett a navigációban is a minél magasabb fokú következetességre törekedtünk a főmenüvel, a breadcrumb menüvel és a címsorokkal egyaránt.
Ezek mind azt segítik elő, hogy csökkenjen az oldal használata közben a hibás interakciók száma, a frusztráció és a mentális terhelés, miközben a hatékonyság javul.
Kognitív terhelés csökkentésével kapcsolatos kihívás
A weboldalon számos esetben táblázatban foglalt adatok szerepeltek, melyek a UX Budapest által szervezett design critique esetében, több ízben is negatív visszajelzést eredményeztek.
Az egyik legnagyobb kihívást ez a terület jelentette a tervezés során, hiszen olyan alternatívát kellett találni, ami éppúgy alkalmas ezen adatok megjelenítésére, miközben az általa okozott mentális terhelés jelentősen kisebb. Végül a táblázatokat lenyitható (accordion) elemekkel és kártyákkal helyettesítettük, így a táblázatban szereplő kattintható link is gomb formájában egyértelműbb működést és hangsúlyosabb helyet kapott.
A táblázatok mellett a szövegek elrendezésével, a következetes navigációval, az alkalmazott elemek (pl. kártyák) elrendezésével is neurodiverzitásra érzékeny tervezésre törekedtünk, hogy minél kisebb kognitív terhelést érjük el az egyes oldalakon.
Döntéshozói visszajelzések a tervek átadásakor
“Nagyon informatív és átlátható”
“Jól reagál a korábbi hiányosságokra, áttekinthető, letisztult.”
“Nemcsak egy csodaszép designt alkottál, hanem segítettél rendet tenni egy 25 éves őskáoszban.”
Ezek a pozitív döntéshozói visszajelzések jól mutatják, hogy bár a megjelenés is fontos szerepet kapott, a struktúra, az átláthatóság, a használhatóság és a mögé rakott rendszer adták a legnagyobb értéket a projekt során.
Tanulások és következő lépések
A projekt egyik legnagyobb tanulsága, hogy a valós felhasználói visszajelzések semmivel sem pótolhatók. A design critique és a szakértői visszajelzések is már a drótvázak elkészültekor számos hasznos észrevételt adtak, amelyek így támogatták a csapatot a hatékony iterációban.
A továbbiakban a csapat azon fog dolgozni, hogy az élesítést követően is figyelje a felhasználói viselkedést és tovább fejlessze a weboldalt, mind használhatósági, mind akadálymentes szempontból, hogy egy olyan digitális felülete legyen a tanszéknek, ami valóban mindenki számára hozzáférhető és érthető.
