Projekt interfejsu i badanie zachowań użytkownika

Projekt interfejsu i badania interakcji interfejsu

autor: Magdalena Nedyńska Pracownia badań użyteczności Prowadzący: prof. ASP dr hab. Wiesław Gdowicz, dr Marta Więckowska Zakład Badań Wizualnych i Interakcji Akademia Sztuk Pięknych w Katowicach 2015

Projekt interfejsu

konstukcja

wstęp

Założenia ogólne Wstęp: W ramach zadania zaprojektowana została prosta gra, dzięki której możliwe będzie sprawdzenie w jaki sposób użytkownik porusza się po interfejsie

schemat zapisu

opis badania

zasada działania

Cel interfejsu: Swobodne układanie elementów fotografii twarzy.

Cel badania: Śledzenie drogi jaką wykona użytkownik, jego zachowania i komentarzy.

Stwierdzenie czy użytkownik zrozumiał zasadę działania interfejsu.

Konstrukcja Interfejsu: 1. Interfejs składa się z 4 poziomów.

2. Każdy poziom składa się z 8 elementów, ułożonych w dwóch grupach po cztery fotografie.

poziom a- czoła, poziom b- oczy poziom c- nosy, poziom d- usta

poziom d

616,121 px

poziom c

40,32 px 74,4 px

poziom b

768 px 19,12 px

Grupa 1

5. Każdy z elementów danego poziomu zawiera inny fragment fotografii twarzy:

poziom a

poziom a

Grupa 2

zasada działania

3. Całość składa się z 32 elementów 4. Wewnątrz elementów znajdują się fragmenty fotografii twarzy ośmiu różnych osób.

Każda z fotografi posiada inny kolor w celu ułatwienia badanym ułożenie części fotografii prawidłowo.

schemat zapisu

1024 px 223,68 px

opis badania

konstukcja

wstęp

Założenia ogólne

poziom b poziom c poziom d 896 px

schemat zapisu

opis badania

zasada działania

konstukcja

wstęp

Zasada działania interfejsu Zasada zmiany elementów: Każdy z elementów danego poziomu połączony jest z drugim elementem tego samego poziomu.

Po kliknięciu w jeden z połączonych elementów następuje wymiana pozycji klikniętego elementu z elementem z nim połączonym:

Schemat zmiany elementów poziom a (czoło)

2b

poziom b ( oczy) poziom c (nos) poziom d (usta) poziom a

7b

Rys. 1– Stan początkowy. Kliknięcie w element 2b, połączony z elementem 7b

poziom c poziom d

– Wymiana pozycji połączonych elementów 2b i 7b

Rys. 1

Rys. 2– Klikniecie w element 7b, znajdujący się teraz na miejscu wcześniej zajmowanym przez element 2b

poziom a

7b

poziom b

– Ponowna wymiana pozycji elementów.

Powrót do stanu początkowego (Rys. 1) Zmiana elementów odbywa się w obrębie jednego poziomu. Nie ma możliwości wymiany elementów różnych poziomów.

poziom b

poziom c poziom d poziom a

2b

poziom b poziom c poziom d

Rys. 2

schemat zapisu

opis badania

zasada działania

konstukcja

wstęp

Zasada działania interfejsu

Zasada zmiany elementów:

Zasada zmiany elementów:

Elementy mogą zmieniać się tylko w obrębie jednego poziomu, np.: elementy poziomu ‚a’ wymieniają się z innymi elementami w obrębie poziomu ‚a’.

Nie mam możliwości wymiany elementów dwóch różnych poziomów.

1

7

1

5

2

8

2

4

3

5

3

6

4

6

4

8

1

3

1

8

2

6

2

7

4

8

3

6

5

7

4

5

Założenie interfejsu: Interfejs zaprojektowany jest tak, aby dało się układać tylko niektóre elementy danej twarzy.

Nie ma możliwości prawidłowego ułożenia twarzy w całości.

poziom a (czoło)

poziom b (oczy)

poziom c (nos)

poziom d (usta)

wstęp

Przebieg badania Opis przebiegu badania:

schemat zapisu

opis badania

zasada działania

konstukcja

Dostępne interakcje: kliknięcie Cel badania: Śledzenie drogi jaką wykona użytkownik oraz jego zachowań i komentarzy.

Sprawdzenie czy użytkownicy są w stanie zrozumieć zasadę działania iterfejsu.

Na podstawie analizy ruchów użytkownika, sprawdzenie czy badany będzie badał zasadę zmiany elementów, chcąc poznać zasadę działania interfejsu czy też będzie klikał bez zastanowienia.

Sposób realizacji: Pięciu badanych w wieku od 19 do 50 lat.

Polecenie: W ciągu 2 minut, spróbuj ułożyć twarze prawidłowo.

Sposób zapisu badania: Rejestracja obrazu ekranu komputera oraz komentarzy badanych za pomocą programu Camtasia.

Sposób dokonywania pomiaru: Zapis drogi użytkownika uwzględniający kliknięcia i komentarze użytkowników w trakcie korzystania z interfejsu

schemat zapisu

opis badania

zasada działania

konstukcja

element

Każde kliknięcie powoduje zmianę elementu, który został kliknięty oraz zmianę elementu z nim połączonego.

poziom

Schemat zapisu badania:

Ilość kliknięć w element Ilość zmian elementu

wstęp

Schemat zapisu badania

W zapisie badania uwzględnione zostaną następujące parametry: • • • •

ilość kliknięć w element ilość zmian elementu ilość kliknięć pod rząd czas

x3 Kliknięcie w element

Zmiana elementu

kliknięcia pod rząd

komentarze

Wykres przedstawia przykładową zmianę elementów dla poziomu a. Pozostałe poziomy zmieniają się analogicznie.

Badanie

Przez pierwsze 6 sek. badany wybiera tylko elementy należące do grupy. 1

Badany klika w połączone elementy, badając zasadę ich zmiany. Dzięki temu badany będzie w stanie zrozumieć zasadę działania interfejsu

Badany 5

Badany 4

Badany 3

Badany 2

Badany 1

Zapis badania

x2

x5

x3

x2

x2

Badany klika w połączone elementy, badając zasadę ich zmiany. Dzięki temu badany będzie w stanie zrozumieć zasadę działania interfejsu

Badanie zasady zmiany el.

Odgadnięcie zasady działania interfejsu.

Zakończenie badania.

Badany 5

Badany 4

Badany 3

Badany 2

Badany 1

Zapis badania

x3

x3

x3

x2 x3 x2

Badany 5

Badany 4

Badany 3

Badany 2

Badany 1

Podsumowanie badany nr 1 1. Wiek: 32 lata

8. Zasada poruszania się po interfejsie:

2. Ilość kliknięć: 81

Konsekwentne klikanie w połączone ze sobą elementy. Badanie ich zmiany.

3. Czas korzystania z interfejsu: 01:57 4. Najczęściej wybierany poziom: b (oczy) 5. Najczęściej wybierany element: 2b 6. Poruszanie się po interfejsie: widoczna konsekwencja w wybieraniu połączonych elementów, dzięki temu użytkownik był w stanie zrozumieć zasadę zmiany elementów.

7. Zakończenie badania: odgadnięcie zasady funkcjonowania interfejsu– brak możliwości ułożenia twarzy

Przez pierwsze 4 sek. badany wybiera tylko elementy należące do poz. 1

Badany klika w połączone elementy, badając zasadę ich zmiany. Dzięki temu badany będzie w stanie zrozumieć zasadę działania interfejsu

widoczna konsekwencja w poruszaniu się po interfejsie

Badany 5

Badany 4

Badany 3

Badany 2

Badany 1

Zapis badania

x3

x6

x2

x4 x2

Dopiero po minucie badania zasady zmian elementów poziomu b badany zaczyna klikać w pozostałe elementy

Klikanie w połączone elementy, badając zasadę ich zmiany.

Dzięki temu badany będzie w stanie zrozumieć zasadę działania interfejsu

Odgadnięcie zasady działania Interfejsu.

Zakończenie badania

Badany 5

Badany 4

Badany 3

Badany 2

Badany 1

Zapis badania

x3

x3

x2

Badany 5

Badany 4

Badany 3

Badany 2

Badany 1

Podsumowanie badany nr 2 1. Wiek: 28 lata

8. Zasada poruszania się po interfejsie:

2. Ilość kliknięć: 73

Konsekwentne wybieranie elementów należących do jednego poziomu.

3. Czas korzystania z interfejsu: 01:53

Badanie zasady ich zmiany.

4. Najczęściej wybierany poziom: b (oczy) 5. Najczęściej wybierany element: 2b 6. Poruszanie się po interfejsie: widoczna konsekwencja w wybieraniu połączonych elementów, dzięki temu użytkownik był w stanie zrozumieć zasadę zmiany elementów.

7. Zakończenie badania: odgadnięcie zasady funkcjonowania interfejsu– brak możliwości ułożenia twarzy

Badany przez 14 sekund klika tylko w elementy, należące do grupy 1, próbując ułożyć z nich poprawnie całą twarz.

Odkrycie, że el. grupy 2, też są interaktywne– kliknięcie w el 8 a( gr.2).

Następnie badany dalej klika w elementy należące do grupy 1 oraz wel. 8c, należący do grupy 2

Badany dalej klika w kolejny el. grupy 2–4c.

Dalej konsekwentnie wybiera el. grupy 1 oraz dwa odkryte el. z poziomu 2

Badany 5

Badany 4

Badany 3

Badany 2

Badany 1

Zapis badania

x2

x2

x2

Badany klika w kolejne el. grupy 2. Odkrywa, że wszystkie elmenty interfejsu są interakcyjne.

Zaczyna wybierać elementy grupy 2, próbując teraz ułożyć poprawnie twarz wewnątrz tej grupy.

Zasada poruszania się po interfejsie: Badany sprawdza zasadę zmian elementów na każdym poziomie, Klikając po kolei w elementy każdego z poziomów- próba zrozumienia zasady działania interfejsu

Irytacja niemożnością ułożenia twarzy.

Zaniechanie próby zrozumienia zasady działania interfejsu. Chaotyczne klikanie po interfejsie, aż do końca badania.

Badany 5

Badany 4

Badany 3

Badany 2

Badany 1

Zapis badania

x2

x2 x2 x2

Badany 5

Badany 4

Badany 3

Badany 2

Badany 1

Podsumowanie badany nr 3 1. Wiek: 23 lata

8. Zasada poruszania się po interfejsie:

2. Ilość kliknięć: 83

Etap 1 Badany próbuje najpierw ułożyć poprawnie el grupy 1

3. Czas korzystania z interfejsu: 2:00 4. Najczęściej wybierany poziom: c (nos) 5. Najczęściej wybierany element: 3c, 1a 6. Poruszanie się po interfejsie: brak zasady pruszania sie po interfejsie. Użytkownik nie próbuje odgadnąć zasady działania interfejsu, chaotyczna droga użytkownika 7. Zakończenie badania: upływ czasu

Etap 2 Badany wciąż próbuje ułożyć poprawnie twarze należące do grupy 1, z wykorzystaniem 2 elementów, należących do gr. 2 Etap 3 Odkrycie, że nie ma możliwośći ułożenia poprawnie portretów, wenątrz grupy 1. Badany podejmuje próbę ułożenia portretów wewnątrz gr. 2.

Etap 4 Irytacja iemożnością uożenia portretów prawidłowo. Chaotyczne klikanie po interfejsie aż do upływu czasu badania.

Przez 28 sekund badany wybiera wyłącznie elementy należące do grupy 1

Badany 5

Badany 4

Badany 3

Badany 2

Badany 1

Zapis badania

x9

Irytacja niemożnością ułożenia prawidłowo portretu.

Chaotyczne poruszanie się po interfejsie, badany nie stara się zrozumieć zasady działania Interfejsu.

Pomimo faktu, że każda z twarzy posiada inny kolor, badany ma trudności z dopasowaniem właściwych fragmentów twarzy

Chaotyczne poruszanie się po interfejsie

Badany 5

Badany 4

Badany 3

Badany 2

Badany 1

Zapis badania

x2

x2

x3

x2 x2

Badany 5

Badany 4

Badany 3

Badany 2

Badany 1

Podsumowanie badany nr 4 1. Wiek: 19 lat

8. Zasada poruszania się po interfejsie:

2. Ilość kliknięć: 80

Etap 1 próba ułożenia portretów wewnątrz grupy 1

3. Czas korzystania z interfejsu: 2:00 4. Najczęściej wybierany poziom: b (oczy) 5. Najczęściej wybierany element: 1b 6. Poruszanie się po interfejsie: brak zasady pruszania sie po interfejsie. Użytkownik nie próbuje odgadnąć zasady działania interfejsu, chaotyczna droga użytkownika 7. Zakończenie badania: upływ czasu

Etap 2 irytacja niemożnością ułożenia elementów. Chaotyczne klikanie w elementy aż do upływu czasu badania.

Przez pierwsze 4 sek. badany klika w el. poziomu nr 1

Pomimo faktu, że każda z twarzyposiada inny kolor, badany ma trudności z dopasowaniem właściwych fragmentów twarzy

Badany 5

Badany 4

Badany 3

Badany 2

Badany 1

Zapis badania

x2

x2

x4

x2

x2

x2

x6

Badany 1

Zapis badania

Badany 5

Badany 4

Badany 3

Badany 2

Chaotyczne poruszanie się po interfejsie.

Badany nie próbuje poznać zasady działania interfejsu.

x2

x2

x4

Badany 5

Badany 4

Badany 3

Badany 2

Badany 1

Podsumowanie badany nr 5 1. Wiek: 46 lat

8. Zasada poruszania się po interfejsie:

2. Ilość kliknięć: 75

Brak zasady poruszania się po interfejsie.

3. Czas korzystania z interfejsu: 2:00 4. Najczęściej wybierany poziom: b (oczy) 5. Najczęściej wybierany element: 4b, 3d 6. Poruszanie się po interfejsie: brak zasady pruszania sie po interfejsie.

Użytkownik nie próbuje odgadnąć zasady działania interfejsu, chaotyczna droga uzytkownika 7. Zakończenie badania: upływ czasu

Podsumowanie badania

Wnioski

Częstotliwość wybierania el.

Podsumowanie wyników

Droga użytkowników

Zestawienie dróg użytkowników Żaden z użytkowników w pierwszych krokach badania nie kliknął w elementy poziomu d (usta)

Wnioski

Częstotliwość wybierania el.

Podsumowanie wyników

Droga użytkowników

Zestawienie dróg użytkowników Pod koniec badania użytkownicy tracą cierpliwość, widoczne coraz bardziej chaotyczne klikanie po interfejsie

Zestawienie wyników badanych lat

Częstotliwość wybierania el.

Podsumowanie wyników

Droga użytkowników

Podsumowanie wyników badania

Wnioski: badadani 1 i 2 ukończyli zadanie przed upływem wyznaczonego czasu (bad. 1-1:57, bad. 2-1:53).

Zrozumieli oni działanie interfejsu i fakt, że żadnej z twarzy nie da się ułożyć w całości.

Wnioski

Pozostali badani zakończyli korzystanie z interfejsu po dwóch minutach, nie wiedząc że twarzy nie da się ułożyć.

Najczęściej wybieranym przez badanych poziomem był poziom b (oczy)

Wnioski

Częstotliwość Wybierania el.

Grupa 1 Grupa 2

Podsumowanie wyników

Droga użytkowników

Częstotliwość wybierania elementów

Wnioski: Najczęściej wybieranym poziomem, był poziom b ( oczy) : 154 kliknięcia.

Kolejnymi najczęściej wybieranymi poziomami były kolejno: poziom d (usta):73 kliknięcia, poziom c (nos): 72 kliknięcia, poziom a (czoło): 66 kliknięć.

Najczęściej wybieranymi elementami były : 1b- 35 kliknięć, 2b- 33 kliknięcia, 3b- 20 kliknięć.

Użytkownicy częściej klikali w grupę nr. 1– 196 kliknięć, niz w grupę nr 2– 169 kliknięć

Wnioski

Częstotliwość wybierania el.

Podsumowanie wyników

Droga użytkowników

Wnioski 1. Najczęściej wybieranym przez badanych był poziom b, w którym znajdowały się oczy. Świadczy to, że jest to element twarzy, który najbardziej skupia uwagę użytkowników.

2. Najczęściej wybieranymi elementami były elementy 2b i 3b– umiejscowione są w centralnej części interfejsu.

Elementy znajdujące się na obrzeżach wybierane były rzadziej.

3. Najczęściej wybieraną grupą elementów była grupa 1- 169 kliknięć.

W elementy grupy 2 klikanorzadziej- 169 razy.

Spowodowane jest to faktem, że grupa 1 umiejscowiona jest ponad grupą 2 i intuicyjne należące do niej elementy wybierane są jako pierwsze. Kolejną przyczyną częstszego klikania w grupę 1 była luka dzieląca obie grupy, przez którą badani myśleli, że obie grupy stanowią odrębne części gry.

4. Badanie wykazało, że pomimo nadania fotografiom kolorów, aby ułatwić ich prawidłowe ułożenie, dwie osoby miały problem z prawidłowym rozpoznaniem, wszystkich elementów jednego portretu.

5. Dwie osoby na pięciu badanych zrozumiały zasadę działania interfejsu– mechanizm zmiany elementów uniemożliwia ułożenie prawidłowej twarzy.

Kilkukrotne klikanie w elementy ze sobą powiązane pozwoliło dojść badanym do tego wniosku Analiza pozostałych trzech badanych, którzy zakończyli grę po upływie wyznaczonego czasu, wykazała, że tylko jedna z nich podjeła próbę zrozumienia zasady działania interfejsu.

Analiza drogi pozostałych dwóch wykazałabrak konsekwencji w działaniu oraz brak zrozumienia zasady zmiany elementów. Ich droga była chaotyczna i przypadkowa.

6. Odgadnięcie zasady funkcjonowania interfejsu przez dwie osoby potwierdza, że badany w ciągu 2 min. jest w stanie zrozumieć zasadę jego funkcjonowania.

Na podstawie zarejestrowanych dróg użytkowników można stwierdzić, że tylko 3 osoby na 5 zastanowiło się nad zasadą zmiany elementów. Pozostałe dwie klikała bez zastanowienia, przypadkowo.

Wykazanie błędów interfejsu na podstawie wniosków

Wnioski

Spowodowane jest to faktem, że grupa 1 umiejscowiona jest ponad grupą 2 i intuicyjne należące do niej elementy wybierane są jako pierwsze.

Kolejną przyczyną częstszego klikania w grupę 1 jest przeświadczenie badanych, że obie grupy stanowią dwa osobne obszary gry, wewnątrz których układa się osobne twarze: 4 w grupie 1 i 4 w grupie 2.

Spowodowane jest to luką oddzielającą obie grupy elementów.

Początkowo badani próbują ułożyć poprawnie portrety tylko z elementów grupy 1.

Gdy badani orientują się, że jest to niemożliwe, zaczynają klikać w elementy należące do grupy 2.

Pomimo nadania tych samych kolorów wszystkim fragmentom zdjęć należącym do jednej twarzy, badani uważali, że istnieje możliwość ułożenia prawidłowo całej twarzy z wykorzystaniem elementów znajdujących się w jednej grupie.

Grupa 1

Najczęściej wybieraną grupą elementów była grupa 1- 196 kliknięć.

W elementy grupy 2 klikano rzadziej- 169 razy.

Grupa 2

Częstotliwość wybierania el.

Podsumowanie wyników

Droga użytkowników

Analiza błędów interfejsu:

Propozycja zmiany

Po usunięciu luki obie grupy utworzyłyby jedną całość.

Wtedy użytkownicy swobodnie wybierali by spośród wszystkich elementów interfejsu.

Grupa 1

Na podstawie wcześniejszej analizy poruszania się użytkowników po interfejsie można stwierdzić, że luka oddzielająca od siebie obie grupy wprowadza badanych w błąd.

Dzieli portrety na dwie grupy i sugeruje, że stanowią one dwa osobne obszary gry.

Interfejs przed zmianą

Grupa 2

Podsumowanie wyników

Droga użytkowników

Proponowana zmiana:

Wnioski

Częstotliwość wybierania el.

Interfejs po zmianie