UX módszerek az ötlettől a felülettervezésig – IH 2015

Egy intuitív, felhasználóbarát és sikeres rendszer megtervezését nem elég a felületet tervező designertől várni. Már a projekt elejétől szükség van egy UXes szemléletmódra – lehetőleg minden résztvevő kolléga fejében –, hogy az üzleti célok és technológiai lehetőségek figyelembe vételével valóban hasznos tartalom és funkciók kerüljenek a felhasználók elé.
A design az ego és az empátia folyamatos küzdelmét jelenti. Ez a kihívás nem csak a designert érinti, hanem a tervezési és fejlesztési projekt minden résztvevőjét, magát a döntéshozási folyamatot is.
Számos UX módszerre támaszkodhatunk e küzdelem során: egy részük a résztvevők közötti kommunikációt és megértést segítik elő, mások pedig segítenek a valóság talaján tartani bennünket, hogy értékes innovatív megoldások – eladható online termékek, sikeres online rendszerek születhessenek.
Az előadás olyan szemléletmódot és módszereket mutat be, amelyek nem kapcsolódnak közvetlenül a felülettervezéshez, de nagy hatással lehetnek a felhasználói élményre és a projekt sikerességére.

Transcript

1. UX módszerek
   az ötlettől a felülettervezésig
   Internet Hungary
   2015. szeptember 30.
   Siófok
   Pónya Judit
   Fluxon / FatDUX Budapest
   

   View Slide

2. UX képzések reg.fluxon.hu
   

   View Slide

3. Grafika Grafikai tervezés
   Arculati elemek
   Felület Oldaltervek, navigáció
   Felülettervezés
   Struktúra Információ-architektúra
   Felhasználói interakció
   Követelmények Funkcionális specifikáció
   Tartalmi követelmények
   Tervezési stratégia Üzleti célok
   Felhasználói igények
   

   View Slide

4. Grafika Grafikai tervezés
   Arculati elemek
   Felület Oldaltervek, navigáció
   Felülettervezés
   Struktúra Információ-architektúra
   Felhasználói interakció
   Követelmények Funkcionális specifikáció
   Tartalmi követelmények
   Tervezési stratégia Üzleti célok
   Felhasználói igények
   

   View Slide

5. üzleti
   célok
   felhasználói
   igények
   technológiai
   lehetőségek
   

   View Slide

6. megrendelő
   kivitelező
   

   View Slide

7. View Slide

8. „Egyetlen haditerv sem
   éli túl az ellenséggel való
   találkozást.”
   Helmuth Karl Bernhard von Moltke
   

   View Slide

9. Használhatóság
   ■ ISO 9241-11 Ergonomic requirements for office work with visual display terminals (VDTs) — Part 11: Guidance on usability
   3.1 usability: Extent to which a product can be used by specified users to achieve
   specified goals with effectiveness, efficiency and satisfaction in a specified context of use.
   Annak mértéke, ahogy a terméket
   meghatározott felhasználók
   meghatározott célokért
   hatásosan, hatékonyan és elégedetten
   használják egy adott környezetben
   

   View Slide

10. UX kutatás
    piackutatás
    

    View Slide

11. Szó sem lehet róla.
    Tetszik ez a design?
    Tetszik ez a funkció?
    Mi a véleményed?
    Megvásárolnád?
    Használnád?
    

    View Slide

12. Mindenki hazudik.
    

    View Slide

13. First Rule of Usability?
    Don't Listen to Users
    “To design an easy-to-use interface,
    pay attention to what users
    do,
    not what they
    say.
    Self-reported claims are unreliable,
    as are user speculations about future behavior.”
    (Jakob Nielsen)
    http://www.useit.com/alertbox/20010805.html
    

    View Slide

14. viselkedés
    prioritások
    szándék
    fennakadások értékek
    döntési pontok
    mit csinál?
    

    View Slide

15. kontextus
    valós szituáció
    valós reakció
    minél kevesebb fikció
    feltételezés, találgatás
    

    View Slide

16. View Slide

17. Sed ut perspiciatis,
    unde omnis iste
    natus error sit volu
    ptatem accus ntium
    otam rem aperiam
    eaque ipsa, quae
    ab illo inventore
    veritatis et quasi
    architecto beatae
    vitae dicta sunt,
    

    View Slide

18. ?
    

    View Slide

19. “When you’re surrounded by
    people who share the same set
    of assumptions as you,
    you start to think that's reality.”
    Emily Levine
    feltételezések
    megkérdőjelezése
    

    View Slide

20. protopersona
    csakis kutatási
    adatokra alapozva!
    

    View Slide

21. követelmények
    prioritások
    meghatározása
    

    View Slide

22. Grafika Grafikai tervezés
    Arculati elemek
    Felület Oldaltervek, navigáció
    Felülettervezés
    Struktúra Információ-architektúra
    Felhasználói interakció
    Követelmények Funkcionális specifikáció
    Tartalmi követelmények
    Tervezési stratégia Üzleti célok
    Felhasználói igények
    

    View Slide

23. • Sed ut perspiciatis, unde omnis iste
    • natus error sit voluptatem
    • accusantium doloremque laudantium,
    •otam rem aperiam eaque ipsa, quae
    •ab illo inventore veritatis et quasi
    •architecto beatae vitae dicta sunt,
    • explicabo. Nemo enim ipsam voluptatem,
    •quia voluptas sit, aspernatur aut
    • Sed ut perspiciatis, unde omnis iste
    • natus error sit voluptatem
    • accusantium doloremque laudantium,
    •otam rem aperiam eaque ipsa, quae
    •ab illo inventore veritatis et quasi
    •architecto beatae vitae dicta sunt,
    • explicabo. Nemo enim ipsam voluptatem,
    •quia voluptas sit, aspernatur aut
    Tartalom & funkciók
    

    View Slide

24. • Sed ut perspiciatis, unde omnis iste
    • natus error sit voluptatem
    • accusantium doloremque laudantium,
    •otam rem aperiam eaque ipsa, quae
    •ab illo inventore veritatis et quasi
    •architecto beatae vitae dicta sunt,
    • explicabo. Nemo enim ipsam voluptatem,
    •quia voluptas sit, aspernatur aut
    • Sed ut perspiciatis, unde omnis iste
    • natus error sit voluptatem
    • accusantium doloremque laudantium,
    •otam rem aperiam eaque ipsa, quae
    •ab illo inventore veritatis et quasi
    •architecto beatae vitae dicta sunt,
    • explicabo. Nemo enim ipsam voluptatem,
    •quia voluptas sit, aspernatur aut
    Tartalom & funkciók
    tegyük bele
    mindet,
    azt szeretik...
    

    View Slide

25. • Sed ut perspiciatis, unde omnis iste
    • natus error sit voluptatem
    • accusantium doloremque laudantium,
    •otam rem aperiam eaque ipsa, quae
    •ab illo inventore veritatis et quasi
    •architecto beatae vitae dicta sunt,
    • explicabo. Nemo enim ipsam voluptatem,
    •quia voluptas sit, aspernatur aut
    • Sed ut perspiciatis, unde omnis iste
    • natus error sit voluptatem
    • accusantium doloremque laudantium,
    •otam rem aperiam eaque ipsa, quae
    •ab illo inventore veritatis et quasi
    •architecto beatae vitae dicta sunt,
    • explicabo. Nemo enim ipsam voluptatem,
    •quia voluptas sit, aspernatur aut
    Tartalom & funkciók
    

    View Slide

26. üzleti célok
    

    View Slide

27. • Sed ut perspiciatis, unde omnis iste
    • natus error sit voluptatem
    • accusantium doloremque laudantium,
    •otam rem aperiam eaque ipsa, quae
    •ab illo inventore veritatis et quasi
    •architecto beatae vitae dicta sunt,
    • explicabo. Nemo enim ipsam voluptatem,
    Tartalom & funkciók
    „top tasks” elemzés
    

    View Slide

28. prototípus
    látványterv
    specifikáció
    

    View Slide

29. View Slide

30. View Slide

31. prototípus
    “A PROTOTYPE IS
    A QUESTION EMBODIED.”
    

    View Slide

32. építs
    velocity
    

    View Slide

33. építs
    mérj
    tanulj
    ötlet termék
    adat
    

    View Slide

34. MVP
    

    View Slide

35. ego empátia
    

    View Slide

36. HiPPO
    Highest
    Paid
    Person’s
    Opinion
    

    View Slide

37. Összefoglalva...
    

    View Slide

38. Grafika Grafikai tervezés
    Arculati elemek
    Felület Oldaltervek, navigáció
    Felülettervezés
    Struktúra Információ-architektúra
    Felhasználói interakció
    Követelmények Funkcionális specifikáció
    Tartalmi követelmények
    Tervezési stratégia Üzleti célok
    Felhasználói igények
    

    View Slide

39. feltételezések
    megkérdőjelezése
    

    View Slide

40. építs
    mérj
    tanulj
    ötlet termék
    adat
    

    View Slide

41. Köszönöm!
    Pónya Judit
    @ptxster
    judit@fluxon.hu
    

    View Slide