FAKULTET

ORGANIZACIJE Testiranje
I INFORMATIKE upotrebljivosti
prototipa
Pavlinska 2 1962. - 2018.
42 000 Varaždin
Hrvatska

Doc.dr.sc. Katarina Pažur Aničić

Ovo djelo je dano na korištenje pod licencom Creative

Commons Imenovanje-Dijeli pod istim uvjetima 4.0
međunarodna.
Izvor www.FOI.unizg.hr
CILJ PREDAVANJA

• Upoznati se sa svrhom i ciljevima testiranja

upotrebljivosti prototipa
• Definirati razliku između testiranja upotrebljivosti i
testiranja korisnika
• Upoznati se s načinima testiranja upotrebiljivosti
prototipa

www.FOI.unizg.hr
TESTIRANJE
UPOTREBLJIVOSTI -
DEFINICIJA
UPOTREBLJIVOST - DEFINICIJA

Upotrebljivost označava “u kojoj mjeri određeni

korisnici mogu koristiti sustav, proizvod ili uslugu
za postizanje određenih ciljeva s efikasnošću,
učinkovitošću i zadovoljstvom u određenom
kontekstu korištenja”

ISO 9241-11:2018(en), Ergonomics of human-system

interaction — Part 11: Usability: Definitions and concepts
Izvor: https://www.iso.org/obp/ui/#iso:std:iso:9241:-11:ed-2:v1:en

www.FOI.unizg.hr
UPOTREBLJIVOST

Definicija
upotrebljivosti
prema ISO
sadrži tri
osnovna pojma: Zadovoljstvo
Efikasnost
korisnika

Učinkovitost

www.FOI.unizg.hr
VJEŽBA U kontekstu poslovnog sastanka
komentirajte što bi značilo da je on:
PROCJENA

1. Efikasan
2. Učinkovit

www.FOI.unizg.hr
UPOTREBLJIVOST KORISNIČKIH SUČELJA

„Upotrebljivost je atribut kvalitete koji procjenjuje koliko su

korisnička sučelja jednostavna za korištenje” i sastoji se od
5 elemenata

Mogućnost
Pamtljivost Greške
učenja

Učinkovitost Zadovoljstvo

Izvor: https://www.nngroup.com/articles/usability-101-introduction-to-usability/
www.FOI.unizg.hr
UPOTREBLJIVOST KORISNIČKIH SUČELJA

▪ Mogućnost učenja: koliko je korisnicima lako izvršiti

osnovne zadatke kada prvi put naiđu na dizajn?
▪ Učinkovitost: nakon što korisnici nauče dizajn, koliko
brzo mogu obavljati zadatke?
▪ Pamtljivost: kada se korisnici vrate dizajnu nakon
razdoblja nekorištenja, koliko lako mogu ponovno
uspostaviti stručnost?
▪ Pogreške: koliko pogreški načine korisnici, koliko su
ozbiljne te pogreške i koliko se lako mogu oporaviti od
pogrešaka?
▪ Zadovoljstvo: Koliko je ugodno koristiti dizajn?

Izvor: https://www.nngroup.com/articles/usability-101-introduction-to-usability/
www.FOI.unizg.hr
TESTIRANJE UPOTREBLJIVOSTI

Aktivnost usmjerena promatranju korisnika

prilikom rada s proizvodom (korištenja usluge),
pri čemu obavljaju zadatke koji su stvarni i
značajni za njih.

Barnum, C.M. (2021) Usability Testing Essentials, 2nd Edition

www.FOI.unizg.hr
TESTIRANJE UPOTREBLJIVOSTI vs
TESTIRANJE KORISNIKA

Izvor: https://wearebrain.com/blog/customer-ux-ui/user-vs-usability-testing/
www.FOI.unizg.hr
TESTIRANJE UPOTREBLJIVOSTI vs
TESTIRANJE KORISNIKA

Testiranje • Upotrebljivost prototipa,

pokušaj da se vidi je li proizvod
upotrebljivosti upotrebljiv ili ne, kako sudionici
komuniciraju s njim, gdje su
(Usability testing) zapeli itd.

• Fokus na potrebama korisnika

Testiranje — koja su korisnikova
korisnika očekivanja, kako percipiraju
proizvod, kada zamišljaju da bi
(User testing) im mogao zatrebati

Izvor: https://bootcamp.uxdesign.cc/prototype-testing-the-complete-guide-
15b28d7a3efc
www.FOI.unizg.hr
OD ISTRAŽIVANJA KORISNIKA DO
UPOTREBLJIVOSTI

Izvor www.FOI.unizg.hr
ZAŠTO TESTIRATI
PROTOTIP?
Proces dizajna

✓ Iterativno
✓ Brzo
✓ Agilno

www.FOI.unizg.hr Izvor
ITIL v4 – lanac vrijednosti usluge

www.FOI.unizg.hr Izvor
PROTOTIP U SVRSI UČENJA

Izvor: https://sprintstories.com/a-simple-explanation-of-gv-sprints-with-gifs-32e8acfd0636
www.FOI.unizg.hr
KOLIKO TREBAMO ISPITANIKA?

Izvor: https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/
www.FOI.unizg.hr
Testiranje prototipa doprinosi...

✓ Prikupljanje povratnih informacija u ranoj fazi

✓ Validiranje ideja
✓ Detektiranje nedostataka
✓ Potvrda dizajna
✓ Otkrivanje mogućnosti
✓ Minimiziranje troškova kasnijih ispravaka
✓ Veća lojalnost korisnika

www.FOI.unizg.hr
PRIMJER 1. - UPTECH

‘rapid prototyping’ -> zahtijeva prototip niske vjernosti (papir) i iterativno testiranje

www.FOI.unizg.hr
Prikupljanje povratnih informacija

Prikupljanje povratnih informacija je ključan element u

procesu design thinkinga!

Pronađite Postavite
Donesite
prave dobra
zaključke
ispitanike pitanja

www.FOI.unizg.hr
TESTIRANJE
UPOTREBLJIVOSTI
– VRSTE i NAČINI
Vrste testiranja upotrebljivosti

▪ Obzirom na prisutnost moderatora

▪ Obzirom na vrstu podataka/informacija koja se prikuplja

www.FOI.unizg.hr
Moderirano vs. nemoderirano

Moderirano Nemoderirano

• Moderator je • Uglavnom
prisutan uz remote, korisnik
korisnika i daje samostalno
upute te prolazi kroz
promatra prototip prema
njegovo prethodnim
ponašanje uputama
• Može biti i /scenarijima
online testiranja
pripremljenima
od strane
moderatora

www.FOI.unizg.hr
Formativno vs. sumativno

Formativno / Sumativno /
Kvalitativno Kvantitativno

• Dok je • Dok je
proizvod u proizvod
produkciji blizu
• Cilj je završetka
dijagnoza i • Prikupljaju se
rješavanje metrike
problema (brojčane
• Prikupljamo vrijednosti)
dojmove • Zahtijevaju
korisnika, veći broj
sugestije, korisnika
mišljenja...

www.FOI.unizg.hr
TESTIRANJE UPOTREBLJIVOSTI - elementi

Moderator Zadaci Korisnici

Izvor: https://www.nngroup.com/articles/usability-testing-101/
www.FOI.unizg.hr
ELEMENTI UPOTREBLJIVOSTI

Izvor: https://www.interaction-design.org/literature/topics/usability
www.FOI.unizg.hr
A/B TESTIRANJE

▪ Korinicima ponudimo dvije varijante istog zaslona i

postavimo pitanje vezana uz pojedine aspekte koji su
različiti (boje, struktura elemenata na zaslonu i sl.)

www.FOI.unizg.hr
A/B TESTIRANJE - primjer

Izvor: https://www.justinmind.com/blog/ab-testing/
www.FOI.unizg.hr
A/B TESTIRANJE - primjer

Izvor: https://instapage.com/blog/personalized-experiences-vs-ab-testing
www.FOI.unizg.hr
PRIMJER 2. - DESIGNERS

• Napravite prototip • Pronađite prikladno mjesto

• Izradite plan testiranja • Moderirajte test
• Regrutirajte ljude • Dokumentirajte rezultat testa
(ciljane korisnike)
www.FOI.unizg.hr
SCENARIJI
TESTIRANJA
ŠTO SU SCENARIJI TESTIRANJA?

➢ Scenariji testiranja su unaprijed pripremljeni zadaci kroz

koje korisnik prolazi prilikom testiranja prototipa.

➢ Za svaki scenarij trebate testerima omogućiti da vam

pruže što detaljniju i konkretniju povratnu informaciju -
najbolje ćete to ostvariti tako da im postavite pitanja
vezana uz pojedini scenarij.

www.FOI.unizg.hr
UPUTE ZA IZRADU SCENARIJA

Upute/koraci za testiranje moraju biti jasni i konkretni, a

JEDAN scenarij se može sastojati od nekoliko dijelova:

1. ZADATAK za korisnika, odnosno JASNA UPUTA koje

aktivnosti treba napraviti u prototipu (ovaj dio je
OBAVEZAN u svim scenarijima).
2. Nekoliko PITANJA ZATVORENOG TIPA s ponuđenom
skalom odgovora koji se odnose na taj scenarij.
3. Nekoliko PITANJA OTVORENOG TIPA na putem kojih
želite saznati dodatne komentare i prijedloge testera za
poboljšanja vezano uz pojedini scenarij.

www.FOI.unizg.hr
SCENARIJ TESTIRANJA 1.

ZADATAK za korisnika, odnosno JASNA UPUTA koje

aktivnosti treba napraviti u prototipu.

I. Prijavi se u aplikaciju CPSRKapp

II. Pronađi radionicu tvrtke Mobilisis koja se održala u
sklopu Workshop Days 2023. (17.-20. travnja 2023.)
III. Otvori detaljan opis radionice i provjeri broj
slobodnih mjesta
IV. Otiđi na profil poduzeća koje je kreiralo objavu kako
bi saznao/la više informacija o samom poduzeću

www.FOI.unizg.hr
SCENARIJ TESTIRANJA 1.

Nekoliko PITANJA OTVORENOG TIPA na putem kojih želite

saznati dodatne komentare i prijedloge testera za
poboljšanja vezano uz pojedini scenarij.

I. Opišite korake kojima ste došli do tražene radionice.

II. Je li proces pronalaska radionice dovoljno intuitivan?
III. Jeste li s lakoćom pronašli profil poduzeća?
IV. Imate li prijedloge za poboljšanja?

www.FOI.unizg.hr
SCENARIJ TESTIRANJA 1.

Na sljedeća pitanja odgovorite odabirom jedne vrijednosti

na skali Likertovog tipa od pet stupnjeva, sa sljedećim
značenjem:
1 – u potpunosti se ne slažem
2 – djelomično se ne slažem
3 – niti se slažem niti se ne slažem
4 – djelomično se slažem
5 – u potpunosti se slažem

www.FOI.unizg.hr
SCENARIJ TESTIRANJA 1.

1. Navigacija je intuitivna i lako mogu odrediti kuda će me

pojedine poveznice odvesti.

2. Detaljan pregled događaja sadrži dovoljno informacija.

3. Lako sam doznao/la informacije o mjestu i vremenu

održavanja te o mogućnostima prijave.

4. Putem opisa radionice je lako i intuitivno doći do profila

poslodavca koji je objavio radionicu.

www.FOI.unizg.hr
SCENARIJ TESTIRANJA 2.

ZADATAK za korisnika, odnosno JASNA UPUTA koje

aktivnosti treba napraviti u prototipu

I. Otiđite na svoj profil, bez obzira u kojem se dijelu

aplikacije nalazite
II. Pogledajte detaljno sve informacije koje su sadržane
na profilu
III. Uredite svoj profil na način da dodate 2 područja
interesa i barem 3 interesa
IV. Spremite promjene na profilu

www.FOI.unizg.hr
SCENARIJ TESTIRANJA 1.

Na sljedeća pitanja odgovorite odabirom jedne vrijednosti

na skali Likertovog tipa od pet stupnjeva, sa sljedećim
značenjem:
1 – u potpunosti se ne slažem
2 – djelomično se ne slažem
3 – niti se slažem niti se ne slažem
4 – djelomično se slažem
5 – u potpunosti se slažem

www.FOI.unizg.hr
SCENARIJ TESTIRANJA 1.

1. Profil sadrži sva potrebna područja interesa.

2. Profil sadrži sve potrebne interese.

3. Profil sadrži sve potrebne informacije koje bih volio/la

unijeti o sebi.

4. Primjetio/la sam da na profilu mogu unositi neke

vlastite aktivnosti.

www.FOI.unizg.hr
SCENARIJ TESTIRANJA 2.

Nekoliko PITANJA OTVORENOG TIPA putem kojih želite

saznati dodatne komentare i prijedloge testera za
poboljšanja vezano uz pojedini scenarij.

I. Opišite korake kojima ste došli do svog profila

II. Je li odabir područja interesa dovoljno intuitivan?
III. Sadrži li profil sva potrebna područja interesa?
IV. Ako ne, koja područja interesa biste dodali?
V. Sadrži li profil sve potrebne interese?
VI. Ako ne, koje biste interese dodali?
VII. Nedostaju li na profilu neke informacije koje
smatrate važnima?
VIII. Imate li sugestije za poboljšanja?
www.FOI.unizg.hr
TESTIRANJE UPOTREBLJIVOSTI U PRAKSI...

www.FOI.unizg.hr
TESTIRANJE
UPOTREBLJIVOSTI
- ZAKLJUČCI
ZAKLJUČCI TESTIRANJA

➢ Nakon provedenog testiranja potrebno je donijeti

određene zaključke, pri čemu je moguće koristiti različite
predloške.
➢ Kod zaključaka je važno da budu konkretni i da
predstavljaju temelj za određena poboljšanja
➢ Zaključak tipa „Korisnicima se naša aplikacija sviđa” nam
ne pruža smjernice za poboljšanja

www.FOI.unizg.hr
ZAKLJUČCI TESTIRANJA

Zaključci u formi – sviđa mi se, želim, što ako...

Izvor: https://www.interaction-design.org/literature/article/test-your-prototypes-how-to-
gather-feedback-and-maximise-learning
www.FOI.unizg.hr
ZAKLJUČCI TESTIRANJA

Zaključci u formi „mreže za hvatanje povratnih informacija”

Izvor: https://www.interaction-design.org/literature/article/test-your-prototypes-how-to-
gather-feedback-and-maximise-learning
www.FOI.unizg.hr
Microsoft Desirability Toolkit Product
Reaction Words
Popis od 118 riječi koje mogu označavati reakciju na
proizvod korišten je u oroginalnom Microsoft Desirability
Toolkit, autori Joey Benedeck and Trish Miner (2002.)

Pristupačna Frustrirajuća
Atraktivna Svježa
Dosadna Teška (za korištenje)
Zbunjujuća Bezlična
Zgodna Korisna
Pregledna Intuitivna
Jednostavna (za korištenje) Neučinkovita
Bitna Inovativna

Izvor: https://www.nngroup.com/articles/desirability-reaction-words/
www.FOI.unizg.hr
LITERATURA
• ISO 9241-11:2018(en): Ergonomics of human-system interaction — Part 11: Usability:
Definitions and concepts, dostupno na https://www.iso.org/obp/ui/#iso:std:iso:9241:-
11:ed-2:v1:en, pristupano 15.5.2023.
• Nielsen, Jabob. 2021. Usability 101: Introduction to Usability, dostupno na
https://www.nngroup.com/articles/usability-101-introduction-to-usability/,
pristupano 15.5.2023.
• Barnum, C.M. (2021) Usability Testing Essentials, 2nd Edition
• Hovhannisyan, Tatev. 2021. Prototype testing — the complete guide, dostupno na
https://bootcamp.uxdesign.cc/prototype-testing-the-complete-guide-15b28d7a3efc,
pristupano 15.5.2023.
• Moran, Kate. 2019. Usability Testing 101. dostupno na
https://www.nngroup.com/articles/usability-testing-101/, pristupano 15.5.2023.
• Izvori slika navedeni na pojedinom slajdu

www.FOI.unizg.hr