UX és usability alapozás

Prezentációk

UX és usability alapozás (Pónya Judit)
Mindenkinek használható? – akadálymentesség (Szántai Károly)

Ajánlott olvasmányok, hasznos anyagok

Heurisztikák: Nielsen heurisztikái, Shneiderman aranyszabályok (PDF, magyarul)
10 Usability Heuristics for User Interface Design (Jakob Nielsen) The Eight Golden Rules of Interface Design (Ben Shneiderman)

Ne feledjétek: a használhatósági alapelvek, bevált gyakorlat és tervezési minták ismerete és használata nagyon fontos kiindulási alap, de nem elég! A felhasználói célok és tevékenység megértéséhez használjatok UX kutatási módszereket is (pl. használhatósági tesztelés, interjú, analitika)
When to Use Which User-Experience Research Methods


Házi feladat

Akadálymentesség

Válassz ki egy olyan weboldalt, ami valamiért közel áll hozzád (pl. a sajátod, a munkahelyedé, a lakóhelyedé, stb.).

  • Próbáld meg egér ill. trackpad nélkül, kizárólag billentyűzet segítségével használni az oldalt. Csak a TAB, a SPACE és az ENTER billentyűt használd! Mit tapasztalsz?
  • Menj fel a wave.webaim.org weboldalra, és írd be az általad választott weboldal címét. A megjelenő oldalsávban nézd meg, hogy hány hibát, figyelmeztetést kaptál.
  • Nyomd meg a No Styles opciót, és nézd meg, hogy a dizájntól „megcsupaszított” oldal mennyire marad értelmes. Tudnád-e használni a weboldalt, ha csak ehhez a lecsupaszított verzióhoz férnél hozzá?
  • Nyomd meg a Contrast opciót, és nézd meg, hogy melyik elemeknél jelez elégtelen színkontrasztot az előtér és a háttér között.
  • Töltsd le és indítsd el a Color Oracle nevű ingyenes programot, aminek segítségével
    a különböző típusú színtévesztések szimulálhatók. A
    program menüjéből válaszd ki a Deuteranopia opciót,
    ami a leggyakoribb színtévesztési forma. Nézd meg,
    hogy az általad választott weboldalt hogyan látná egy színtévesztő felhasználó. Van-e valami olyan elem az oldalon, ami így már nem használható?
  • A Firefox böngészőben menj be a Beállítások/Preferences menübe, és a Tartalom/Content fülnél állítsd át az alap betűméretet 16-ról 24-re. Nézd meg, hogy ezt a beállításodat „elfogadta-e” az általad választott weboldal, vagyis megnövelte-e a betűméreteket? Ha igen, akkor használható-e így az oldal? Van-e rajta olyan tartalmi elem, illetve funkció, ami így már elérhetetlen?

Hitelesség

Nézd át a saját céges weblapotokat az útmutatóban megadott 10 szempont alapján! Értékeld, mennyire tűnik megbízhatónak, hitelesnek az oldal.

Nézd át és értékeld egy versenytársatok weblapját is, hasonló módon!

  • könnyen ellenőrizhető a honlapon megjelenő információ pontossága
  • látszik, hogy egy valódi cég/szervezet áll a weblap mögött
  • látható, hogy van szakértelem (szervezet, tartalom, szolgáltatások)
  • látható, hogy őszinte és megbízható emberek állnak a weblap mögött
  • egyszerű a kapcsolatfelvétel
  • professzionális megjelenésű a weblap (ill. illeszkedik a célokhoz)
  • a weblap egyszerűen használható és hasznos
  • a weblap tartalma naprakész, gyakran frissül
  • nincs tele promócióval, hirdetésekkel
  • az apró hibákat is sikerül elkerülni (pl. bugok, hibás linkek, sajtóhibék)

Útmutató, további részletek: Stanford Guidelines for Web Credibility