a
1
Projekt interfejsu i badania interakcji interfejsu Paulina Żak
Pracownia Badań Użyteczności prowadzący: prof. ASP dr hab. Wiesław Gdowicz, asyst Marta Więckowska Zakład Badań Wizualnych i Interakcji Akademia Sztuk Pięknych w Katowicach 2014
a
Projekt interfejsu
2
Założenia
ZAŁOŻENIA OGLÓNE
CEL BADANIA
1. Interfejs składa się z 9 kwadratów ułożonych 3x3
Celem badania będzie śledzenie drogi jaką wykona użytkownik od stanu wyjściowego do stanu końcowego i na tej podstawie stwierdzenie stopnia rozumienia struktury interfejsu.
2. Każdy kwadrat jest wypełniony dwukolorowym wzorem, by można było określić położenie kwadratu po jego obrocie w prawo lub lewo. 3. Kwadraty mogą się obracać według środka co kąt 45 stopni w prawo i lewo. 4. Kwadraty mogą się pomniejszać do środka i do wierzchołków. 5. Możliwe interakcje: (1) kliknięcie, (2) najechanie na pole kwadratu, (3) zjechanie z pola kwadratu. 6. Interfejs zaprojektowany jako ciąg zdarzeń (przyczyna - skutek) od stanu wyjściowego do stanu końcowego stosując zasadę: a. interakcja (1)(2)(3) zmienia kwadrat na który działa (np. zmienia się kwadrat, który został kliknięty) b. interakcja (1)(2)(3) zmienia inny kwadrat niż ten na który działa. (np. zmienia się kwadrat, który sąsiaduje z kwadratem, który został kliknięty) Można stosować zasadę a, lub b lub a+b
a
Projekt interfejsu
3
Rodzaje elementów interfejsu ZASADA DZIAŁANIA INTERFEJSU
KOLEJNOŚĆ ZMIANY POZYCJI ELEMENTÓW element B
kliknięcie elementu powoduje zmianę pozycji elementu i elementów stykających się narożnikami o kąt 900
obrót o 900 w lewo
Wyjątek stanowi kwadrat numer 5, który nie obraca innych elementów. Kwadraty po jednym kliknięciu obracają się o kąt 900 w prawo lub w lewo- (uzależnione jest to od ich pozycji początkowej). Drugie kliknięcie powoduje powrót kwadratu do pozycji początkowej
POCZĄTKOWY UKŁAD POZYCJI INTERFEJU 1
2
A 4
3
B 5
7
6
8
A
A
A
B
STAN POCZĄTKOWY
B 9
B
A
obrót o 900 w prawo element C
element A
obrót o 900 w prawo
STAN KOŃCOWY
obrót o 900 w lewo
element B
a
Projekt interfejsu
4
posób zapisu stanu elementów interfejsu oraz interakcji LEGENDA:
OPIS INTERAKCJI:
te elementy po kliknięciu obracają sie- te elementy obracają siebie bie i kwadrat numer 5 i 2 elementy, z którymi stykają
stan element czynność stan element 1A 3A 7A 9A 1C 3C 7C
obrót w lewo obrót w lewo obrót w lewo obrót w lewo obrót w prawo obrót w prawo obrót w prawo
stan element czynność stan element
1, 5
2B
3, 5
4B
7, 5
6B
9, 5
8B
1, 5
2C
1, 5
4C
7, 5
6C
obrót w prawo obrót w prawo obrót w prawo obrót w prawo obrót w lewo obrót w lewo obrót w lewo
ten kwadrat po kliknięciu obraca tylko siebie
stan element czynność stan element
2, 4, 6
5A
4, 2, 8
5C
6, 2, 8 8, 4, 6 2, 4, 6 4, 2, 8 6, 2, 8
obrót w lewo obrót w prawo
5 5
a
Projekt interfejsu element
Przykładowy zapis drogi użytkownika
element
1 2 3 4 5 6 7 8 9 przykład 1
przykład 2
5
a
Badania interakcji interfejsu CEL BADANIA Celem badania będzie przeanalizowanie drogi jaką wykona użytkownik od stanu początkowego do stanu końcowego i na tej podstawie stwierdzenie stopnia zrozumienia struktury interfejsu. PRZEBIEG BADANIA Zadaniem użytkownika będzie doprowadzenie interfejsu do stanu końcowego. Badany nie zostanie wcześniej zapoznany ze stanem końcowy interfejsu. Użytkownik podczas badania może wyrażać swoje odczucia, które zostaną zarejestrowane i pozwolą dokładniej określić interfejs. Badany będzie wykonywał zadanie, aż sam stwierdzi, że doszedł do stanu końcowego i zakończy badanie. Cały proces będzie nagrywany. Badanie zostanie nagrane za pomocą programu do zapisywania ruchu na pulpicie komputera. Droga użytkownika zostanie zapisana i posłuży do sprawdzenia zrozumienia struktury interfejsu przez użytkownika.
6
a
Badania interakcji interfejsu
7
Zapis drogi użytkownika BADANY 1 – 5 LAT U
JS FE
R nu ta INTE s ć n ię kn mia NTY i l E ć k ść z EM ś o L o E il il
• • •
1 2 3 4 5 6 7 8
27
26
25
24
23
22
21
19
20
17
18
15
16
14
13
12
11
10
9
8
7
5
6
3
4
1
9 2
różnica 0:01 0:03 0:02 0:03 0:03 0:02 0:01 0:02 0:02 0:04
średni czas 0:02,45 między kliknięciami suma kliknięć 11 najczęściej klikany 5 element
czas [s]
czas [s]
czas 0:01 0:04 0:06 0:09 0:12 0:14 0:15 0:17 0:19 0:23
27
9 25
1
26
1
24
8
23
3
22
1
21
7
20
1
19
1
17
6
18
3
15
1
16
5
13
7
14
3
12
4
11
3
10
1
9
3
8
1
7
1
6
2
5
3
3
1
lp element 1 2 2 1 3 3 4 5 5 9 6 5 7 8 8 4 9 6 10 7 4
1
1
1
2
1
a
Badania interakcji interfejsu
8
Zapis drogi użytkownika BADANY 2 – 9 LAT
nu ta INTE s ć n ię kn mia NTY i l z k ć EME ć ś ś o EL ilo il
U
JS
E RF
27
9 25
1
26
1
23
3
24
1
8
22
7
21
1
19
1
20
6
17
3
18
1
15
5
16
7
14
3
13
4
12
3
11
1
9
3
10
1
7
1
8
2
6
3
5
1
4
1
3
1
1
1
2
• • •
czas [s]
1 2 3 4 5 6
lp element 1 5 2 2 3 3 4 5 5 8 6 9 7 7 8 1 9 6 10 4
czas 0:01 0:03 0:06 0:08 0:10 0:13 0:15 0:18 0:21 0:23
różnica 0:01 0:02 0:04 0:02 0:02 0:03 0:02 0:03 0:03 0:02
średni czas 0:02,45 między kliknięciami suma kliknięć 11 najczęściej klikany 5 element
7 8
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
9 czas [s]
a
Badania interakcji interfejsu
9
Zapis drogi użytkownika BADANY 3 – 12 LAT
nu ta INTE s ć nię ian TY k i kl ć zm MEN ć ś ś E ilo ilo EL
U
JS
E RF
• • • 1
1
3
7
2
1
1
3
3
11
4
1
6
5
1
9
6
3
3
7
5
9
8
1
1
9 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45
1
czas [s]
1 2 3 4 5 6 7 8
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45
9 czas [s]
lp element 1 4 2 1 3 7 4 8 5 8 6 8 7 3 8 2 9 2 10 4 11 7 12 7 13 8 14 8 15 9 16 2 17 4 18 5
czas 0:01 0:02 0:06 0:09 0:10 0:12 0:14 0:15 0:18 0:20 0:24 0:25 0:26 0:28 0:31 0:37 0:39 0:41
różnica 0:01 0:01 0:04 0:09 0:01 0:02 0:02 0:01 0:03 0:02 0:04 0:01 0:01 0:02 0:03 0:06 0:02 0:02
średni czas 0:02,68 między kliknięciami suma kliknięć 19 najczęściej klikany 8 element dojście do stanu tak końcowego
a
Badania interakcji interfejsu
10
Zapis drogi użytkownika BADANY 4 – 18 LAT
nu ta INTE s ć nię ian TY k i kl ć zm MEN ć ś ś E ilo ilo EL
U
JS
E RF
• • • 1
1
3
5
2
3
3
3
1
7
4
1
9
5
1
7
6
1
1
7
3
5
8
3
3
9 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45
1
czas [s]
1 2 3 4 5 6 7 8
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45
9 czas [s]
lp element 1 5 2 4 3 6 4 9 5 9 6 8 7 2 8 3 9 1 10 8 11 9 12 2 13 3 14 7 15 8 16 3
czas 0:01 0:02 0:04 0:07 0:09 0:11 0:12 0:14 0:17 0:20 0:24 0:30 0:32 0:34 0:36 0:41
różnica 0:01 0:01 0:02 0:03 0:02 0:02 0:01 0:02 0:03 0:03 0:04 0:06 0:02 0:02 0:02 0:05
średni czas 0:02,64 między kliknięciami suma kliknięć 17 najczęściej klikany 2,3,8,9 element
a
Badania interakcji interfejsu
11
Zapis drogi użytkownika BADANY 5 – 18 LAT
nu ta INTE s ć nię ian TY k i kl ć zm MEN ć ś ś E ilo ilo EL
U
JS
E RF
• • • 1
1
1
7
2
1
1
3
3
5
4
1
5
5
3
6
6
1
1
7
1
6
8
1
1
9 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
1
czas [s]
1 2 3 4
lp element 1 9 2 6 3 4 4 1 5 3 6 7 7 2 8 6 9 4 10 8 11 6 12 4
czas 0:01 0:03 0:05 0:07 0:08 0:10 0:14 0:17 0:19 0:21 0:25 0:27
średni czas między kliknięciami suma kliknięć najczęściej klikany element
5 6 7 8
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
9 czas [s]
dojście do stanu końcowego
różnica 0:01 0:01 0:02 0:03 0:02 0:02 0:01 0:02 0:03 0:03 0:04 0:06 0:02,46 13 4 tak
a
Badania interakcji interfejsu
12
Zapis drogi użytkownika BADANY 6 – 20 LAT nu TE a t s N ięć ian TY I n k m EN li ć k ść z EM ś ilo ilo EL
U
JS
E RF
55
54
53
51
52
50
49
47
48
46
45
44
43
41
42
39
40
37
38
36
35
34
33
31
32
30
29
27
9 28
3
26
3
25
8
24
3
23
1
21
7
22
3
19
3
20
6
17
4
18
1
16
5
15
15
14
5
13
4
11
5
12
1
9
3
10
1
7
1
8
2
6
5
5
3
3
1
4
3
1
3
2
• • •
czas [s]
1 2 3 4 5
lp element 1 9 2 1 3 1 4 9 5 6 6 2 7 2 8 3 9 8 10 7 11 7 12 4 13 5 14 2 15 1 16 5 17 5 18 5 19 9 20 7
czas 0:02 0:08 0:10 0:14 0:15 0:22 0:25 0:26 0:29 0:31 0:33 0:35 0:37 0:39 0:41 0:45 0:46 0:49 0:51 0:53
różnica 0:02 0:06 0:02 0:04 0:01 0:07 0:03 0:01 0:03 0:02 0:02 0:02 0:02 0:02 0:02 0:04 0:01 0:03 0:02 0:02
średni czas 0:02,62 między kliknięciami suma kliknięć 21 najczęściej klikany 5 element
6 7 8
czas [s]
55
54
53
52
51
50
49
48
47
46
45
44
43
42
41
39
40
38
37
36
35
34
33
31
32
30
29
28
27
26
25
24
23
21
22
19
20
18
17
16
15
14
13
11
12
9
10
8
7
6
5
4
3
1
2
9
a
Badania interakcji interfejsu
13
Zapis drogi użytkownika BADANY 7 – 25 LAT
nu ta INTE s ć nię ian TY k i kl ć zm MEN ć ś ś E ilo ilo EL
U
JS
E RF
• • • 1
1
1
3
2
1
1
3
1
3
4
1
5
5
1
3
6
1
1
7
1
3
8
1
1
9 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
1
czas [s]
1 2 3 4 5
lp element 1 4 2 1 3 3 4 6 5 9 6 8 7 7 8 2
czas 0:01 0:03 0:06 0:10 0:13 0:15 0:18 0:22
różnica 0:01 0:02 0:03 0:04 0:03 0:02 0:03 0:04
średni czas 0:02,88 między kliknięciami suma kliknięć 9 najczęściej klikany brak element
6 7 8
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
9 czas [s]
a
Badania interakcji interfejsu
14
Zapis drogi użytkownika
BADANY 7a – 25 LAT powtórne badanie interfejsu U
JS FE
nu TER a t s N ięć ian TY I n k m EN li ć k ść z EM ś ilo ilo EL
• • • 1
1
1
5
2
1
1
3
1
5
4
3
11
5
3
7
6
5
5
7
3
7
8
1
1
9 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57
1
czas [s]
1 2 3 4 5
lp element 1 2 2 1 3 3 4 9 5 7 6 7 7 8 8 7 9 7 10 5 11 5 12 6 13 7 14 8 15 5 16 6 17 8 18 4
czas 0:01 0:02 0:04 0:06 0:10 0:11 0:15 0:18 0:19 0:23 0:25 0:29 0:32 0:37 0:40 0:42 0:49 0:54
różnica 0:01 0:01 0:02 0:02 0:04 0:01 0:04 0:03 0:01 0:04 0:02 0:04 0:03 0:05 0:03 0:02 0:07 0:05
średni czas 0,03 między kliknięciami suma kliknięć 19 najczęściej klikany 7 element
6 7 8
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57
9 czas [s]
a
Badania interakcji interfejsu
15
Zapis drogi użytkownika BADANY 8 – 30 LAT
u an NTE t s ć I nię ian TY k i m EN l ć k ść z EM ś ilo ilo EL
U
JS
E RF
• • • 1
1
1
5
2
1
1
3
3
5
4
1
7
5
1
3
6
3
3
7
1
5
8
1
1
9 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
1
czas [s]
1 2 3 4 5 6 7 8
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
9 czas [s]
lp element 1 6 2 9 3 7 4 7 5 4 6 4 7 1 8 3 9 4 10 7 11 8 12 5
czas 0:01 0:02 0:05 0:06 0:08 0:11 0:13 0:15 0:19 0:23 0:25 0:30
różnica 0:01 0:01 0:03 0:01 0:02 0:03 0:02 0:02 0:04 0:04 0:02 0:05
średni czas 0:02,46 między kliknięciami suma kliknięć 13 najczęściej klikany 4,7 element
1:39
czas [s] 2:36
2:35
2:34
2:33
2:32
2:31
2:30
2:29
2:28
2:27
2:26
2:25
2:24
2:23
2:22
2:21
2:20
2:19
2:18
2:17
2:16
2:15
2:14
2:13
2:12
2:11
2:10
2:09
2:08
2:07
2:06
2:05
2:04
2:03
2:03
2:02
2:01
2:00
1:59
1:58
1:57
1:56
1:55
1:54
1:53
1:52
1:51
1:50
1:49
1:48
1:47
1:46
1:45
1:44
1:43
1:42
1:41
1:40
czas [s]
1
2
3
4
5
6
7
8
9
Zapis drogi użytkownika
1:22
Badania interakcji interfejsu
1:21
1:20
1:19
1:18
1:17
1:16
1:15
1:14
1:13
1:12
1:11
1:10
1:09
1:08
1:07
1:06
1:05
1:04
1:03
1:02
1:01
1:00
59
58
57
56
55
54
53
52
51
50
49
48
47
46
45
44
43
42
41
40
39
38
37
36
35
34
33
32
31
30
29
28
27
26
25
24
23
22
21
20
19
18
17
16
9 15
5
1:38
5 13
8
14
9
1:37
5
1:36
7
11
1
12
1
1:35
6
1:34
18
9
3
10
5
1:33
23
8
5
1:32
4
7
16
1:31
1
6
E RF
1:30
nu ta INTE s ć n ię kn mia NTY i l z k ć EME ć ś ś o EL ilo il
1:29
3
5
7
1:28
7
3
2
4
14
1:26
9
1:25
1
1
2
5
1:24
5
1:23
a
16
BADANY 9 – 50 LAT badanie pierwsze, bez zapoznania się z interfejsem JS U
• • •
1:41
czas [s] 2:36
2:35
2:34
5
2:33
2:32
2:31
2:30
2:29
2:28
2:27
2:26
2:25
2:24
2:23
2:22
2:21
2:20
2:19
2:18
2:17
2:16
2:15
2:14
2:13
2:12
2:11
2:10
2:09
2:08
6
2:07
2:06
2:05
2:04
2:03
2:03
2:02
2:01
2:00
1:59
1:58
1:57
1:56
1:55
1:54
1:53
1:52
1:51
1:50
8
1:49
7
1:48
1:47
1:46
1:45
1:44
1:43
1:42
2
1:39
1
1:40
3
4
2:33,4
2:09,9
1:48,6
9 czas [s]
2:00,4
1:29,0 2:36,4
Zapis drogi użytkownika
1:22
Badania interakcji interfejsu
1:21
1:20
1:19
1:18
1:17
1:16
1:15
1:14
1:13
1:12
1:11
1:10
1:09
1:08
1:07
1:06
1:05
1:04
1:03
1:02
1:01
1:00
59
58
57
56
55
54
53
52
51
50
49
48
47
46
45
44
43
42
41
40
39
38
37
36
35
34
33
32
31
30
29
28
27
26
25
24
23
22
21
20
19
18
17
16
9 15
5
1:38
5 13
8
14
9
1:37
5
1:36
7
11
1
12
1
1:35
6
1:34
18
9
3
10
5
1:33
23
8
5
1:32
4
7
16
1:31
1
6
E RF
1:30
nu ta INTE s ć n ię kn mia NTY i l z k ć EME ć ś ś o EL ilo il
1:29
3
5
7
1:28
7
3
2
4
14
1:26
9
1:25
1
1
2
5
1:23
5
1:24
a
17
BADANY 9 – 50 LAT badanie pierwsze, bez zapoznania się z interfejsem JS U
• • •
a
Badania interakcji interfejsu
18
Zapis drogi użytkownika
BADANY 9 – 50 LAT badanie pierwsze, bez zapoznania się z interfejsem
lp. element 1 1 2 2 3 2 4 2 5 1 6 2 7 3 8 6 9 9 10 9 11 9 12 8 13 5 14 7 15 1 16 8 17 4 18 5 19 5 20 8 21 8 22 2 23 2 24 2 25 3 26 1 27 2 24 2 25 3 26 1 27 2 28 5
czas 0:01 0:06 0:08 0:10 0:16 0:23 0:30 0:33 0:38 0:41 0:43 0:44 0:48 0:54 0:59 1:03 1:09 1:15 1:18 1:19 1:22 1:25 1:28 1:29 1:31 1:34 1:37 1:29 1:31 1:34 1:37 1:45
różnica 0:01 0:05 0:02 0:02 0:06 0:07 0:07 0:03 0:05 0:03 0:02 0:01 0:04 0:06 0:05 0:04 0:06 0:6 0:03 0:01 0:03 0:03 0:03 0:01 0:03 0:03 0:03 0:01 0:03 0:03 0:03 0:08
lp. element 29 8 30 9 31 2 32 1 33 5 34 6 35 6 36 9 37 3 38 2 39 2 40 3 41 3 42 5 43 3
czas 1:48 1:52 1:56 2:00 2:10 2:12 2:14 2:15 2:18 2:22 2:24 2:28 2:30 2:33 2:35
różnica 0:03 0:04 0:04 0:04 0:10 0:02 0:02 0:01 0:03 0:04 0:02 0:04 0:02 0:03 0:02
średni czas 0:03,65 między kliknięciami suma kliknięć 43 najczęściej klikany 2 element
a
Badania interakcji interfejsu
19
Zapis drogi użytkownika
BADANY 9a – 50 LAT badanie drugie, powtórzone, po zapoznaniu się uzytkownika z interfejsem
nu ta INTE s ć nię ian TY k i kl ć zm MEN ć ś ś E ilo ilo EL
U
JS
E RF
9 27
1
26
1
25
8
24
3
23
1
22
7
21
1
20
1
19
6
18
3
17
1
16
5
15
5
14
1
13
4
12
3
11
1
10
3
9
1
8
1
7
2
6
3
5
1
4
1
3
1
1
1
2
• • •
czas [s]
1 2 3 4 5
lp. element 1 2 2 8 3 9 4 7 5 1 6 3 7 6 8 4
czas 0:01 0:02 0:03 0:05 0:10 0:11 0:17 0:20
różnica 0:01 0:01 0:01 0:02 0:05 0:01 0:06 0:03
średni czas 0,0288 między kliknięciami suma kliknięć 9 najczęściej klikany brak element
6 7 8
czas [s]
27
26
25
24
23
22
21
20
19
18
17
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1
9
a
Badania interakcji interfejsu
20
Zapis drogi użytkownika
BADANY 9b – 50 LAT badanie trzecie, powtórzone, po zapoznaniu się uzytkownika z interfejsem
nu ta INTE s ć n ię kn mia NTY i l E ć k ść z EM ś o L o E il il
U
JS
E RF
1
1
9 25
8
24
2
23
1
22
7
21
1
19
1
20
6
17
4
18
1
15
5
16
5
14
1
13
4
12
3
11
1
9
3
10
1
7
1
8
2
5
3
6
1
4
1
3
1
1
1
2
• • •
czas [s] 1 2 3 4 5
lp. element 1 3 2 1 3 2 4 8 5 9 6 7 7 4 8 6
czas 0:01 0:02 0:05 0:09 0:12 0:13 0:20 0:22
różnica 0:01 0:01 0:01 0:02 0:05 0:01 0:06 0:03
średni czas 0,0288 między kliknięciami suma kliknięć 9 najczęściej klikany brak element
6 7 8
czas [s]
25
24
23
22
21
19
20
18
17
16
15
14
13
12
11
9
10
8
7
6
5
4
3
2
1
9
czas [s] 1:48
1:47
1:46
1:45
1:44
1:43
1:42
1:41
1:40
1:39
1:38
1
2
3
4
5
6
7
8
9
czas [s]
Zapis drogi użytkownika
1:22
Badania interakcji interfejsu
1:21
1:20
1:19
1:18
1:17
1:16
1:15
1:14
1:13
1:12
1:11
1:10
1:09
1:08
1:07
1:06
1:05
1:04
1:03
1:02
1:01
1:00
59
58
57
56
55
54
53
52
51
50
49
48
47
46
45
44
43
42
41
40
39
38
37
36
35
34
33
32
31
30
29
28
27
26
25
24
23
22
21
20
19
18
17
16
15
9 14
3
1:37
3
1:36
8
13
8
1:35
3
11
7
12
4
1:33
4
1:34
6
9
11
10
3
1:31
5
1:32
14
7
1
8
4
1:30
10
6
4
1:29
3
5
E RF
nu ta INTE s ć n ię kn mia NTY i l E ć k ść z EM ś o L o E il il
1:28
4
4
4
1:27
2
1:26
11
3
4
1:25
1
1
2
2
1:24
• • •
2
1:23
a
21
BADANY 10 – 60 LAT zapis został przerwany JS U
czas [s] 1:48
4
1:47
1:46
1:45
1:44
1:43
1:42
1:41
1:40
1:39
1:38
1:37
1:36
1:35
1:34
1:33
1:32
1:31
1:30
1:29
1:28
1:27
1:26
1:25
1:24
1:23 1
5
6
7
8
9 1
2
3
1:46,9 czas [s]
1:21
Zapis drogi użytkownika
1:22
Badania interakcji interfejsu
1:20
1:19
1:18
1:17
1:16
1:15
1:14
1:13
1:12
1:11
1:10
1:09
2
1:08
1:07
1:06
1:05
1:04
1:03
1:02
1:01
1:00
59
58
57
56
55
54
53
52
51
50
49
48
47
46
45
44
43
42
41
40
39
38
37
36
35
34
33
32
31
30
29
28
27
26
25
24
23
22
21
20
19
18
17
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
a
22
BADANY 10 – 60 LAT zapis został przerwany
1
1:06,9
3
4
5
6
7
8
9
a
Badania interakcji interfejsu
23
Zapis drogi użytkownika
BADANY 10 – 60 LAT zapis został przerwany
lp. element 1 5 2 4 3 8 4 8 5 7 6 9 7 6 8 1 9 2 10 3 11 6 12 4 13 9 14 9 15 7 16 7 17 8 18 9 19 4 20 2 21 3 22 3 23 3 24 2 25 2 26 1 27 1 28 7
czas 0:01 0;04 0:07 0:11 0:13 0:18 0:23 0:28 0:30 0:31 0:33 0:39 0:43 0:48 0:53 0:55 0:59 1:01 1:03 1:07 1:15 1:20 1:27 1:29 1:31 1:37 1:39 1:44
różnica 0:01 0:03 0:03 0:04 0:02 0:05 0:05 0:05 0:02 0:01 0:02 0:06 0:04 0:05 0:05 0:02 0:04 0:02 0:02 0:04 0:06 0:05 0:07 0:02 0:03 0:06 0:02 0:05
średni czas 0,036 między kliknięciami suma kliknięć 29 najczęściej klikany 2,3,4,7,9 element
a
Badania interakcji interfejsu
24
Porównanie wyników pomiędzy użytkownikami Porównanie:
Legenda:
Zapis drogi użytkownika numer 9 bez wcześniejszego zapoznania się z interfejsem oraz zapis drogi po zapoznaniu się z interfejsem. Użytkownik ma 50 lat i od 2 lat korzysta z komputera i internetu.
badanie 1 badanie 2 badanie 3
1 3 e2 nie 2 ani 3 anie U a i ad ie ad ie ad JS an u b dan u b dan u b RFE d ba stan ć ba stan ć ba stan NTE ć I ę ię n n i ię n kn mia likn mia likn mia NTY i l E z ć k ść z ść k ść ć k ść z M li oś ilo ilo ilo iloś ilo ELE e1
• • • • • • • 1
2 3 4 5 6 7 8
2:00,4
1
1:29,0
2
2:36,4
3 4
2:33,4
5 6
2:09,9
7
1:48,6
8
czas [s]
2:35
2:36
2:34
2:33
2:31
2:32
2:30
2:29
2:27
2:28
2:25
2:26
2:23
2:24
2:21
2:22
2:19
2:20
2:17
2:18
2:15
2:16
2:14
2:13
2:12
2:11
2:10
2:09
2:07
2:08
2:05
2:06
2:03
2:04
2:03
2:02
2:01
2:00
1:59
1:58
1:57
1:56
1:55
1:54
1:53
1:52
1:51
1:50
1:49
1:48
1:47
1:46
1:45
1:44
1:43
1:42
1:41
1:39
1:40
1:38
1:37
1:36
1:35
1:34
1:33
1:32
1:31
1:30
1:29
1:28
9
1:21
1:22
1:19
1:20
1:17
czas [s]
1:18
1:15
1:16
1:13
1:14
1:11
1:12
1:10
1:09
1:07
1:08
1:06
1:05
1:03
1:04
1:01
1:02
59
1:00
57
58
55
56
53
54
51
52
50
49
47
48
45
46
43
44
41
42
39
40
37
38
35
36
33
34
32
31
30
29
27
28
25
26
23
24
21
22
19
20
17
18
16
15
13
14
11
12
9
10
7
8
5
6
3
4
9
1:25
1 3 1 3 5 4 1 2 1
1:26
1 1 1 1 1 1 1 1 1
1
1 3 1 3 5 3 1 3 1
2
1 1 1 1 1 1 1 1 1
1:23
5 14 7 16 23 18 1 9 5
1:24
5 9 7 1 5 3 1 5 5
a
Badania interakcji interfejsu
25
Porównanie wyników pomiędzy użytkownikami Porównanie:
Legenda:
Zapis drogi użytkownika numer 9 bez wcześniejszego zapoznania się z interfejsem oraz zapis drogi po zapoznaniu się z interfejsem. Użytkownik ma 50 lat i od 2 lat korzysta z komputera i internetu.
F
R TE
U
EJS
da
ni
e1
d ba
a
nie
2
nie
3
a
d ba
nie
da
u an
ba
u an
1
nie
da
ba
a ęć t t st ć s s b ę n i ni ięć likn ian TY ian mia k n i N l m m z E z k z lik ść k ć ć ć ć M k ś ś ś ś E ć ilo ilo EL ilo ilo ilo li oś • • • • • • •
u an
IN
1
5
1
1
5
1
1
2
9
1
1
14
3
3
3
7
1
1
7
1
1
4
1
1
1
16
3
3
5
5
1
1
23
5
5
6
3
1
1
18
3
4
7
1
1
1
1
1
1
8
5
1
1
9
3
2
9
5
1
1
5
1
1
2
ie an
badanie 1 badanie 2 badanie 3 3
WNIOSKI:
d
ba
całkowity czas
2:35
średni czas 0:0365 między kliknięciami suma kliknięć 29 najczęściej klikany 2,3,7,9 element dojście do stanu tak końcowego trzy pierwsze 1,2,2 klikane elementy
0:26
0:24
0,0288
0,0288
9
9
brak
brak
tak
tak
2,8,9
3,1,2
• Badany numer 9 za pierwszym razem wykonał zadanie w najdłuższym czasie 2:35. (jest to najdłuższy czas) • Po zrozumieniu zasady działania interfejsu badanie zajeło użytkownikowi 26 i 24 skeundy, i są to jedne z najkrótszych czasów wśród badanych • w badaniu 2 i 3 użytkownika doszedł do stanu końcowego najmniejszą możliwą ilością kliknięć, • czas pomiędzy kliknięciami w badaniu 2 i 3 jest krótszy średnio o 1 sekundę, od czasu potzrebnego w badaniu 1, • dwukrotne powtórzenie badania po zaznajomieniu się badanego z interfejsem dowodzi, że którki czas dojścia do stanu końcowego nie jest przypadkowy. Badany zrozumiał zasadę działania interfejsu, co pozwala przypuszczać, że kolejnym razem, dojcie do stanu końcowego, będzie dla użytkownika łatwe. • badanie numer 1 wzbudziło u użytkownika zirytowanie i zdenerwowanie, przy kolejnych badaniach użytkownik był spokojniejszy i z zaciekawieniem korzystał z interfejsu. • podczas badania 1 badany uczył się zasady działania interfejsu, świadczą o tym dwukrotne kliknięcia w ten sam element, w celu sprawdzenia ruchu jaki wykonają,
a
Badania interakcji interfejsu
26
Porównanie wyników pomiędzy użytkownikami Porównanie:
Legenda:
Zapis drogi użytkownika numer 7. Porównane zostaną dwa badania, następujące jeden po drugim. badanie 1 Użytkownik nie analizował struktury działania interfejsu. badanie 2 Badany ma 25 lat, doskonale posługuje się komputerem i od 10 lat korzysta z internetu
1 e2 nie 2 ani JSU a i FE ad ie ad an u b dan u b TER d ba stan ć ba stan IN ć ę ię n n i TY kn mia likn mia EN i l z ć k ść z ść k ść LEM E li oś ilo ilo ilo e1
1
1
1
1
1
1
3
1
5
2
1
1
1
1
3
1
3
1
5
4
1
5
3
11
5
1
3
3
7
6
1
1
5
5
7
1
3
3
7
8
1
1
1
1
9 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57
• • • • •
czas [s]
a
Badania interakcji interfejsu
27
Porównanie wyników pomiędzy użytkownikami Porównanie:
Zapis drogi użytkownika numer 7. Porównane zostaną dwa badania, następujące jeden po drugim. Użytkownik nie analizował struktury działania interfejsu. Badany ma 25 lat, doskonale posługuje się komputerem i od 10 lat korzysta z internetu
F
R TE
U
EJS
da
ni
e1
nie
2
a
d ba
nie
da
u an
ba
st st ba ięć ć n n n ia ia nię klik m m k EN i z z ć ć kl ość EM ć oś oś L l ś l l i E i i o il• • • • •
u an
TY
IN
1
1
1
1
1
2
1
1
3
5
3
1
1
1
1
4
1
1
3
5
5
1
3
5
11
6
1
3
3
7
7
1
5
7
5
8
1
3
3
7
9
1
1
7
1
1
nie
całkowity czas
badanie 1 badanie 2 WNIOSKI:
2
da
ba
Legenda:
0:26
średni czas 0:0265 między kliknięciami suma kliknięć 9 najczęściej klikany brak element dojście do stanu tak końcowego trzy pierwsze 4,1,3 klikane elementy
0:57 0,03 19 7 tak 4,1,3
• pierwsze badanie zostało wykonane za pomocą 9 kliknięć, i jest to najmneijsza potrzebna ilość kliknięć, • powtórzenie badania ukazało, że krótki czas badania 1 był przypadkowy, • badany nie znał zasady dzialania interfejsu po pierwszym badaniu, świadczy o tym liczba kliknięć i czas potrzebny na dojście do stanu końcowego, • podczas badania 2 badany uczył się zasady działania interfejsu, świadczą o tym dwukrotne kliknięcia w ten sam element, w celu sprawdzenia ruchu jaki wykonają, • trzy pierwsze klikane elemnety w obu badaniach były takie same • badany w obu przypadkach pierwsze układał prawidłowo pierwszy rząd interfejsu
a
Badania interakcji interfejsu
28
Porównanie wyników pomiędzy użytkownikami Porównanie:
Legenda:
Zapis drogi użytkownika numer 9 i 10. Użytkownicy pora pierwszy korzystali z interfejsu. Użytkownikami są osoby starsze, mało korzystające z komputera i internetu.
badany 1 badany 2
y2 y1 n n a a 2 y 1 ad y ad JSU an u b dan u b RFE d ba stan ć ba stan NTE ć I ę ię n n i kn mia likn mia NTY i l z ME ć k ść z ść k ść li oś ilo ilo ilo ELE
• • • • • 2
1
1:06,9
2
4
3 4 5 6 7 8
2:00,4
1
1:29,0
2
2:36,4
3
1:46,9
4
2:33,4
5 6
2:09,9
7
1:48,6
8
czas [s]
2:35
2:36
2:34
2:33
2:31
2:32
2:30
2:29
2:27
2:28
2:25
2:26
2:24
2:23
2:21
2:22
2:19
2:20
2:17
2:18
2:15
2:16
2:14
2:13
2:11
2:12
2:10
2:09
2:07
2:08
2:05
2:06
2:03
2:04
2:03
2:02
2:01
2:00
1:59
1:58
1:57
1:56
1:55
1:54
1:53
1:52
1:51
1:50
1:49
1:48
1:47
1:46
1:45
1:44
1:43
1:42
1:41
1:40
1:39
1:38
1:37
1:36
1:35
1:34
1:33
1:32
1:31
1:30
1:29
1:28
1:25
1:26
9
1:21
1:22
1:19
1:20
1:17
czas [s]
1:18
1:15
1:16
1:13
1:14
1:11
1:12
1:10
1:09
1:07
1:08
1:05
1:06
1:03
1:04
1:01
1:02
1:00
59
57
58
55
56
53
54
51
52
50
49
47
48
45
46
43
44
41
42
39
40
37
38
35
36
33
34
31
32
30
29
27
28
26
25
23
24
21
22
19
20
17
18
15
16
13
14
11
12
9
10
7
8
5
6
3
4
9 1
4 8 3
2
2 4 4 4 1 3 4 3 3
1:23
5 14 7 16 23 18 1 9 5
1:24
5 9 7 1 5 3 1 5 5
a
Badania interakcji interfejsu
29
Porównanie wyników pomiędzy użytkownikami Porównanie:
Zapis drogi użytkownika numer 9 i 10. Użytkownicy pora pierwszy korzystali z interfejsu. Użytkownikami są osoby starsze, mało korzystające z komputera i internetu. Użytkownik 10 ma mniejsze doświadczenie od u zytkownika 9, 1 ny
1
5
2
5
2
2
9
4
14
11
3
7
4
7
4
4
1
4
16
10
5
5
1
23
14
6
3
3
18
11
7
1
4
1
4
8
5
3
9
8
9
5
3
5
9
całkowity czas
badany 1 badany 2 WNIOSKI:
2 ny
da da y2 1 a a n b b y a R an bad nu nu E d a a T a t t ć s s IN ć b nię n n Y ę a a i i T i k kn ć kli EN i zm ć zm l ć M k ś ś ś E ć ilo EL ilo ilo li oś • • • • • U
JS FE
Legenda:
2:35
średni czas 0:0365 między kliknięciami suma kliknięć 43 najczęściej klikany 2 element dojście do stanu tak końcowego trzy pierwsze 1,2,2 klikane elementy
1:47 0,036 29 2,3,7,9 nie 5,4,8
• każdy z badanych podczas użytkowania interfejsu klina na dany element dwukrotnie, sprawdzając w ten sposób zasadę działania • badany 10 jako jedynie nie osiągnął stanu końcowego, mogło to być spowodowane niekorzystaniem przez badanego z komputera i internetu, • starsi badani denerwowali się podczas użytkowania interfeju, po pewnym czasie byli znudzeni, użytkownik 10 zrezygnował z dalszego badania.
a
Badania interakcji interfejsu
30
Porównanie wyników pomiędzy wszystkimi użytkownikami badany kliknięcie 1 kliknięcie 2 kliknięcie 3
badany ilość kliknięć
element
badany 1 2 3 4 5 6 7 8 9
kolejność wybieranych elementów 1 2 3 4 5 6 7 8
WNIOSEK: 9
10
Strategia wyboru trzech pierwszych elementów kliknięcia wśród badanych jest przypadkowa. Każdy z badanych wybiera zupełnie inne elementy. Nie ma powtarzającego się schematu. Jednak większość badanych w pierwszej kolejności chiała ułozyć jeden z poziomych pasków interfejsu
2
5
4
5
9
9
4
6
1
5
1
2
1
4
6
1
1
9
2
4
3
3
7
6
4
1
3
7
2
8
8
9
10
średnia
13
43
29
19
WNIOSEK:
1
2
3
ilość kliknięć 4 5 6 7
11
11
19
17
1
ilość kliknięć na dany element 2 3 4 5 6 7 8
9
10
1
1
1
1
1
3
1
1
5
2
1
1
3
3
1
3
1
1
9
4
1
1
1
3
1
1
1
1
7
4
1
1
3
1
3
1
1
3
1
4
3
3
1
1
1
5
1
1
5
1
1
1
1
1
3
1
1
1
3
3
1
1
3
1
1
3
1
3
1
4
1
1
5
3
1
1
1
1
5
3
1
1
1
3
1
3
1
1
5
3
13
21
9
Średnia ilość kliknięć wynosi 19 przy czym minimalna ilość kliknięć to 8.
WNIOSEK: suma 17 27 21 19 22 16 19 22 20
najczęściej klikanym elementem interfejsu jest kwadrat numer 2. najrzadziej badani klikali w element numer 6 i 4
a
Ś
Badania interakcji interfejsu
Porównanie wyników pomiędzy wszystkimi użytkownikami z podziałem na grupy wiekowe ilość kliknięć
DZIECI 5 -12 lat
ilość kliknięć badany 1 ilość 11 kliknięć
1
11
2
11
2
3 średnia
4
5
6
7
8 średnia
11
19
13,6
17
13
21
9
13
10
średnia
43
29
36
13
5
21
6
WNIOSEK:
9 13
9 10
14,6
9
17
4
8
STARSI 50 - 60 lat
13
3
7
DOROŚLI 18- 30 lat
43 29
• • • •
grupa dzieci uzyskała najmniejszą liczbę kliknięć - 13,6 dorośli klikali średnio 14,6 razy średnia kliknięć w grupie starszych jest bardzo wysoka i wynosi 36 kliknięć różnica średniej spowodowana jest bardzo dobrą znajomością programów komputerowych i aplikacji w grupie dzieci i dorosłych.
31
a
Badania interakcji interfejsu
32
Porównanie wyników pomiędzy wszystkimi użytkownikami z podziałem na grupy wiekowe kolejność wybieranych elementów kolejność wybieranych elementów badany 1 2 3 5 4 kliknięcie 1 2 2 1 kliknięcie 2 1 3 7 kliknięcie 3 3
5
6
7
8
9
10
5
9
9
4
6
1
5
4
6
1
1
9
2
4
6
4
1
3
7
2
8
2
3
3
1
2 1
2
4
2
5 1
7
6
2
4
3
5
3
3
2
3
8
3
1
2 3
6
2
7
2
3
4
9 1
5
1
7
6
4
1
2
1
1
9
1 1
2
1
1
8 3
3
2
3
WSZYSCY BADANI
STARSI 50 - 60 lat
DOROŚLI 18- 30 lat
DZIECI 5 -12 lat
1
4
8
2
9 3
3 12 2 2 2 1 3 2 2 1
7
2
3 2 13
5
3
3
3
6 1
2
3
1
8 3
2
3
1
1
9 1 3
1 2
WNIOSEK: • w grupie dzieci powtarzającym się elementem w trzech pierwszych kliknięciach jest element 1 2 i 3 • w grupie dorosłych powtarzającym się elementem jest element 9, 6, 4, 1 • element numer 8 byl kliknięty tylko 1 raz, a element 7 dwa razy. Były to najrzadziej klikane elementy
a
Badania interakcji interfejsu
Porównanie wyników pomiędzy wszystkimi użytkownikami z podziałem na grupy wiekowe
DZIECI 5 -12 lat średni czas pomiędzy kliknięciami badany 1 2 3 średnia czas 0:02,45 0:02,45 0:02,68 0:02,52
DOROŚLI 18- 30 lat 4
5
6
7
STARSI 50 - 60 lat 8
0:02,64 0:02,46 0:02,62 0:02,88 0:02,46
średnia 0:02,61
9
10
0:03,65
0:03,6
średnia 0:03,62
1 2 3 4 5 6 7 8 9
10
WNIOSEK: • średni czas pomiędzy kliknięciami najkrótszy jest w grupie dzieci i wynosi 0:02,52, grupa dorosłych to czas 0:02,61 • najdłuższy czas pomiędzy kliknięciami reprezentuje grupa dorosłych to 0:03,62 • grupa dorosłych dłużej od pozostałych zastanawiała się nad wyborem elemnetu.
33
a
Ś
Badania interakcji interfejsu
34
Porównanie wyników pomiędzy wszystkimi użytkownikami z podziałem na grupy wiekowe DZIECI 5 -12 lat
element
ilość kliknięć na dany element badany 1 2 3 suma 1 1 1 1 3 1 1 3 2 5 1 1 1 3 3 1 1 3 4 4 3 3 1 5 7 1 1 1 6 3 1 1 3 7 5 1 1 5 8 7 1 1 1 9 3
1
2
3 4
5
4 7
5
8
5 7 7
3
DOROŚLI 18- 30 lat
WNIOSEK: 4
5
6
7
8
1
1
3
1
1
3
1
3
1
1
3
1
1
1
1
1
3
1
1
3
1
1
5
1
1
1
3
1
1
1
1
1
3
1
3
3
1
1
1
1
3
1
3
1
1
1
3 6
3 7
3
2
7 4
9
STARSI 50 - 60 lat
9 9
5
9 9
8
suma 7 9 7 9 9 7 9 7 9
3
10
5
2
9
4
7
4
1
4
5
1
3
3
1
4
5
3
5
3
1
7 6
2
4
9
suma 7 13 11 5 6 6 5 8 8
7
7 9
7
9
13
5
11
6
8
5
3
6
5 7
• w grupie dzieci najczęściej klikanym elementem jest przycisk numer 5 i 8 • w grupie dorosłych liczba kliknięć jest bardzo wyrównana, 7 razy został kliknięty element numer: 1,3,6,8 9 razy kliknięte zostały elementy: 2,4,5,7,9 • w grupie osób starszych najczęściej klikany był element numer 2 i 3 • w obu grupach najczęściej klikanym elementem byl kwadrat numer 2
6 9
8
8
a
Wnioski
35
1. Najwięcej trudności sprawiło badanym prawidłowe ułożenie kwadratów 2,4,6,8. 2.Badani często dochodzili do momentu, kiedy tylko jeden z kwadratów był ułożony nieprawidłowo (byl to kwadrat 2,4,6,8). Wzbudzało to zdenerwowanie i zniecierpliwienie oraz negatywne emocje. 3. Dla starszych użytkowników interfejs okazał się skomplikowany, denerwowali się w trakcie jego użytkowania, określali go jako trudny i niezrozumiały. 4. Młodsi uzytkownicy określili interfejs jako prosty w obsłudze. Szybko dochodzili do stanu końcowego. Użytkowanie interfejsu nie sprawiało im problemu. 5. Stan końcowy dla użytkowników był logiczny i potrafili go określić już na samym początku użytkowania. 6. Badanym ciężko było opisać logikę interfejsu. 7. Część badanych zastanawiała się czy dojscie do stanu końcowego jest możliwe. 8. Zrozumienie przez użytkowników zasady działania interfejsu znacznie skracała czas jego wykonania (przykład badanego numer9), jednakże zrozumienie interfejsu nie gwarantuje wynonania badania w najktótszym czasie. 9. Czas wykonywania badania może być przypadkowy, a pierwsze ułożenie interfejsu nie gwarantuje, że druga próba będzie przebiegała w podobny sposób (w poprzybliżonym czasie, w przybliżonej liczbie kliknięć, wniosek na podstawie badanego numer 7) 10. Znajomość programów komputreowych, aplikacji, korzystanie z internetu znacznie ułatwia dojście do stanu końcowego. Możemy to zauważyć na wynikach badań grupy dzieci i dorosłych.
a
36
Paulina Żak
Pracownia Badań Użyteczności Zakład Badań Wizualnych i Interakcji Akademia Sztuk Pięknych w Katowicach Katowice 2014