UX a belső hatékonyságért - CIO Budapest 2014

Transcript

1. CIO Budapest
   2014. szeptember 10.
   Pónya Judit
   FatDUX Budapest
   Felhasználói élménnyel
   a belső hatékonyságért
   

   View Slide

2. “Dangerous to
   nurse’s health”
   — Regional Health Service
   Uppsala
   “Kiborulós szoba”
   a dolgozók számára
   — svéd útlevélhivatal
   IT rendszerek & munkahelyi stressz
   

   View Slide

3. END-USER
   PRODUCTIVITY LOSS
   17%
   “losing more money
   through end-user
   productivity issues than
   they are spending on their
   entire IT portfolio”
   

   View Slide

4. END-USER
   PRODUCTIVITY LOSS
   17%
   “losing more money
   through end-user
   productivity issues than
   they are spending on their
   entire IT portfolio”
   

   View Slide

5. UX
   

   View Slide

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

7. • 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
   követelmények
   

   View Slide

8. • 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
   szándék?
   célok?
   követelmények
   

   View Slide

9. felhasználói
   igények?
   

   View Slide

10. legyen letisztult!
    meg intuitív!
    tegyük bele
    mindet,
    azt szeretik...
    felhasználói
    igények?
    legyen olyan,
    mint a
    Google/iOS!
    

    View Slide

11. Apollo 13
    

    View Slide

12. Apollo 13
    

    View Slide

13. Apollo 13
    

    View Slide

14. View Slide

15. mentális
    modell
    

    View Slide

16. mentális
    modell
    ui
    

    View Slide

17. ui
    mentális
    modell
    

    View Slide

18. ui
    mentális
    modell
    súgó
    tanítás
    

    View Slide

19. mentális
    modell
    ui
    tervezési minták
    bevált gyakorlat
    tesztelés
    analitika
    terepinterjú
    

    View Slide

20. mentális
    modell
    Mit tudunk erről?
    Hogyan illeszkednek most?
    Hogyan közelíthetjük?
    

    View Slide

21. ui
    mentális
    modell
    súgó
    tanítás
    

    View Slide

22. Hatalmas kognitív terhelés
    ■Rengeteg eltérő rendszer használata
    —eltésrő platform, logika, működési mód
    —irritáló apró eltérések
    ■Új platformok, új beruházások
    ■Oktatás
    ■Betanulási idő hiánya
    ■Nem rendszeres használat
    a hibáztatás
    nem segít
    

    View Slide

23. A használat gyakoriságától függően
    ■Tréning
    ■On-boarding
    ■Súgó
    —kontextusfüggő
    —a felületen megjelenő, integrált
    ■Tájékoztatás az újdonságokról, változásokról
    

    View Slide

24. mentális
    modell
    ui
    tervezési minták
    bevált gyakorlat
    

    View Slide

25. Intuitív = ismerős
    ■Standardkövetés
    —Felülettervezési minták, bevált gyakorlat
    —Platform UI útmutatók követése
    ■Következetesség
    —belső: rendszeren belül
    —külső: egyéb használt rendszerek
    ■Használhatósági alapelvek, útmutatások követése
    —Használhatósági elemzés
    

    View Slide

26. mentális
    modell
    ui
    tesztelés
    analitika
    terepinterjú
    

    View Slide

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

28. A felhasználó megfigyelése
    természetes környezetében...
    jelenlegi rendszerek
    valódi feladatok
    valódi környezet
    valódi prioritások
    valódi problémák
    hogyan
    dolgozol?
    

    View Slide

29. Valós feladatok, valós kontextus
    ■Demo verzió használata
    ■Prototípus készítés, tesztelés
    ■Béta tesztelés, visszajelzések gyűjtése
    ■Használhatósági tesztelés
    ■Analitika valódi
    felhasználók
    

    View Slide

30. mentális
    modell
    ui
    

    View Slide

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

32. UX ≠ UI
    ki?
    miért?
    hogyan?
    

    View Slide

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

    View Slide

34. ergonómikus
    flat! milyen problémát
    old meg?
    támogatja
    az üzleti
    célokat
    

    View Slide

35. UX képzések reg.fluxon.hu
    Pónya Judit
    @ptxster
    jponya@fatdux.com
    Köszönöm!
    

    View Slide