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

Principal techniques in User Experience

C1d9295b73069d0182d61895048713d8?s=47 DaFED
March 04, 2015

Principal techniques in User Experience

DaFED#30
Speaker: Darko Čengija, UX Passion
Kako ugraditi korisničko iskustvo u temelje svog proizvoda? Šta su Persone, Crvene rute, a šta je Usability? Šta raditi, a šta ne raditi tokom razvoja softverskog rešenja? Ovo predavanje je namenjeno polaznicima koji za sada imaju osnovno ili srednje poznavanje koncepata iz korisničkog iskustva, a rade u softverskoj industriji.

C1d9295b73069d0182d61895048713d8?s=128

DaFED

March 04, 2015
Tweet

Transcript

  1. UVOD U KORISNIČKO ISKUSTVO
 
 DaFED#30 03.03.15 1 DARKO ČENGIJA

    USABILITY SPECIALIST, UX PASSION darko@uxpassion.com - @darkoche
  2. 03.03.15 2 Što ćete čuti u idućih 
 40 minuta?

  3. 03.03.15 3 •  Osnove najvažnijih User Experience tehnika •  Kontekst

    u kojem se primjenjuju i zašto
  4. 03.03.15 4 Tko sam ja?

  5. None
  6. 03.03.15 6 2009 Usability specialist Information Architect Interaction Designer 2015

  7. 03.03.15 7 Korisničko iskustvo?

  8. None
  9. None
  10. 03.03.15 10 “Focus on the user and everything else will

    follow” - Google
  11. 03.03.15 11 Persone

  12. None
  13. 03.03.15 13 There’s no such thing as an ‘average’ user

  14. 03.03.15 14 Što je persona? •  Kratak sažetak neke ključne

    grupe korisnika •  Persona ne opisuje stvarnog pojedinačnog korisnika, niti prosječnog korisnika •  Persona opisuje stereotip grupe korisnika •  Formatirana je kao stvarna osoba
  15. 03.03.15 15 Primjer

  16. 03.03.15 16 Koje persone bi mogla imati aplikacija koja služi

    za hodanje u prirodi?
  17. 03.03.15 17 1. korak - intervjui

  18. 03.03.15 18 2. korak – ključne karakteristike Razlozi hodanja Rekreativno

    i povremeno Ozbiljno i često Poznavanje tehnologije Površno Dobro
  19. 03.03.15 19 3. korak – grupiranje Razlozi hodanja Rekreativno i

    povremeno Ozbiljno i često Poznavanje tehnologije Površno Dobro
  20. 03.03.15 20 4. korak – personalizacija Razlozi hodanja Rekreativno i

    povremeno Ozbiljno i često Poznavanje tehnologije Površno Dobro
  21. 03.03.15 21 Persona 1 – Sebastian Sebastian Želi često hodati

    prirodom, ne treba mu high-tech podrška -  Želi otkriti nepoznata mjesta -  Voli fotografirati ono što mu se svidi -  Motivacija: “Postoji li neka zanimljiva priča vezana uz ovu lokaciju?”
  22. 03.03.15 22 Persona 2 – Vanesa Vanesa Često se kreće

    na otvorenom, a tehnologiju koristi za bogatiji doživljaj izlaska -  Koristi GPS za kretanje u prirodi -  Želi se povezati s prijateljima i izlazak pretvoriti u igru -  Motivacija: “Koja je najzanimljivija ruta odavde do...?”
  23. 03.03.15 23 Persona 3 – Andrea Andrea Izlazi u prirodu

    kada ima vremena, preferira druženje s prijateljima -  Voli piknik u prirodi i tada gasi mobitel -  Želi se družiti s prijateljima i igrati društvene igre -  Motivacija: “Kako da se odavde vratim do svog auta?”
  24. 03.03.15 24 Persona 4 – Marko Marko Napustio je posao

    u IT tvrtki i želi se posvetiti fotografiji -  Koristi tehnologiju kako bi planirao ili preuzeo rutu -  Želi fotografije dijeliti s prijateljima -  Motivacija: “Gdje se nalaze zanimljiva mjesta za fotografiranje?”
  25. 03.03.15 25

  26. 03.03.15 26

  27. 03.03.15 27 Nekoliko savjeta •  Razlike među personama trebaju biti

    one koje su relevantne za proizvod •  Nemojte imati više od sedam persona •  Persone moraju biti zasnovane na stvarnom istraživanju, ne na vašem nagađanju
  28. 03.03.15 28

  29. 03.03.15 29 •  Persone Koje smo tehnike do sada prošli

  30. 03.03.15 30 Red routes

  31. 03.03.15 31

  32. None
  33. None
  34. 03.03.15 34 Što su red routes? •  Svaki web site

    ima mali skup funkcionalnosti koje donose korisniku ogromnu vrijednost •  Svaki web site ima i mnoge ostale funkcionalnosti. One staju na put važnim funkcionalnostima i uništavaju vrijednost web sitea •  Fokusiranjem na ono što je korisniku zaista važno spašavamo vrijednost
  35. None
  36. None
  37. 03.03.15 37 Primjer

  38. 03.03.15 38 Koje bi bile red routes za web site

    (aplikaciju) koja vam pomaže u vođenju evidencije o kućnim financijama?
  39. Enter a new transaction What's my current balance Sync with

    my bank account Spent this month Create a recurring expense Add a new category Monthly budget remaining Convert currencies Create multiple users Most of the people Some of the people Few of the people All of the time Some of the time Very little of the time
  40. Enter a new transaction What's my current balance Sync with

    my bank account Spent this month Create a recurring expense Add a new category Monthly budget remaining Convert currencies Create multiple users Most of the people Some of the people Few of the people All of the time Some of the time Very little of the time
  41. None
  42. 03.03.15 42 •  Persone •  Red routes Koje smo tehnike

    do sada prošli
  43. 03.03.15 43 •  Persone •  Red routes •  Kontekst uporabe

    •  User stories •  Card sorting •  Informacijska arhitektura Koje smo tehnike do sada prošli
  44. None
  45. None
  46. 03.03.15 46 Red route “Prikaži utrošene sate po zadacima” User

    stories - primjer User story “Kao voditelj odjela želim imati pregled nad satima utrošenim na pojedine zadatke kako bih razumio što nas najviše usporava”
  47. None
  48. None
  49. None
  50. 03.03.15 50 Mentalni modeli (vs. implementacijski modeli)

  51. 03.03.15 51 Mentalni modeli •  Primjer implementacijskog modela je gotovo

    svaki home theater system, gdje korisnik mora sam znati kako su komponente spojene, koji source te koji daljinski treba za gledanje TV-a •  Premještanje filea iz jednog foldera u drugi je MOVE, ali s C: diska na D: je COPY.
  52. None
  53. None
  54. None
  55. 647228131 Social security number The correct format for the Social

    security number is XXX-XX-XXXX
  56. 03.03.15 56 •  Persone •  Red routes •  Kontekst uporabe

    •  User stories •  Card sorting •  Informacijska arhitektura Koje smo tehnike do sada prošli •  Mentalni modeli
  57. 03.03.15 57 •  Persone •  Red routes •  Kontekst uporabe

    •  User stories •  Card sorting •  Informacijska arhitektura Koje smo tehnike do sada prošli •  Mentalni modeli •  Odbacivi prototipovi
  58. None
  59. 03.03.15 59

  60. 03.03.15 60

  61. 03.03.15 61 Jednostavni i razumljivi web siteovi

  62. None
  63. None
  64. None
  65. None
  66. None
  67. None
  68. None
  69. 03.03.15 69 Hick’s law •  Nazvan po britanskom psihologu Williamu

    Edmundu Hicksu, opisuje vrijeme potrebno osobi da donese odluku kao funkciju broja mogućih opcija (izbora), odnosno, povećanjem broja opcija se vrijeme potrebno da se donese odluka povećava logaritamski
  70. None
  71. None
  72. None
  73. None
  74. None
  75. None
  76. None
  77. None
  78. None
  79. 03.03.15 79 UX fail

  80. None
  81. None
  82. None
  83. None
  84. None
  85. None
  86. None
  87. None
  88. None
  89. None
  90. None
  91. None
  92. 03.03.15 92 •  Persone •  Red routes •  Kontekst uporabe

    •  User stories •  Card sorting •  Informacijska arhitektura Koje smo tehnike do sada prošli •  Mentalni modeli •  Odbacivi prototipovi •  Jednostavni websiteovi
  93. 03.03.15 93 Usability

  94. None
  95. 03.03.15 95 Usability: effectiveness •  Postotak korisnika koji ispravno i

    potpuno ostvare zadani cilj bez vanjske pomoći •  Disaster rate: postotak korisnika koji misle da su uspješni, a zapravo nisu •  Broj grešaka po jedinici vremena •  Postotak zadataka uspješno odrađenih iz prvog pokušaja •  Koliko puta su korisnici zatražili pomoć
  96. 03.03.15 96 Usability: efficiency •  Prosječno vrijeme potrebno za izvršenje

    zadatka •  Vrijeme potrebno u prvom pokušaju •  Vrijeme potrebno korisniku u usporedbi s ekspertom •  Vrijeme potrebno za ponovno učenje funkcionalnosti •  Vrijeme potrebno da korisnik dosegne razinu eksperta •  Broj koraka potrebnih da se izvrši zadatak
  97. 03.03.15 97 Usability: satisfaction •  Srednji rezultat ostvaren u upitniku

    •  Odnos pozitivnih i negativnih pridjeva u opisu proizvoda •  Postotak korisnika koji bi preporučili proizvod drugima •  Korisnikova subjektivna ocjena kvalitete outputa •  Postotak korisnika koji smatraju da je proizvod jednostavniji od konkurentskog
  98. 03.03.15 98 SUS: System Usability Scale •  Najprihvaćeniji upitnik za

    mjerenje zadovoljstva korisnika •  http://www.measuringusability.com/sus.php •  http://www.usability.gov/how-to-and-tools/methods/ system-usability-scale.html
  99. 03.03.15 99 •  Persone •  Red routes •  Kontekst uporabe

    •  User stories •  Card sorting •  Informacijska arhitektura Koje smo tehnike do sada prošli •  Mentalni modeli •  Odbacivi prototipovi •  Jednostavni websiteovi •  Usability
  100. 03.03.15 100 •  Persone •  Red routes •  Kontekst uporabe

    •  User stories •  Card sorting •  Informacijska arhitektura Koje smo tehnike do sada prošli •  Mentalni modeli •  Odbacivi prototipovi •  Jednostavni websiteovi •  Usability •  Ekspertna analiza •  User testing
  101. 03.03.15 101 Q&A

  102. 03.03.15 102 HVALA!

  103. UX Passion Horvatovac 23 HR – 10000 Zagreb www.uxpassion.com zagreb@uxpassion.com

    +385 99 338 9941