SlideShare une entreprise Scribd logo
1  sur  26
Ako robiť UX aj bez dát a
rozprávať pritom ľudskou rečou
Jozef Očkay
Kto som?
• UXákom od roku 2010
• Korporácie, startupy, banky,
poisťovne, štátne ..., weby, apky
• UX Designer & Consultant (Sygic)
Graf
Lebo každá seriózna prezka nejaký má
Obloha
Slnečná strana
pyramídy
Zatienená strana
pyramídy
GOMS – KLM
Stratená metóda dávnych UX predkov
821 09 BS1 4ND
ADDRESS
Enter Post Code
BS1 4ND OK
ADDRESS
22 Queen Square Br
22 Queen Square, Bristol, BS1 4ND
S
E
L
E
C
T
I
O
N
R
U
L
E
S
G
O
A
L
S
O
O
P
E
R
A
T
O
R
S
M
E
T
H
O
D
S
– K
E
Y
S
T
R
O
K
E
L
E
V
E
L
M
O
D
E
L
KLM predicts how long it will take
an expert user to accomplish a
routine task without errors using
an interactive computer system
“
”Wikipedia
toto je Giles Colborne,
oplatí sa čekovaťGiles Colborne,
oplatí sa čekovať
Mrte výskumu
ADDRESS
Enter Post Code
BS1 4ND OK
20 Queen Sq Bristol, BS1 4ND
21 Queen Sq Bristol, BS1 4ND
22 Queen Sq Bristol, BS1 4ND
23 Queen Sq Bristol, BS1 4ND
M Figure out what to do
H Put hand on mouse
P Move the mouse into position
K Click into the text field
H Put hand on keyboard
MKKKKKKK Remember and enter post code
M Figure out what to do
H Put hand on mouse
P Move the mouse into position
K Click OK button
R Wait for the system to refresh (1 sec)
M Figure out what to do
P Move the mouse into position
K Click the drop down list
M Figure out what to do
P Move the mouse into position
K Click on the correct item
R Wait for the system to refresh (1 sec)
M Check the address is correct
Choose an address
22 Queen Sq
Bristol
BS1 4ND
17.7 sec
ADDRESS
22 Queen Square Br
22 Queen Square, Bristol, BS1 4ND
M Figure out what to do
H Put hand on mouse
P Move the mouse into position
K Click into the text field
H Put hand on keyboard
MKKKKKKKKKKKKKKKKKK Enter address
M Figure out what to do
H Put hand on mouse
P Move the mouse into position
K Click on the address
R Wait for the system to refresh (1sec)
M Check the address is correct
13.8 sec
22 Queen Sq
Bristol
BS1 4ND
Z Wikipédie
Kedy použiť GOMS – KLM
• Zmena alebo zavádzanie nových
prvkov na webe
• “Náhrada” testingu, opatrne!
• Keď nie je čas ;)
Kedy nepoužiť GOMS – KLM
• Simulovanie user journey
• Vyhodnocovanie priechodnosti
celého webu, komplexný scenár
• Podobné nezmysly
UX komunita
Ako sa rozprávať s BFU
Vieš čo je to User Centered Design?
Heuristická analýza = expert review (na základe intuície a skúseností)
Etnografický výskum =
Paper prototyping + guerilla testing = “Ahoj, máš chvíľu?”
GOMS – KLM = model správania sa ľudí na webe
User Centered Design = ?
pozorovanie používateľov ľudí,
výskum v teréne (v ich prirodzenom prostredí)
Takže takto
• Nehrajme sa na smarťasov
• Hovorme ľudskou rečou
• Predávajme výstupy, nie metódy
Od jednotlivca k tímu
Viac hláv, viac kapusty
Carrie Tomaschko (Sweet Melody Designs)
Source: https://www.sweetmelodydesigns.com/artprints/be-brave-little-one-boy-explorer
Ďakujem
Connectu aj vám
@tjoooc

Contenu connexe

Plus de Connect | Space - Community - Innovations

Plus de Connect | Space - Community - Innovations (20)

Michal tlelka
Michal tlelkaMichal tlelka
Michal tlelka
 
Viktor Schiller
Viktor SchillerViktor Schiller
Viktor Schiller
 
Peter Kučerka
Peter KučerkaPeter Kučerka
Peter Kučerka
 
Milan Fraňo
Milan FraňoMilan Fraňo
Milan Fraňo
 
Lubo Jurík: Ako byť digitálnym nomádom
Lubo Jurík: Ako byť digitálnym nomádomLubo Jurík: Ako byť digitálnym nomádom
Lubo Jurík: Ako byť digitálnym nomádom
 
Monika Prikkelová
Monika PrikkelováMonika Prikkelová
Monika Prikkelová
 
katarina danova
katarina danovakatarina danova
katarina danova
 
Lucia Petrášová
Lucia PetrášováLucia Petrášová
Lucia Petrášová
 
Hugo Pauliny
Hugo PaulinyHugo Pauliny
Hugo Pauliny
 
Andrej Salner
Andrej SalnerAndrej Salner
Andrej Salner
 
Peter Nagy
Peter NagyPeter Nagy
Peter Nagy
 
Peter Chodelka
Peter ChodelkaPeter Chodelka
Peter Chodelka
 
Miroslav Beňo
Miroslav BeňoMiroslav Beňo
Miroslav Beňo
 
Robert Studený
Robert StudenýRobert Studený
Robert Studený
 
Julia Feracová
Julia FeracováJulia Feracová
Julia Feracová
 
Peter Pukalovič
Peter PukalovičPeter Pukalovič
Peter Pukalovič
 
Gretka Pavlovová
Gretka PavlovováGretka Pavlovová
Gretka Pavlovová
 
Andrej Kratochvíl
Andrej KratochvílAndrej Kratochvíl
Andrej Kratochvíl
 
Marek Mertinko
Marek MertinkoMarek Mertinko
Marek Mertinko
 
Lotta Love
Lotta LoveLotta Love
Lotta Love
 

19.03.18 - Noc UX Designu /Jozef Očkay

  • 1. Ako robiť UX aj bez dát a rozprávať pritom ľudskou rečou Jozef Očkay
  • 2. Kto som? • UXákom od roku 2010 • Korporácie, startupy, banky, poisťovne, štátne ..., weby, apky • UX Designer & Consultant (Sygic)
  • 3. Graf Lebo každá seriózna prezka nejaký má
  • 5. GOMS – KLM Stratená metóda dávnych UX predkov
  • 6.
  • 7.
  • 9. ADDRESS Enter Post Code BS1 4ND OK ADDRESS 22 Queen Square Br 22 Queen Square, Bristol, BS1 4ND
  • 10. S E L E C T I O N R U L E S G O A L S O O P E R A T O R S M E T H O D S – K E Y S T R O K E L E V E L M O D E L KLM predicts how long it will take an expert user to accomplish a routine task without errors using an interactive computer system “ ”Wikipedia
  • 11. toto je Giles Colborne, oplatí sa čekovaťGiles Colborne, oplatí sa čekovať
  • 13.
  • 14. ADDRESS Enter Post Code BS1 4ND OK 20 Queen Sq Bristol, BS1 4ND 21 Queen Sq Bristol, BS1 4ND 22 Queen Sq Bristol, BS1 4ND 23 Queen Sq Bristol, BS1 4ND M Figure out what to do H Put hand on mouse P Move the mouse into position K Click into the text field H Put hand on keyboard MKKKKKKK Remember and enter post code M Figure out what to do H Put hand on mouse P Move the mouse into position K Click OK button R Wait for the system to refresh (1 sec) M Figure out what to do P Move the mouse into position K Click the drop down list M Figure out what to do P Move the mouse into position K Click on the correct item R Wait for the system to refresh (1 sec) M Check the address is correct Choose an address 22 Queen Sq Bristol BS1 4ND 17.7 sec
  • 15. ADDRESS 22 Queen Square Br 22 Queen Square, Bristol, BS1 4ND M Figure out what to do H Put hand on mouse P Move the mouse into position K Click into the text field H Put hand on keyboard MKKKKKKKKKKKKKKKKKK Enter address M Figure out what to do H Put hand on mouse P Move the mouse into position K Click on the address R Wait for the system to refresh (1sec) M Check the address is correct 13.8 sec 22 Queen Sq Bristol BS1 4ND
  • 17. Kedy použiť GOMS – KLM • Zmena alebo zavádzanie nových prvkov na webe • “Náhrada” testingu, opatrne! • Keď nie je čas ;)
  • 18. Kedy nepoužiť GOMS – KLM • Simulovanie user journey • Vyhodnocovanie priechodnosti celého webu, komplexný scenár • Podobné nezmysly
  • 19. UX komunita Ako sa rozprávať s BFU
  • 20. Vieš čo je to User Centered Design?
  • 21. Heuristická analýza = expert review (na základe intuície a skúseností) Etnografický výskum = Paper prototyping + guerilla testing = “Ahoj, máš chvíľu?” GOMS – KLM = model správania sa ľudí na webe User Centered Design = ? pozorovanie používateľov ľudí, výskum v teréne (v ich prirodzenom prostredí)
  • 22. Takže takto • Nehrajme sa na smarťasov • Hovorme ľudskou rečou • Predávajme výstupy, nie metódy
  • 23. Od jednotlivca k tímu Viac hláv, viac kapusty
  • 24.
  • 25. Carrie Tomaschko (Sweet Melody Designs) Source: https://www.sweetmelodydesigns.com/artprints/be-brave-little-one-boy-explorer

Notes de l'éditeur

  1. https://www.adformatie.nl/nieuws/digitale-interactie-groeit-maar-gesproken-interactie-onmisbaar
  2. https://radio1.be/het-einde-van-de-telefonische-helpdesk
  3. Google Maps
  4. https://www.noporkpies.com/blog/user-experience/klm-goms-an-old-fashioned-but-efficient-way-of-measuring-user-interaction/
  5. presenter’s picture
  6. https://imgur.com/gallery/d7KZNKD
  7. A ty nevies co je KLM, ty si moj manazer?! Aaaah :-/
  8. Velkost timu: 6,5% - 1 clovek, 41,6% - 2 az 5 ludi