Használhatóság, felhasználói élmény - Reklámhét 2011

Web stratégiai piramis

Transcript

1. Használhatóság, felhasználói élmény Pónya Judit FatDUX Budapest 2011. május 2. Szeged Reklámhét 2011
2. Mentés Nyomtatás Küldés... vagy
3. Termékbemutató weblap
4. Online vásárlás, regisztrációval Fizetés Kosár
5. Kihagyható?
6. Miért fontos?
7. Esettanulmány: karácsonyi bevásárlás ▪ 5 ország Norvégia, Svédország, Németország, Finnország, Dánia ▪ 125 felhasználó ▪ 18 online bolt ▪ 45 euro elköltendő összeg ▪ Mennyire egyszerű a vásárlás folyamata? ▪ Mekkora összegtől esnek el a boltok a sikertelen próbálkozások miatt?
8. A felhasználók harmada nem vásárolt ▪ 37% nem találta a terméket, vagy információt a termékről ▪ 20% regisztrációs probléma miatt adta fel
9. Összefoglalva:
10. A tapasztalatot befolyásoló tényezők  közvetítő közeg  Felhasználó Közölt tartalom, érték a felhasználó számára A közeg minősége befolyásolja a kialakuló képet. ▪ a használat hatékonyságának foka ▪ a hibák gyakorisága és súlyossága ▪ a tanulás nehézségi foka ▪ a szubjektív megelégedettség
11. “Donʼt make me think!” „Ne törd a fejem!” (Steve Krug) Az elv azt jelenti, hogy amennyire az emberileg lehetséges, minden weboldalnak magától értetődőnek, nyilvánvalónak és egyértelműen használhatónak kell lennie. Felhasználóként minden különösebb erőfeszítés és fejtörés nélkül meg kell értenem, mi mire jó, és mi hogyan használható.
12. Ha nem kell gondolkodnom
13. Ha gondolkodnom kell
14. Intuitív = ismerős A tapasztalatok alapján létrejött mentális modellt használjuk. ▪ Következetesség: hasonló dolgokat hasonló módon ▪ Az alkalmazott elemek funkciója, felhasználási módja és megjelenése kövesse az adott környezetben általánosan megszokottat. —Vezérlőelemek —Feliratok —Billentyűparancsok —Grafikai elemek Intuitív!
15. Nincs jobb barát a megszokásnál.
16. Hatékonyság ✔
17. „A számítógép nem vesztegetheti a felhasználó idejét, vagy követelhet tőle a szükségesnél több munkát.” (Jef Raskin)
18. ▪ Logikusan kialakított kategóriák ▪ Érthető, egyértelmű és következetes elnevezések ▪ A megfelelő helyen megtalálható tartalom
19. A szükségesnél több munka? ? ? ? ? ? 1 2 3 4 5
21. Keresők találati listája külső hivatkozás RSS
22. Csak átfutjuk az oldalakat Sietünk Nincs időnk/energiánk/kedvünk arra, hogy többet olvassunk a feltétlenül szükségesnél. A számunkra lényeges információt keressük a sok lényegtelen adat között.
23. Amit a tervező elképzel...
24. A valóság...
25. Fókusz, fókusz, fókusz ▪ Egyértelmű vizuális hierarchia fontosság, összetartozó elemek, alárendeltség ▪ Töröld az oldal kontextusa szempontjából nem releváns dolgokat
26. „az ilyen előperdülős flesekre üthetnékem van” „... az automata zenélésre is! Ezt is feltétlen mondd meg nekik! Vagy ha mégis része kell, hogy legyen oldalnak, akkor egy bazinagy áthúzott hangszóróval le lehessen kapcsolni!” „csilivili buszlekésős oldal”
27. Hibák megelőzése, hibakezelés ✔
28. „A számítógép nem tehet kárt a felhasználó adataiban/munkájában, és nem nézheti tétlenül, ha a felhasználó adatait/munkáját veszély fenyegeti.” (Jef Raskin)
29. A jó felhasználói felület ▪segít elkerülni a hibákat, ▪hiba esetén minimalizálja a negatív következményeket. Bankszámlaszám
30. Hasznos tartalom ✔
31. http://xkcd.com/773/
32. akadálymentes rábízzam az adataimat? vonzó ez kell nekem!
33. Hogyan működik a felhasználó? józan ész terepinterjú helyszíni megfigyelés fókuszcsoport használhatósági tesztek szakirodalom közösségi oldalak Kvantitatív módszerek probléma azonosítása, megoldási mód validálása Mit? Hol? Mikor? Kvalitatív módszerek mélyebb betekintés, megértés Miért? Hogyan? tree testing kártyarendezés analitikai adatok látogatói statisztikák elemzése forgalmi adatok feldolgozása kérdőív
34. Steve Krug: Ne törd a fejem! c. könyvéből
35. Webanalitika Hány látogatója van egy-egy oldalnak? Mennyi időt töltenek oldalunkon? Sok a visszatérő látogató? Honnan jöttek? Merre mennek tovább? Elérik a céljukat?
36. ▪Megszokott, ismerős elemek használata ▪Szükséges idő és munka minimalizálása ▪Hibák megelőzése, hibakezelés ▪Hasznos tartalom Találkozás a Felhasználóval Webanalitika használata
37. Mentés Nyomtatás Küldés... vagy
39. Termékbemutató weblap
40. Online vásárlás, regisztrációval Fizetés Kosár ✗
41. Regisztráció helyett továbblépési lehetőség Felhasználókkal tesztelték az oldalt ▪ Első látogatás: nem akarnak regisztrálni ▪ Visszatérő látogató: nem emlékszik az belépési adatokra Felhasználói fiók létrehozás lehetősége megmarad (mentheti a fizetésnél megadott adatait) Eredmény “The number of customers purchasing went up by 45%. The extra purchases resulted in an extra $15 million the first month. For the first year, the site saw an additional $300,000,000.” http://www.uie.com/articles/three_hund_million_button/
42. Köszönöm! Pónya Judit @ptxster jponya@fatdux.com www.fatdux.com