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