Projekt interfejsu i badania interakcji interfejsu

1

Projekt interfejsu i badania interakcji interfejsu Julianna Zych

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

Założenia projektowe ZAŁOŻENIA Zaprojektuj interfejs składający się z 9 kwadratów ułożonych w układ 3x3, z których każdy jest wypełniony dwukolorowym wzorem, tak by można było określić położenie kwadratu po jego obrocie w prawo lub lewo.

Kwadraty mogą się obracać według środka co kąt 45 stopni w prawo i lewo. Kwadraty mogą się pomniejszać do środka do wierzchołków.

Możliwe interakcje: • kliknięcie • najechanie na pole kwadratu • zjechanie z pola kwadratu Interfejs należy zaprojektować jako ciąg zdarzeń od stanu wyjściowego do stanu końcowego.

2

Opis projektu

3 CO ROBIĆ?

CZYM JEST? Interfejs Look składa się z dziewięciu kwadratów. W każdym z nich znajdują się elementy (nałożone na siebie mały i duży okrąg, oznaczone jako @ w prezentacji) umieszczone poza środkiem kwadratu.

Ruch Jedno @ wykonuje obrót o wielokrotność 45º po najechaniu na pole kwadratu. Jego pozycja po obrocie zależy od położenia w układzie.

Uwaga! Ruch odbywa się zgodnie z ruchem wskazówek zegara.

Unieruchomienie Po kliknięciu w pole kwadratu @ nie obraca się po najechaniu. Zostaje w pozycji o wielokrotność 90º.

Ponowne kliknięcia mają w założeniu prowadzić do stanu końcowego.

Zmiana koloru Końcowym stanem każdego kwadratu jest zmiana jego koloru: z niebieskiego na czarny oraz odpowiednia pozycja @.

Ruch

Unieruchomienie

Aby dojść ze stanu początkowego do stanu końcowego użytkownik musi za pomocą klikania doprowadzić do zmiany koloru wszystkich kwadratów na czarne.

Utrudnieniem jest ruch okręgów po najechaniu na pole kwadratu i unieruchomienie po kliknięciu w innej pozycji i kolorze niż pożądany.

Dodatkowym utrudnieniem jest powrót do stanu wyjściowego (ruchomego) po kliknięciu o jeden raz za dużo.

Zmiana koloru

Kwadraty mają różną ilość unieruchomień tak, że użytkownik jest w stanie ułożyć wymyślony przez siebie (np. symetryczny układ).

Stany interfejsu

4

JAK ROZPOZNAĆ?

Stań początkowy interfejsu to dziewięć niebieskich kwadratów, które wykonują ruch o wielokrotność 45˚ po najechaniu na pole kwadratu.

Stanem końcowym interfejsu są czarne kwadraty, które po najechaniu na pole kwadratu nie wykonują ruchu.

stan początkowy

stan końcowy

1.

2.

3.

4.

5.

6.

7.

8.

9.

Sposób zapisu stanu elementów interfejsu oraz interakcji Stan elementu

Interakcja

Opis

Znak stanu

Opis

jeden z dziewięciu (1,2,3,4,5,6,7,8,9) kwadratów tej samej wielkości elementów podstawowych interfejsu

dziewięć okręgów o niebieskim konturze z zapełnionym polem, które wskazuje na aktualną pozycję @

jeden z ośmiu (1,2,3,4,5,6,7,8, kwadratów czarnych, tej samej wielkości, ale różnym położeniu @

dziewięć okręgów o czarnym konturze z zapełnionym polem, które wskazuje na aktualną pozycję @

jeden środkowy kwadrat bez @

dziewięć okręgów o czarnym wypełnieniu

kliknięcie

czerwone koło w środku układu złożonego z okręgów o niebieskich konturach

kliknięcie

czerwone koło w środku układu złożonego z okręgów o czarnych konturach

najechanie na kwadrat ruchomy

pusta przestrzeń w środku układu złożonego z okręgów, zaznaczenie ruchu strzałką

najechanie na kwadrat nieruchomy

pusta przestrzeń w środku układu złożonego z okręgów

5

Opis interakcji Element

Czynność

Opis

1

najechanie

obrót @ o 360˚

1

1

kliknięcie

unieruchomienie @ w pozycji zmienionej o 45˚

1a

kliknięcie

2

2a

2b

Stan

6 Stan

Element

Element

Stan

Czynność

Opis

Stan

Element

3

najechanie

obrót @ o 90˚

3a

1a

3a

kliknięcie

unieruchomienie @ w pozycji zmienionej o 45˚

3b

zmiana koloru na czarny, unieruchomienie, pozycja @ jak w 1

1b

3b

kliknięcie

3c

najechanie

obrót @ o 45˚

2a

4

najechanie

zmiana koloru na czarny, unieruchomienie, pozycja @ jak w 3a obrót @ o 135˚

kliknięcie

unieruchomienie @ w pozycji 2a

2b

4a

kliknięcie

unieruchomienie @ w pozycji zmienionej o 90˚

4b

kliknięcie

zmiana koloru na czarny, unieruchomienie, pozycja @ jak w 2a

2c

4b

kliknięcie

unieruchomienie @ w pozycji zmienionej o 180˚

4a

4c

Opis interakcji Element

Czynność

Opis

4c

kliknięcie

4d

5

najechanie

zmiana koloru na czarny, unieruchomienie, pozycja @ jak w 4a obrót @ o 360˚

5

kliknięcie

5a

5b

5c

Stan

7 Stan

Element

Element

Stan

Czynność

Opis

Stan

Element

5d

kliknięcie

zmiana koloru na czarny, zniknięcie @

5e

5

6

najechanie

obrót @ o 135˚

6a

unieruchomienie @ w pozycji zmienionej o 45˚

5a

6a

kliknięcie

unieruchomienie @ w pozycji zmienionej o 90˚

6b

kliknięcie

unieruchomienie @ w pozycji zmienionej o 90˚

5b

6b

kliknięcie

unieruchomienie @ w pozycji zmienionej o 180˚

6c

kliknięcie

unieruchomienie @ w pozycji zmienionej o 90˚

5c

6c

kliknięcie

6d

kliknięcie

unieruchomienie @ w pozycji zmienionej o 90˚

5d

7

najechanie

zmiana koloru na czarny, unieruchomienie, pozycja @ jak w 6a obrót @ o 270˚

7a

Opis interakcji Element

Stan

8 Stan

Element

Czynność

Opis

7a

kliknięcie

unieruchomienie @ w pozycji zmienionej o 45˚

7b

7b

kliknięcie

5

8

najechanie

zmiana koloru na czarny, unieruchomienie, pozycja @ jak w 7a obrót @ o 225˚

8a

kliknięcie

unieruchomienie @ w pozycji 8a

8b

8b

kliknięcie

8c

9

najechanie

zmiana koloru na czarny, unieruchomienie, pozycja @ jak w 8a obrót @ o 180˚

8a

9a

Element

Stan

Stan

Element

Czynność

Opis

9a

kliknięcie

unieruchomienie @ w pozycji zmienionej o 45˚

9b

9b

kliknięcie

zmiana koloru na czarny, unieruchomienie, pozycja @ jak w 9a

9c

Sposób zapisu drogi użytkownika Przykład

TABELA OPISU ZDARZEŃ liczba kliknięć numer elementu

liczba najechań

1.

2.

3.

1

2

3

4

5

6

czas w sekundach

kolejne kliknięcie w element nr 1 powoduje jego ponowny ruch, o czym świadczy strzałka, oraz powrót do koloru niebieskiego ponowne kliknięcie w element nr 1 powoduje zmianę pozycji @ (o czym świadczy inne wypełnienie pola), zmiana koloru obiektu na czarny kliknięcie w element nr 1 i unieruchomienie go w pozycji, na którą wskazuje zakolorowany element, obiekt niebieski najechanie na element nr 1 i jego obrót, zakolorowane pole wskazuje na pozycję @, a kolor odpowiada kolorowi obiektu w interfejsie

9

Przykłd korzystania z interfejsu

10

Scenariusz

SCENARIUSZ I najkrótsza możliwa droga dojśca do stanu końcowego Tabela opisu zdarzeń 0

2

1.

0

2

2.

0

2

3.

0

3

4.

0

5

5.

0

3

6.

0

2

7.

0

2

8.

0

2

9.

12 sek

Czas końcowy: 12 sek Ilość wszystkich kliknięć: 23 Ilość wszystkich najechań: 0 Ilość interakcji: 23

Użytkownik klika dwa razy w jednej sekundzie kolejno w każde pole, zaczynająć od nr 9. Nie występują najechania. Minimalna liczba kliknięć.

1

1.5

2

2.5

3

3.5

4

4.5

5

5.5

6

6.5

7

7.5

8

8.5

9

9.5

10

10.5

11

11.5

12

Badanie interakcji interfejsu CEL BADANIA Sprawdzenie drogi jaką pokona użytkownik od stanu wyjściowego do stanu końcowego. Porównanie różnych dróg użytkowników oraz wykazanie błędów interfejsu i stopnia zrozumienia na podtawie wyników badania.

SPOSÓB REALIZACJI Dziesięciu badanych w różnym wieku, znajdujących się przed ekranem komutera otrzymuje polecenie, które brzmi: „zapoznaj się z interfejsem, dojdż do stanu końcowego interfejsu”.

SPOSÓB DOKONANIA POMIARU Zapis drogi użytkownika uwzględniający kilknięcia i najechania.

Komentarze użytkownika usłyszane podczas wykonywania badania.

11

Badanie interakcji interfejsu

12

Określenie zrozumienia interfejsu oraz znalezienia stanu końcowego ZROZUMIENIE DZIAŁANIA INTERFEJSU

ZNALEZIENIE STANU KOŃCOWEGO

Zrozumiemnie działania interfejsu następuje wtedy, gdy użytkownik zauważa, że po najechaniu okręgi się obracają, a po kliknięciu unieruchamiają oraz wie, że po określonej liczbie kliknięć element zmienia się na czarny, a następne kliknięcie w czarny element powoduje powrót do stanu ruchomego.

Znalezienie stanu końcowego następuje wtedy, kiedy użytkownik wie, że stan końcowy to czarne nieruchome elementy i jego dalsze działania prowadzą do ułożenia takiego stanu.

W ten sposób potrafi ułożyć wymyślony przez siebie układ, jednak nie wie jaki jest stan końcowy.

GRAFICZNY ZAPIS ZROZUMIENIA I ZNALEZIENIA NA WYKRESIE CZASU INTERAKCJI – przykład

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

1

5

10

zrozumienie działania

15

20

znalezienie stanu końcowego

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi uĹźytkownika cz.1

13

Badany nr 1, lat 52 1

4

1

4

2

2

1

1

1

11

1

3

0

0

0

0

0

0 1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

20

21

22

23

24

25

26

27

28

29

1

5

10

31

32

33

czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

30

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi użytkownika cz.2

14

Badany nr 1, lat 52

zrozumienie działania 1

5

3

5

3

3

1

7

1

11

1

7

0

1

0

1

1

13

znalezienie stanu końcowego

już

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

1

5

10

65

66

71

czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

64

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi użytkownika cz.3

15

Badany nr 1, lat 52 1

5

3

6

3

4

1

7

1

11

1

7

0

2

0

2

1

14

Czas końcowy: 76 sek Ilość wszystkich kliknięć: 58 Ilość wszystkich najechań: 11 Ilość interakcji: 69

1 min 16 sek

72

73

74

75

76 czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

1

5

10

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi uĹźytkownika cz.1

16

Badany nr 2, lat 52 2

0

4

2

2

3

2

0

7

0

4

0

2

0

2

0

2

0

koniec 1

2

3

4

5

6

7

8

9

10

11

12

12.5

14

15

16

17

18

24

25

26

27

29

31

33

34

35

1

5

10

37

38

39

40

czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

36

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi użytkownika cz.2

17

Badany nr 2, lat 52

zrozumienie działania 3

5

5

2

3

7

5

2

9

3

5

3

2

1

3

2

3

1

znalezienie stanu końcowego

41

42

43

44

45

46

47

48

49

50

52

53

54

55

56

57

58

59

60

61

61.5

62

63

63.5

64

65

66

66.5

1

5

10

68

68.5

69

czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

67

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi użytkownika cz.3

18

Badany nr 2, lat 52 3

5

5

2

3

7

5

3

9

5

5

3

2

2

3

2

3

2

Czas końcowy: 72 sek Ilość wszystkich kliknięć: 31 Ilość wszystkich najechań: 38 Ilość interakcji: 69

1 min 12 sek

69.5

70 70.5

71

72 czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

1

5

10

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi użytkownika cz.1

19

Badany nr 3, lat 22 2

2

1

0

1

4

3

3

0

1

1

3

2

2

1

2

2

2

znalezienie stanu końcowego zrozumienie działania interfejsu

1

2

3

4

5

5.5

7

7.5

9

10

11

13

14

15

16

16.5

17

18

19

19.5

20

20.5

21

21.5

22

22.5

23

23.5

1

5

10

25

26.5

27

czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

24

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi użytkownika cz.2

20

Badany nr 3, lat 22 2

2

1

2

1

5

3

3

0

10

2

6

2

2

1

2

2

2

Czas końcowy: 37 sek Ilość wszystkich kliknięć: 34 Ilość wszystkich najechań: 14 Ilość interakcji: 48

37 sek

29

29.5 29.9 30.3 30.5

31

32

32.3

32.5 32.9 33.5

35

36

36.3 36.5

37 czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

1

5

10

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi użytkownika cz.1

21

Badany nr 4, lat 17 1

0

1

1

2

5

2

0

2

4

1

3

2

1

2

2

1

2

znalezienie stanu końcowego zrozumienie działania interfejsu

haha

1

2

3

4

5

6

7

8

8.3

8.5

9

9.3

9.5

10

11

15

17

17.5

18

18.5

19

19.5

21

21.5

22

22.5

23

23.5

24

24.5

25

25.5

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

1

5

10

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi użytkownika cz.2

22

Badany nr 4, lat 17 1

2 0

1

14

2

5

2

3 0

3

11 4

1

3

2

13

2

2

1

2

Czas końcowy: 35 sek Ilość wszystkich kliknięć: 35 Ilość wszystkich najechań: 15 Ilość interakcji: 50

35 sek

26

26.5

27

27.5

28

30

30.3 30.5

32

32.3 32.5

33

33.3 33.5

34

34.3 34.5 35 czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

1

5

10

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi uĹźytkownika cz.1

23

Badany nr 5, lat 21 0

0

1

2

1

1

2

3

4

5

1

2

1

5

1

2

1

0

Ĺ‚uuu

hehe

1

2

3

3.5

4

5

6

7

7.5

8

8.5

9

11

12

12.5

14

14.5

15

16

16.5

17

18

19

20

21

21.3 21.5

1

5

10

26

26.3 26.5 26.9 czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

24

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi użytkownika cz.2

24

Badany nr 5, lat 21 0

1

1

2

1

1

2

3

4

6

1

2

1

17

1

14

2

5

zrozumienie działania interfejsu znalezienie stanu końcowego

kurde!

27

28

28.3

28.5 29

29.5

30

30.3

30.5

31

31.3

31.5

32

35

37

37.5

38

39

40

40.3 40.5 41

41.3 41.5

43

43.3 43.5 43.9 44.5

1

5

10

46

48

czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

45

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi użytkownika cz.3

25

Badany nr 5, lat 21 0

2

1

2

1

2

2

3

4

6

1

2

1

17

1

14

2

5

Czas końcowy: 49 sek Ilość wszystkich kliknięć: 53 Ilość wszystkich najechań: 13 Ilość interakcji: 66 49 sek

48.5 49 czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

1

5

10

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi użytkownika cz.1

26

Badany nr 6, lat 35 2

4

3

2

2

5

2

3

3

0

1

3

1

0

1

0

0

0

znalezienie stanu końcowego zrozumienie działania interfejsu

1

2

3

4

5

6

7

8

9

10

11

12

12.5

13

13.5

14

15

16

17

18

19

19.5

20

20.5

22

24

25

25.5 26

1

5

10

29

30

czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

27

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi użytkownika cz.2

27

Badany nr 6, lat 35 2

4

3

2

2

5

2

3

3

5

1

3

1

2

2

5

0

2

Czas końcowy: 45 sek Ilość wszystkich kliknięć: 31 Ilość wszystkich najechań: 16 Ilość interakcji: 47

aaa, uciekło

45 sek 31

32

33

33.5

34

35

36

37

38

39

40

41

42

44

45

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

1

5

10

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi uĹźytkownika cz.1

28

Badany nr 7, lat 21 3

0

2

0

2

8

1

0

2

1

2

3

1

0

1

2

2

2

a co to jest?

znalezienie stanu końcowego

1

2

3

4

6

7

9

10

12

13

15

18

20

20.5

23

25

27

28

29

30

30.5

31

31.3 31.5

32

32.5

33

33.3

1

5

10

34

34.3 34.5

czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

33.5

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi użytkownika cz.2

29

Badany nr 7, lat 21 3

5

2

5

2

8

1

3

2

11

2

3

1

2

1

2

2

2

Czas końcowy: 43 sek Ilość wszystkich kliknięć: 41 Ilość wszystkich najechań: 16 Ilość interakcji: 57 zrozumienie działania interfejsu

43 sek

35

35.3 35.5

36

36.3 36.5

37

37.3 37.5

38

38.3 38.5 39

39.3 39.5 40

40.3 40.5

41

41.3

41.5

42

42.3 42.5

43 czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

1

5

10

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi użytkownika cz.1

30

Badany nr 8, lat 23 1

2

1

2

2

5

2

3

2

1

4

1

1

2

1

0

2

0

znalezienie stanu końcowego zrozumienie działania interfejsu

1

3

4

6

6.5

7

8

9

10

12

13

15

16

19

20

21

22

23

24

25

26

27

28

28.5

29

30

30.5

1

5

10

32

33

33.5 34

czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

31

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi użytkownika cz.2

31

Badany nr 8, lat 23 1

2

1

2

2

5

2

3

2

5

4

3

1

2

1

2

2

2

Czas końcowy: 39 sek Ilość wszystkich kliknięć: 26 Ilość wszystkich najechań: 16 Ilość interakcji: 42

39 sek

35

35.5

36

36.5

37

37.3 37.5

38

38.5 39 czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

1

5

10

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Zapis drogi użytkownika cz.1

32

Badany nr 10, lat 21 0

2

0

2

0

2

0

3

1

5

1

3

0

2

0

2

1

2

Czas końcowy: 13 sek Ilość wszystkich kliknięć: 23 Ilość wszystkich najechań: 3 Ilość interakcji: 26

znalezienie stanu końcowego zrozumienie działania interfejsu

1

2

2.5

3

3.5

4

4.5

5

5.3

13 sek

5.5

6

6.5

7

7.5

8

8.5

9

9.3

9.5

10

10.5

11

11.5

12

12.5

13 czas w sekundach

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

1

5

10

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

Podsumowanie wyników badania

33

Porównanie liczby interakcji interfejsu dla danego elementu TABELA OPISU ZDARZEŃ Ilość najechań na dany element

Ba d

an

Ba y 1 da n Ba y 2 da n Ba y 3 da n Ba y 4 da n Ba y 5 da n Ba y 6 da n Ba y 7 da n Ba y 8 da ny 10 Su m a el em en t Su m a Ba da n Ba y 1 da n Ba y 2 da n Ba y 3 da n Ba y 4 da n Ba y 5 da n Ba y 6 da n Ba y 7 da n Ba y 8 da ny 10

Ilość kliknięć w dany element

WYKRES POKAZUJĄCY LICZBĘ KLIKNIĘĆ ORAZ LICZBĘ NAJECHAŃ NA KAŻDY ELEMENT

5

5

2

2

2

4

5

2

2

24

1.

14

1

3

2

1

1

2

3

1

0

6

2

2

4

2

2

5

2

2

27

2.

17

3

5

1

1

1

3

2

1

0

4

7

5

5

2

5

8

5

2

43

3.

17

3

3

1

2

2

2

2

2

0

7

3

3

3

3

3

3

3

3

31

4.

18

1

5

3

2

2

2

1

2

0

11

5

10

11

6

5

11

5

5

69

5.

23

1

9

0

2

3

3

2

2

1

7

3

6

3

2

3

3

3

3

33

6.

18

1

5

2

1

1

1

2

4

1

2

2

2

3

17

2

2

2

2

34

7.

11

0

2

2

2

2

1

1

1

0

2

2

2

2

14

5

2

2

2

33

8.

12

0

3

1

2

2

2

1

1

0

14

2

2

2

5

2

2

2

2

33

9.

13

1

3

2

1

1

0

2

2

1

Najczęściej klikanym kwadratem, był kwadrat nr 5. Jest to pole środkowe.

Najczęściej najeżdżano również na kwadrat 5.

14

17 24

17 27

1.

18

43 2.

23 31

3.

18 69

4.

11

33 5.

12 34

13 33

7.

6.

33 8.

9.

Podsumowanie wyników badania

34

Porównanie liczby wszystkich interakcji interfejsu TABELA OPISU INTERAKCJI

liczba wszystkich kliknięć

76

liczba wszystkuch najechań

czas

72

58 53

49

45 39

38 31

34

31

41

37

35

26 16

45

43 35

37

23 16

11

14

13

16

15

16

Badany 9 4 17 lat

Średnia 10

13 3

Badany 1 1 52 lata

Badany 2 2 51 lat

Badany 6 3 35 lat

Badani są ułożeni w kolejności od najstarszego do najmłodszego.

Badani powyżej 50 roku życia (nr 1 i nr 2) wykonywali badanie powyżej 1 minuty. Ich czasy są najdłuższe.

Badany 8 4 23 lata

Badany 3 5 22 lata

Badany 5 6 21 lat

Badany 7 7 21 lat

Badany 8 10 21 lat

Największa ilość kliknięć: 58

Największa ilość najechań: 38

Średnia ilość kliknięć: 37

Średnia ilość najechań: 16

Najmniejsza ilość kliknięć: 23

Najmniejsza ilość najechań: 3

Im mniej najechań, tym lepszy czas.

Podsumowanie wyników badania

35

Kolejność wybieranych elementów dla 3 pierwszych kliknięć Badany 1

Badany 2

Badany 3

Badany 4

Badany 5

Badany 6

Badany 7

Badany 8

Badany 10

1.

2.

3.

4.

5.

6.

7.

8.

9.

76 s

72 s

37 s

35 s

Kolejność wyboru 3 pierwszych elementów jest raczej przypadkowa.

Więcej osób zaczyna badanie interfejsu od najeżdżania.

Tylko jedna osoba rozpoczęła badanie interfejsu od kliknięcia.

6/9 osób w trzech pierwszych wyborach uwzględnia kliknięcia.

Porównując te dane z czasem ukończenia możemy stwierdzić, iż nie ma to wpływu na czas ukończenia badania.

49 s

45 s

43 s

39 s

13 s

Podsumowanie wyników badania

36

Porównanie wykresu czasu interfejsu oraz czasu zrozumienia i znalezienia stanu końcowego interfejsu PORÓWNANIE WYKRESÓW CZASU WSZYSTKICH UŻYTKOWNIKÓW Na wykresie przedstawiono wszystkie czasy badań z wyszczególnieniem najkrótszego i najdłuższego oraz przedstawiono moment zrozumienia i znalezienia stanu końcowego interfejsu.

ZROZUMIENIE INTERFEJSU 6/9 badanych w tym samym czasie odnajdywało zasadę działa i stan końcowy interfejsu. 1/9 badanych wcześniej niż zasadę działania, znalazł stan końcowy.

WNIOSKI

Średni czas pomiędzy kliknięciami: 0,8 s

Osoby w wieku powyżej 50 lat miały gorszy czas niż osoby w wieku 20 lat.

Najdłużej do stanu końcowego dochodziła osoba w wieku 52 lat, najkrócej – 21 lat. Interfejs jest skomplikowany, badani poruszali się po nim swobodnie, jednak mylili stany końcowe.

Najdłuższy czas: 76 s Średni czas badania: 45 s Najkrótszy czas: 13 s

Wykres czasu interakcji 1.

2.

3.

4.

5.

6.

7.

8.

9.

1

5

10

15

20

25

30

35

40

45

50

55

60

65

70

75

czas w sekundach

37

Julianna Zych Pracownia Badań Użyteczności Zakład Badań Wizualnych i Interakcji Akademia Sztuk Pięknych w Katowicach Katowice 2014