Használhatósági alapelvek

Célok

A lecke végére érted, hogy a használhatóság nem azonos a gyors kattintással vagy a látványossággal. Fel tudod ismerni egy feladatfolyamban az állapotláthatóság, a következetesség, a hibamegelőzés és a felhasználó nyelvének problémáit, és ezekre indokolt javítási irányt tudsz megfogalmazni.

Miért kellenek alapelvek?

Kutatás nélkül sem vagyunk teljesen vakok: a használhatósági hibák nagy része ismétlődő mintákat követ. A szakma évtizedek alatt kialakított néhány tapasztalati szabályt, amelyek segítségével gyorsan észrevehetők a tipikus problémák. Ezek nem helyettesítik a kutatást, de hasznos szemüveget adnak: ha egy képernyőt megnézünk, és tudjuk, mit keressünk, sokkal több hibát találunk.

Mitől használható egy felület?

A használhatóság (usability) a feladat eredményes, hatékony és elégedettséget támogató elvégezhetősége. Három szempontot érdemes külön látni:

• Eredményesség: eléri-e a felhasználó a célt?
• Hatékonyság: mennyi idő, lépés, erőfeszítés kell hozzá?
• Elégedettség: hogyan érzi magát közben (bizonytalan, magabiztos)?

A használhatóságot mindig feladatban vizsgáljuk. Egy adminisztrációs rendszerben a ritka, bonyolult funkció lehet elfogadható, ha szakértő használja és nagy a kockázat; egy napi többször végzett rutinfeladatnál ugyanennyi lépés már komoly teher. Nem létezik minden helyzetben „egyszerű” felület: a kérdés az, hogy a feladat, az ember és a következmény arányában érthető-e.

Nielsen tíz heurisztikája

A leghíresebb használhatósági szabályrendszer Jakob Nielsen tíz heurisztikája. A heurisztika itt tapasztalati ökölszabály: nem törvény, hanem kérdés, amit minden képernyőnél feltehetsz. Az alábbi táblázat röviden bemutatja, mit jelent mindegyik, és hogyan néz ki a Mai programban.

#	Heurisztika	Mit jelent?	Példa a Mai programból
1	Rendszerállapot láthatósága	A felhasználó tudja, mi történik	A jelentkezés után látszik: „Jelentkezésed beérkezett”, nem marad néma
2	Egyezés a valós világgal	A felhasználó nyelvén szól	„Ingyenes” és „Ma este”, nem „price=0”, „date=today”
3	Felhasználói kontroll és szabadság	Van visszaút, visszavonás	A jelentkezés lemondható egy kattintással
4	Következetesség és szabványok	Azonos dolog azonosan viselkedik	Minden esemény kártyája ugyanazt az adatot ugyanott mutatja
5	Hibamegelőzés	A hiba esélyét csökkenti	Már a mezőnél jelzi, ha az e-mail formátuma hibás
6	Felismerés a felidézés helyett	Ne kelljen megjegyezni	A kiválasztott szűrők láthatók a találati lista fölött
7	Rugalmasság és hatékonyság	Kezdőnek és gyakorlottnak is jó	Mentett szűrők a visszatérő használónak
8	Esztétikus és minimalista kialakítás	Csak a szükséges információ	A kártyán csak a döntéshez fontos adatok
9	Hibák felismerése és javítása	Érthető hibaüzenet, javítási út	„Az esemény betelt. Hasonló események ma este: …”
10	Súgó és dokumentáció	Elérhető, rövid, feladatra szabott	Rövid magyarázat a jelentkezési feltétel mellett

Forrás: Jakob Nielsen, 10 Usability Heuristics for User Interface Design (Nielsen Norman Group). A részletes, eredeti szöveg angol nyelvű.

Nézzük meg közelebbről azokat, amelyeket a következő leckékben is használni fogunk.

A rendszer állapota legyen látható

Az állapotláthatóság annak jelzése, hogy a rendszer mit csinál és milyen eredményre jutott. Mentés után ne maradjon néma a rendszer; betöltéskor ne úgy tűnjön, mintha a gomb nem reagált volna; hosszabb folyamatnál legyen érzékelhető az előrehaladás. Az állapotjelzés különösen fontos, amikor a felhasználó időt, pénzt vagy személyes adatot kockáztat.

Egy foglalás elküldése után a „Sikeres” üzenet kevés, ha nem mondja el, mi lett sikeres. Erősebb visszajelzés: „A jelentkezésed létrejött: csütörtök, 19:30. Visszaigazolást küldtünk erre az e-mail-címre. Lemondani legkésőbb 24 órával előtte lehet.” Ez nem díszítés, hanem a feladat lezárása.

A felhasználó nyelve és mentális modellje

A mentális modell a felhasználó elképzelése arról, hogyan működik a rendszer. A rendszer belső kategóriái gyakran nem egyeznek a felhasználó fejében lévő fogalmakkal. Egy egyetemi oldalon a „kreditelismerési eljárás” lehet hivatalosan pontos, de egy elsőéves lehet, hogy „korábbi tárgy beszámítása” kifejezést keres. A megfelelő címke nem leegyszerűsítés, hanem kapcsolat a felhasználó célja és a rendszer működése között.

Ezért ne csak azt kérdezd, helyes-e a szöveg. Azt is kérdezd, mit vár az ember egy címkére kattintva, és honnan tudja, hogy jó helyen jár. A metaforákkal is óvatosan kell bánni: az ikon vagy elnevezés csak akkor gyorsít, ha közös jelentésre épül. Az 5. fejezetben látni fogjuk, hogyan lehet a mentális modellt módszeresen feltárni.

Következetesség, szabadság és hibamegelőzés

Az azonos szerepű elemek viselkedjenek hasonlóan. Ha egy kék, aláhúzott szöveg mindenhol link, ne legyen egyetlen helyen csak dekoráció. Ha a vissza nyíl egy lépést visz vissza, ne törölje közben a kitöltött adatot. A következetesség csökkenti a tanulási terhet, mert a felhasználó a korábbi tapasztalatát alkalmazhatja. A következetesség elsősorban azonos jelentést és viselkedést jelent, nem azonos kinézetet.

A hibamegelőzés a hibás művelet lehetőségének vagy következményének csökkentése. A felhasználói szabadság azt jelenti, hogy van biztonságos visszaút: visszavonás, szerkesztés, mentett piszkozat vagy egyértelmű kilépés. Ez nem minden esetben lehetséges (például végleges banki átutalásnál más szabályok vannak), de éppen ezért a rendszernek a művelet előtt kell megelőznie a hibát. Jó hibamegelőzés lehet az értelmes alapérték, a nem lehetséges opció elrejtése vagy magyarázott tiltása, illetve a kritikus adatok összefoglalása a beküldés előtt.

Felismerés előnyben a felidézéssel szemben

Az emberi rövid távú memória korlátozott. Ne várd el, hogy a felhasználó egy előző képernyőről megjegyezzen azonosítót, szabályt vagy összeget. A releváns információ legyen ott a döntés helyén. Ez nem azt jelenti, hogy minden képernyőre minden adatot ki kell írni; a feladat szempontjából szükséges részletet kell elérhetővé tenni, világos csoportosításban.

Heurisztikus értékelés: hogyan használd?

A heurisztikus értékelés olyan vizsgálat, amelyben egy vagy több szakember a heurisztikák alapján végigmegy a felületen, és listázza a problémákat. Gyors és olcsó, de nem helyettesíti a felhasználókkal végzett tesztet: a szakember is tévedhet, és más szempontból nézi, mint a célfelhasználó. A 3. házi feladatban egy rövid heurisztikus értékelést végzel.

Hasznos lépések:

1. Válassz egy konkrét feladatot (például „eseményre jelentkezés”).
2. Menj végig a lépésein, és minden képernyőnél kérdezd meg: melyik heurisztikát sérti vagy teljesíti?
3. A leletet írd le megfigyelésként („A jelentkezés után nem jelenik meg visszaigazolás”), majd rendeld hozzá a heurisztikát (1. – állapotláthatóság).
4. Értékeld a súlyosságot (a súlyossági skálát a 8. fejezetben részletezzük).
5. Javasolj javítási irányt, nem kész megoldást.

Végigvezetett példa: hibás díjfizetés a Mai programban

Egy fizetős esemény jegyvásárlásakor az oldal csak annyit jelez: „Sikertelen tranzakció.” A használhatósági probléma nem kizárólag a szöveg rövidsége. A felhasználó nem tudja, terhelték-e a kártyáját, megmaradt-e a helye, újra próbálhat-e fizetni, és ha igen, hogyan. A javítási tervnek ezt a bizonytalanságot kell kezelnie: egyértelmű státusz, megőrzött foglalás vagy annak hiánya, következő lépés és elérhető segítség. A hibaüzenet így a folyamat része lesz, nem a folyamat vége.

Heurisztikák szerint: 1. (állapotláthatóság: nem tudom, mi lett a fizetéssel), 9. (hibák felismerése és javítása: nincs javítási út), 3. (kontroll: nem tudom visszavonni vagy újrakezdeni).

Gyakori tévhitek

Állítás	Pontosítás
„A kevesebb elem mindig egyszerűbb.”	Ha a szükséges információ hiányzik, a felhasználó külső kereséssel vagy találgatással pótolja; ez összességében bonyolultabb.
„A felhasználó hibázott, ezért elég jelezni.”	A rendszer feladata, hogy a hiba esélyét, következményét és javítási költségét csökkentse.
„A következetesség egyformán kinéző komponenseket jelent.”	Elsősorban azonos jelentést és viselkedést jelent.
„A heurisztikák fölöslegessé teszik a tesztelést.”	A heurisztikus értékelés gyors előszűrés; a valódi elakadásokat csak a felhasználókkal végzett teszt mutatja meg.

Röviden

• A használhatóság feladathoz, emberhez és következményhez kötött: eredményesség, hatékonyság, elégedettség.
• A tíz heurisztika ökölszabály-kérdések, amelyekkel gyorsan felismerhetők a tipikus problémák.
• Az állapotláthatóság, a mentális modell, a következetesség és a hibamegelőzés a későbbi leckék gerince.
• A heurisztikus értékelés előszűrés, nem a felhasználói tesztelés helyettesítője.

Ellenőrző kérdések

1. Hol kell a projektedben állapot-visszajelzést adni?
2. Melyik belső vagy szakmai kifejezésedet kellene felhasználói nyelvre fordítani?
3. Milyen kritikus hibát tudnál megelőzni, nem csak utólag jelezni?
4. Melyik információt kényszeríted ma emlékezésre a felhasználónál?
5. Melyik két heurisztikát sérti leggyakrabban a legutóbb használt app, amit bosszantónak találtál?