Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

A06c042851e477fdfef700753e6dd725?s=47 Judit Pónya
November 07, 2011

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

Web stratégiai piramis

A06c042851e477fdfef700753e6dd725?s=128

Judit Pónya

November 07, 2011
Tweet

More Decks by Judit Pónya

Other Decks in Design

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

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