Mitől felhasználóbarát egy felület?

Ha nagyon röviden szeretnénk megfogalmazni, akkor azt mondhatjuk, hogy akkor használható jól egy felhasználói felület, ha látható, hogy mi merre van, mi történik, ismerős, megbocsátó a hibázással szemben, egyszerű, nem vesztegeti a felhasználó idejét.

Hogyan legyen jól használható a felületem?

Tervezésnél és meglévő terméknél is érdemes mérni a használhatóságot. A leggyakrabban a következő módszereket szokták alkalmazni: használhatósági teszt, heurisztikus elemzés, kvantitatív UX kutatás. A cél a használhatósági problémák feltárása és kijavítása.

Nielsen heurisztikái

A heurisztikák olyan előre definiált szabályok, amelyek segítenek felderíteni egy termék használhatósági hibáit, erre épül az egyik tipikusabb kutatási módszer is, a heurisztikus elemzés.
Az elemzés során végig megyünk az alábbi “checklisten”, ellenőrizve, hogy megfelel-e az oldal a szabályoknak.

1. Rendszer állapotának láthatósága
   Mindig tudható mi történik. Akkor érezzük magunkat biztonságban, ha tudjuk mi történik és kontroll alatt tarthatjuk a dolgokat. A digitális termékek esetén ezt a valós idejű visszajelzések segítik a rendszer állapotáról és az elérhető interakciókról. Pl: sikeres művelet zöld ikonja, hosszabb folyamatok lépésekre bontása jelzés hogy mi vár még ránk, stb.
2. A rendszer és a felhasználó világa találkozzon
   A felhasználó számára ismerős kifejezéseket használjunk, építsünk a korábbi (offline) tapasztalataira. Az információt természetesen és logikusan helyezzük el.
   
3. Felhasználói szabadság és irányítás
   Manapság az emberek gyakran sietve, kapkodva használják a felületeket, a mobiltelefonok elterjedésével nagymértékben megnőtt a félrekattintások és hibázások száma. Adjuk meg a felhasználónak a visszavonás/visszalépés lehetőségét.
   
4. Következetesség és konvenciók
   Minden rendszernek lehetőleg ugyanazt a funkcionalitást, nyelvezetet, vizuális elemeket kell használnia egy ismert koncepcióra. A rendszeren belül is legyen egységes (konzisztens) a szó- és jelentés használat, a funkciók működése, vizuális elrendezése.
   
5. Hibamegelőzés
   A jó design segít megelőzni a hibákat. Jelezzük, hogy mit várunk el a felhasználótól, hogy lehetőleg elsőre helyes adatokat vihessen be. Pl: beviteli mezők validálása. Lekorlátozni, hogy a valahova csak számokat írhatnak be, bankkártya számnál automatikus kötőjeles tagolás. Megerősítést kérő popupok a nagyobb vagy nem visszavonható döntések előtt, hogy meggyőzödhessünk róla, hogy szándékosan kattintott oda.
   
6. Visszaemlékezés helyett felismerésre késztetés
   Az memóriánk kapacitása véges. Arra kell törekedni a felület tervezésekor, hogy minél kevésbé kelljen a memóriára hagyatkozni, egyszerű legyen felismerni az elemeket. Pl: webshopban utoljára megtekintett termékek mutatása.
   
7. Rugalmas és hatékony használat
   Egy alkalmazásban célszerű csak az aktuális feladathoz kapcsolódó műveleteket megjeleníteni, így gyorsítható a tevékenység. Pl: billentyű kombinációk, testreszabható eszköztárak, sablonok.
   
8. Esztétikus és minimalista design
   A letisztult design segíti az információ átadását. Ne legyen túlzsúfolva, kerüljük a redundáns tartalmat.
   
9. Hibakezelés
   A hibaüzenetek könnyen csalódottá tehetik a felhasználót. Ügyeljünk a hibaüzenetek pontos megfogalmazására, kerüljük az olyan típusú hibaüzeneteket, hogy “valamilyen hiba történt”. Hiba esetén támogassa a rendszer a felhasználót, hogy mit kell tennie, hogyan tudja kijavítani.
   
10. Súgó
    Dokumentáció biztosítása.

 

 

Amennyiben cikkünk felkeltette érdeklődését, és kérdése van egyedi szoftverfejlesztési megoldásainkkal és szolgáltatásinkkal kapcsolatban, forduljon hozzánk bizalommal!