Principal techniques in User Experience

Slide 1

Slide 1 text

UVOD U KORISNIČKO ISKUSTVO    DaFED#30 03.03.15 1 DARKO ČENGIJA USABILITY SPECIALIST, UX PASSION [email protected] - @darkoche

Slide 2

Slide 2 text

03.03.15 2 Što ćete čuti u idućih   40 minuta?

Slide 3

Slide 3 text

03.03.15 3 •  Osnove najvažnijih User Experience tehnika •  Kontekst u kojem se primjenjuju i zašto

Slide 4

Slide 4 text

03.03.15 4 Tko sam ja?

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

03.03.15 6 2009 Usability specialist Information Architect Interaction Designer 2015

Slide 7

Slide 7 text

03.03.15 7 Korisničko iskustvo?

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

03.03.15 10 “Focus on the user and everything else will follow” - Google

Slide 11

Slide 11 text

03.03.15 11 Persone

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

03.03.15 15 Primjer

Slide 16

Slide 16 text

03.03.15 16 Koje persone bi mogla imati aplikacija koja služi za hodanje u prirodi?

Slide 17

Slide 17 text

03.03.15 17 1. korak - intervjui

Slide 18

Slide 18 text

03.03.15 18 2. korak – ključne karakteristike Razlozi hodanja Rekreativno i povremeno Ozbiljno i često Poznavanje tehnologije Površno Dobro

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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?”

Slide 22

Slide 22 text

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...?”

Slide 23

Slide 23 text

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?”

Slide 24

Slide 24 text

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?”

Slide 25

Slide 25 text

03.03.15 25

Slide 26

Slide 26 text

03.03.15 26

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

03.03.15 28

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

03.03.15 30 Red routes

Slide 31

Slide 31 text

03.03.15 31

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

03.03.15 37 Primjer

Slide 38

Slide 38 text

03.03.15 38 Koje bi bile red routes za web site (aplikaciju) koja vam pomaže u vođenju evidencije o kućnim ﬁnancijama?

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

03.03.15 42 •  Persone •  Red routes Koje smo tehnike do sada prošli

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

No content

Slide 46

Slide 46 text

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”

Slide 47

Slide 47 text

No content

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

No content

Slide 50

Slide 50 text

03.03.15 50 Mentalni modeli (vs. implementacijski modeli)

Slide 51

Slide 51 text

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 ﬁlea iz jednog foldera u drugi je MOVE, ali s C: diska na D: je COPY.

Slide 52

Slide 52 text

No content

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

No content

Slide 55

Slide 55 text

647228131 Social security number The correct format for the Social security number is XXX-XX-XXXX

Slide 56

Slide 56 text

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

Slide 57

Slide 57 text

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

Slide 58

Slide 58 text

No content

Slide 59

Slide 59 text

03.03.15 59

Slide 60

Slide 60 text

03.03.15 60

Slide 61

Slide 61 text

03.03.15 61 Jednostavni i razumljivi web siteovi

Slide 62

Slide 62 text

No content

Slide 63

Slide 63 text

No content

Slide 64

Slide 64 text

No content

Slide 65

Slide 65 text

No content

Slide 66

Slide 66 text

No content

Slide 67

Slide 67 text

No content

Slide 68

Slide 68 text

No content

Slide 69

Slide 69 text

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

Slide 70

Slide 70 text

No content

Slide 71

Slide 71 text

No content

Slide 72

Slide 72 text

No content

Slide 73

Slide 73 text

No content

Slide 74

Slide 74 text

No content

Slide 75

Slide 75 text

No content

Slide 76

Slide 76 text

No content

Slide 77

Slide 77 text

No content

Slide 78

Slide 78 text

No content

Slide 79

Slide 79 text

03.03.15 79 UX fail

Slide 80

Slide 80 text

No content

Slide 81

Slide 81 text

No content

Slide 82

Slide 82 text

No content

Slide 83

Slide 83 text

No content

Slide 84

Slide 84 text

No content

Slide 85

Slide 85 text

No content

Slide 86

Slide 86 text

No content

Slide 87

Slide 87 text

No content

Slide 88

Slide 88 text

No content

Slide 89

Slide 89 text

No content

Slide 90

Slide 90 text

No content

Slide 91

Slide 91 text

No content

Slide 92

Slide 92 text

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

Slide 93

Slide 93 text

03.03.15 93 Usability

Slide 94

Slide 94 text

No content

Slide 95

Slide 95 text

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ć

Slide 96

Slide 96 text

03.03.15 96 Usability: efﬁciency •  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

Slide 97

Slide 97 text

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

Slide 98

Slide 98 text

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

Slide 99

Slide 99 text

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

Slide 100

Slide 100 text

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

Slide 101

Slide 101 text

03.03.15 101 Q&A

Slide 102

Slide 102 text

03.03.15 102 HVALA!

Slide 103

Slide 103 text

UX Passion Horvatovac 23 HR – 10000 Zagreb www.uxpassion.com [email protected] +385 99 338 9941