A felhasználói interakciók alapelvei. Losteiner Dávid

Átírás

1 A felhasználói interakciók alapelvei Losteiner Dávid

2 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.

3 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

4 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."

5 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):

6 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!!!!

7 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.

8 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:

9 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

10 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

11 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.

12 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

13 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)

14 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.

15 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

16 Á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:

17 Ö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!

18 Most már tényleg vége... Forrás: Bruce Tognazzini: First Principles of Interaction Design (2003) OpenOffice.org Network Stumbler PrimoPDF Paint Nero Burning Rom Windows XP SP2 Más anyagok: Köszönöm a figyelmet :D