Az előadás letöltése folymat van. Kérjük, várjon

Az előadás letöltése folymat van. Kérjük, várjon

A honlap ergonómiai és akadálymentességi elemzésehttp://www.ryanair.com/hu Kaczur Sándor 2014.05.12.

Hasonló előadás


Az előadások a következő témára: "A honlap ergonómiai és akadálymentességi elemzésehttp://www.ryanair.com/hu Kaczur Sándor 2014.05.12."— Előadás másolata:

1 A honlap ergonómiai és akadálymentességi elemzésehttp://www.ryanair.com/hu Kaczur Sándor

2 Kaczur Sándor informatikus mérnök matematika-informatika szakos tanár közoktatási vezető idegenvezető informatika Ph.D. folyamatban kaczursandor.hu Gábor Dénes Főiskola Informatikai Intézet

3 2010-ben

4 Investigation into the accessibility of travel company websites, 2010 „This piece of accessibility research identifies Ryanair as the worst travel company for providing their customers online with an accessible experience. Across the board, the top ten travel websites in the UK are falling short on accessibility. First Choice and Travelodge were rated the best of a bad bunch and even then failed to achieve even the basic level of web accessibility. Nomensa’s report looks at the UK’s top ten travel company websites, including; First Choice, Travelodge, lastminute.com, Easyjet, Thomson, Travel Republic, British Airways, Expedia, Thomas Cook and Ryanair.”

5 Bevezetés TÁMOP projekt a GDF-en Képzők képzése: 2 tanár „Az egyenlő esélyű hozzáférés biztosításához szükséges szakmai tudás terjesztése a Gábor Dénes Főiskolán” Résztvevő hallgatók, kollégák: 40 fő

6 Ergonomikus, akadálymentes web című fakultatív tantárgy Tematika  Bevezetés az esélyegyenlőséget szolgáló infokommunikációs technológiákba  Alapfogalmak és alapproblémák a fogyatékosság különböző területein  Hátrányos helyzetű felhasználók igényeinek, problémáinak ismertetése és megtapasztalása (érzékenyítés)  Ismerkedés a hátrányos helyzetű felhasználók által használt speciális szoftver- és hardver eszközökkel  A honlapkészítés ergonómiája, akadálymentes weboldalak készítése

7 Ergonomikus, akadálymentes web című fakultatív tantárgy Tematika  Honlapok akadálymentesen tartása  Multimédiás tananyagkészítés hátrányos helyzetű felhasználók számára  Portálelemzés a WCAG 2.0 irányelvek alapján  Személyes találkozás fogyatékos személyekkel  Kisfilmek, filmek, interjúk közös megtekintése és feldolgozása  Technológiai trendek, érdekességek, kutatások  Vizsgamunka elkészítése és bemutatása

8 Ergonomikus, akadálymentes web című fakultatív tantárgy Tematika  Honlapok akadálymentesen tartása  Multimédiás tananyagkészítés hátrányos helyzetű felhasználók számára  Portálelemzés a WCAG 2.0 irányelvek alapján  Személyes találkozás fogyatékos személyekkel  Kisfilmek, filmek, interjúk közös megtekintése és feldolgozása  Technológiai trendek, érdekességek, kutatások  Vizsgamunka elkészítése és bemutatása

9 Ergonómia Használhatóság  „a web a platform, nem egy platform”

10 Ergonómia emberi tényező, összetevői  fizikai környezet  munkaszervezés és feladatok  pszichológiai és szociális környezet használhatóság  „Annak mértéke, ahogy a terméket meghatározott felhasználók meghatározott célokért eredményesen, hatékonyan és elégedetten használják egy adott környezetben.”, ISO  „A szoftvertermék azon adottsága, hogy a felhasználó számára érthető, tanulható, használható és vonzó, amikor azt meghatározott feltételek mellett használja.”, ISO/IEC FDIS

11 Ergonómia használhatósági faktorok  megtanulhatóság  hatékonyság  megjegyezhetőség  hibák  elégedettség mockup  használhatósági modell

12 Ergonómia időkésleltetés, válaszidők az egyszerű a nagyszerű  túl hosszú, túl bonyolult Krug törvényei  ne kényszeríts gondolkodni  3 gondolkodásmentes kattintás = 1 gondolkodást igénylő  húzd ki a szavak felét az oldalon, majd a fennmaradó szavak felét navigáció: egyértelmű legyen, hogy mi a link és mi nem

13 Ergonómia a konkurencia egyetlen kattintásra van felhasználói élmény minden zaj keresés útvonalmorzsa fülek nyitó oldal több körben kell tesztelni

14 Ergonómia Vizsgálati módszerek  Analitikus módszerek A felhasználók várható tevékenységének szimulálása Irányelv vizsgálat Heurisztikus módszerek Bejárások …  Empirikus módszerek Az alkalmazást, vagy annak működő prototípusát vizsgáljuk Megfigyelés Használhatósági teszt …

15

16

17

18

19

20

21

22

23 Akadálymentesség Web Akadálymentesítési Útmutató 2.0, 2008 Web Content Accessibility Guidelines (WCAG) 2.0  észlelhetőség  működtethetőség  érthetőség  robosztusság

24 Igények figyelembe vétele Fogyatékos személyek  Vak felhasználók  Gyengénlátó emberek  Színtévesztő és színvak felhasználók  Hallássérült emberek  Mozgássérült felhasználók  Epilepsziás emberek  Értelmileg akadályozottak Technológiailag megkülönböztetettek  Eltérő képernyőméret  Elavult böngésző  Gyenge hardver Speciális célcsoportok  Gyerekek  Idősek  Alacsony képzettségűek  Idegen nyelvek és kultúrák

25

26 Akadálymentesség 1. Észlelhetőség  1.1. Biztosítson szöveges alternatívát bármilyen nem szöveges formátumú tartalomhoz, annak érdekében, hogy az igényeknek megfelelő formára lehessen alakítani, úgy mint a nagybetű, a Braille-írás, a beszéd, a szimbólumok, vagy az egyszerűbb nyelv  1.2. Biztosítson alternatívákat a szinkronizált idő-alapú médiához  1.3. Információ- vagy szerkezetvesztés nélkül készítsen olyan tartalmat, amelyet különböző módokon lehet megjeleníteni (például: egyszerűbb elrendezés)  1.4. A felhasználók számára könnyítse a tartalom megtekintését, illetve hallását, beleértve az előtér és a háttér elválasztását

27 Akadálymentesség 2. Működtethetőség  2.1. Minden funkció legyen elérhető a billentyűzetről  2.2. Biztosítson a felhasználók számára elegendő időt, hogy elolvassák és használják a tartalmat  2.3. Ne legyen olyan tartalom, amről ismert, hogy rohamokat okozhat  2.4. Biztosítson a felhasználók számára segítséget a navigálásra, a tartalom megtalálására és a helyzetük meghatározására

28 Akadálymentesség 3. Érthetőség  3.1. Tegye a szöveges tartalmat olvashatóvá és érthetővé  3.2. Tegye a honlapok megjelenését és működését kiszámíthatóvá  3.3. Segítse a felhasználókat a hibák elkerülésében és javításában 4. Robusztusság  4.1. Maximalizálja az összeférhetőséget a jelenlegi és jövőbeli felhasználói programokkal, beleértve a kisegítő technológiákat is

29 WCAG 2.0 A, AA, AAA szintű feltételek

30

31

32

33

34

35

36

37

38

39

40 2014-ben

41 Összegzés egyértelmű a fejlődés a honlapon a 2010-ben jelzett problémák közel felét megoldották fontos  ergonómia nem elsőrendű  akadálymentesség

42 Irodalomjegyzék TÁMOP projekt a GDF-en, 0001, http://gdf.hu/rolunk/projektek/tamop-546a ilias.gdf.hu -> Taneszköz tároló » TÁMOP A-12/ » Az esélyegyenlőséget szolgáló info-kommunikációs technológiák, az Ergonomikus, akadálymentes web tantárgy anyaga  A weblapkészítés ergonómiája, példák, elvek, módszerek és eszközök, pdf,  PORTÁLELEMZÉS A WCAG 2.0 IRÁNYELVEK ALAPJÁN (IKB05), pdf, Laufer László: Web használhatóság, WCAG irányelvek, Web Akadálymentesítési Útmutató 2.0,  ageId= , ageId= Investigation into the accessibility of travel company websites, weblap, HTML validátor: %2Fhu&charset=%28detect+automatically%29&doctype=Inline&group=0, http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ryanair.com %2Fhu&charset=%28detect+automatically%29&doctype=Inline&group=0 CSS validátor: ryanair.com%2Fhu&profile=css3&usermedium=all&warning=1&vextwarning=&lang=hu, http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww. ryanair.com%2Fhu&profile=css3&usermedium=all&warning=1&vextwarning=&lang=hu

43 A honlap ergonómiai és akadálymentességi elemzésehttp://www.ryanair.com/hu Kaczur Sándor


Letölteni ppt "A honlap ergonómiai és akadálymentességi elemzésehttp://www.ryanair.com/hu Kaczur Sándor 2014.05.12."

Hasonló előadás


Google Hirdetések