A felhasználói interakciók alapelvei
Losteiner Dávid
Bevezetés ● ●
● ● ● ●
● ● ●
Manapság főleg grafikus (GUI, weboldal) A vele dolgozó hatékony munkavégzését szolgálja Lehetőleg elrejti a belső működést Biztosítja a munka biztonságát (mentések) Visszavonás lehetősége (undo) A lehető legtöbb feladat átvállalása a felhasználótól Meghatározza egy rendszer használhatóságát MVC paradigma (Model/View/Controller) … néhány példa a mindennapi alkalmazásra.
Néhány főbb szempont ● ● ● ● ● ● ●
●
●
Előrelátás Státusz figyelése Látható állapot infó Színvakság Következetesség ! Alapbeállítások Felhasználó kímélése Felhasználó lekötése Alternatív felhaszn.
●
● ● ●
● ● ● ● ●
Visszavonási lehetőségek Kiutak biztosítása Fitts törvénye Latencia visszaszorítása Tanulhatóság Metaforák Védelem Olvashatóság Állapotkövetés
Előrelátás és önállóság ● ●
● ●
Mit akar és mi szükséges a felhasználónak Minden lehetséges információt megadni a munkához, ami a folyamat során kellhet. Ne neki kelljen utánakeresgélni. Teret kell engedni a felhasználónak, de mindig érezze magát „biztonságban”
"The user is not like you and me."
Státusz követhetősége ● ● ● ● ● ● ●
A munkamenet körülményeinek változását jelzi A felhasználó mindig követhesse Folyamatos frissítés Ne kelljen külön keresgélni Változás esetén figyelemfelkeltő Csak színekkel nem szabad (színvakok) Pl. (animált vagy sziluett):
Következetesség ● ● ● ● ● ● ● ●
●
Többféle értelmezés a fontossági sorrendről Felhasználói viselkedés (pl. gyorsgombok) Láthatatlan elemek (ha nem látom, nincs is) Kis méretű elemek (ne kelljen keresgélni) Terméksorozat (könnyű átállás) Platform Következetlen elemek (nem az, amit jelez) Azonosságok elkerülése (ne legyen keverhető) Felhasználó számára következetes !!!!
Alapbeállítások ● ● ● ●
Ne kelljen mindent külön beírni Okos megválasztással sok munka spórolható Könnyen módosítható Angol és magyar elnevezésnél kerüljük a default/alapértelmezettet, helyette standard, ajánlott stb.
A felhasználói munka hatékonysága ● ● ● ●
Inkább a rendszer dolgozzon többet (olcsóbb) A felhasználó ideje mindig pénz ! Egyénre vonatkoztatva is fontos pl.: Menürendszer kialakítása:
Alternatív felhasználási lehetőségek ●
●
● ●
A felhasználót nem szabad túlzottan megkötni a munkafolyamatban. Legyen egy vezérfonal, de ez ne jelentsen túl nagy kötöttséget Meglegyen az „otthonérzet”, a kényelem Ismert elemek alkalmazása jó lehet
Visszavonási lehetőségek és kiutak ●
● ● ● ● ●
Játékos kedvű felhasználó, aki szeret próbálkozni (hátha úgy jobb...) Mindig legyen „Undo” lehetőség vagy megerősítés A felhasználó sose érezze hogy zsákutcában van Egyértelmű „kiugrási lehetőség” Ez régen tipikus hiba volt Ezért is fontos az áttekinthetőség
Fitts törvénye ●
●
●
„A cél megtalálásához szükséges idő a távolság és a méret függvénye.” A leggyorsabban elérhető pontok a képernyő sarkaiban helyezkednek el. A nagy gombok könnyítik a lényeges funkciók elérését.
A felesleges idők visszaszorítása ●
● ● ●
● ●
A többszálas megoldásokkal háttérbe szoríthatók az ilyen jellegű folyamatok A felhasználó elől kell csak „elrejteni” Gombnyomás hatása, homokóra, animáció Ha relatíve hosszabb időt vesz igénybe, akkor egy megközelítő számot adjon Visszatéréskor jelezzen (audiovizuálisan) A többszörös végrehajtás megakadályozása, akár elrejtéssel is
Elsajátítás ● ● ●
●
Az „ideális” szoftvert nem kéne tanulni A felhasználó azonnal érteni akar hozzá Mégis, akármilyen egyszerű a termék, akkor sem lehet ezt kikerülni. Metaforák használata, részletes leírások egy adott funkcióról (pl. ikonnal, kurzorrávitellel)
Felhasználó munkáinak védelme ●
●
A felhasználó nem veszthet adatot azáltal, hogy valami belső, külső hiba történik Ezt automatikusan ill. rákérdezéssel is kezelni kell.
Olvashatóság ●
● ● ●
Az öregebbek és a gyengén látók miatt fontos Nagy kontrasztok használata Elég nagy betűméret megválasztása A standard monitorokhoz igazított felület
Állapot követése ● ● ● ●
●
●
A felhasználó hol van... … hová tart... … hol hagyta el... stb. Interneten erre valók a cookie-k A felhasználó felé pedig láthatóvá kell tenni (navigációs elemek) Példa: http://www.no-ip.com
Összefoglalás ●
●
●
●
A felhasználói interakciók kialakítása külön területet jelent (GUI, web) Odafigyelés a megfelelő mértékű tájékoztatásra, küllemre, esztétikára. Logikus felépítés, könnyű (ismert) elemek használata. A felhasználó ideje pénz, dolgozzon a gép!
„Know your user!”
Most már tényleg vége... ●
Forrás:
●
Bruce Tognazzini: First Principles of Interaction Design (2003)
●
http://www.fincher.org/tips/General/SoftwareDevelopment/GUIDesign.shtml
● ● ● ● ● ● ●
● ●
OpenOffice.org 2.0.2 Network Stumbler PrimoPDF Paint Nero Burning Rom Windows XP SP2 http://www.no-ip.org
Más anyagok:
http://www.iie.org.mx/Monitor/v01n03/ar_ihc2.htm
Köszönöm a figyelmet :D
