Projekt badania interfejsu

Projekt badań interfejsu do obsługi urządzeń znajdujących się w pracowni.

przedmiot: Badania użytecznościa prowadzący: asyst. Marta Więckowska autor: Martyna Mieszko, rok 2, semestr 4, rok studiów 2012/2013 Akademia Sztuk Pięknych w Katowicach, wydział: Projektowy, kierunek: Wzornictwo

Funkcje interfejsu i scenariusze użycia Lista funkcji, które będzie pełnił interfejs: -regulacja żaluzji -regulacja oświetlenia -regulacja temperatury -włączanie i wyłączanie rzutnika -włączanie i wyłączanie ekranu -wyświetlanie zegara -tworzenie listy wydarzeń -przypisywanie ustawień do utworzonego wydarzenia

Scenariusze użycia Sytuacje, w których będzie wykorzystywany interfejs. (poszczególne kroki potrzebne do wykonania określonych czynności dotyczących obsługi interfejsu): WARSZTATY a. ustawienie temp. na 20 st b. włączenie oświetlenia c. zasłonięcie okien 1,2 d. włączenie rzutnika e. włączenie ekranu f. wyłączenie oświetlenia g. odsłonięcie okien h. wyłączenie rzutnika i. schowanie ekranu

WYKŁAD a. utworzenie wydarzenia ustawienie godziny b. włączenie lampy 1 i 2 na 50 % c. włączenie ekranu d. włączenie rzutnika

Architektura informacji−wersja pierwsza etap 1 Po wypisaniu funkcji, jakie ma pełnić interfejs oraz przygotowaniu scenariuszy, sporządzono pierwszą wersję architektury informacji. Jest to mapa pokazująca schemat poruszania się po interfejsie, Architektura informacji będzie ulegać modyfikacją podczas wykonywania kolejnych etapów pracy: badaniu przy pomocy metody card sorting oraz paper protoyping.

Metoda Card sorting Pojęcie „card sorting”

Opis badania

Metoda sortowania kart została zaadaptowana z psychologii, gdzie była wykorzystywana do budowy osobistych modelów sposobów myślenia i kategoryzowania zgromadzonej informacji przez badane osoby

W badaniu zastosowano metodę closed sort (Sortowanie zamknięte) W ramach sortowania zamkniętego osobom uczestniczącym w badaniu została pokazana lista pojęć w postaci kart.

Otrzymane karty powinny zostać posegregowane przez użytkowników wg kategorii przygotowanych przez osobę przeprowadzającą badanie

Metoda ta pomogła zbadać logiczną strukturę interfejsu.

LISTA UŻYTYCH POJĘĆ : rolety, rzutnik, zasuń, odsłoń, włącz, wyłącz, temperatura, zasłoń okno, wydarzenie, edycja wydarzenia, lampa 1, lampa 2, ustaw wszytskie lampy, natężenie, dodaj nowe wydarzenie, schowaj ekran, wysuń ekran,

Architektura informacji etap 1i II WNIOSKI: Badanie metodą Card sorting pomogło stwierdzić czy logiczna struktura interfejsu jest poprawna i zorozumiała dla przyszłych użytkowników.

Osoby badane nie miały większych problemów z segregacją kart.

Po przeprowadzonym badaniu okazało się, że architekrura informacji jest niekompletna. Dodane elementy są oznaczone niebieskim kolorem

Paper prototyping Kolejnym etapem pracy było wykonanie papierowego prototypu przedstawiającego wszystkie stany interfejsu. Następnie poddano go ocenie użytkownikom. Użytkownicy otrzymali 5 zadań do wykonania.

KOMENDY DLA UŻYTKOWNIKÓW 1.ustaw temp. na 20 st 2. włącz wszytskie lapmy na 50 % 3. zasłoń okna 1 i 2 4. włącz rzutnik 5. wyłącz wszystkie lapmy Badanie rozpoczęło się od zaprezentowania użytkownikowi startowego stanu interfejsu.

Osoba przeprowadzająca badanie zmieniała kolejne stany inferjesu po dotknięciu danego przycisku przez użytkownika.

Paper prototyping

Przykład: ustawianie temperatury

Architektura informacji po paper prototyping etap 1II Architektura informacji przed badaniem Droga użytkownika : włączanie/wyłączanie rzutnika

krok 5 krok 4

krok 3 krok 2 krok 1

Pole z przyciskami OŚWIETLENIE, ROLETY, RZUTNIK, EKRAN, TEMPERATURA oraz WYDARZENIA będą elementami stałymi, widocznymi w każdym stanie interfejsu. Zmniejszyło to znacznie ilość wykonywanych przez użytkownika kroków.

(Po przeprojektowaniu architektury informacji z 5 kroków na 2 kroki ).

Architektura informacji po badaniu włączanie/wyłączanie rzutnika

krok 2

Podczas badania paper prototyping użytkownicy chcąc zmienić kolejne ustawienia wracali każdorazowo do przycisku HOME a następnie przyciskali USTAWIENIA. Aby ułatwić użytkownikom korzystanie z interfejsu wprowadzono korekty, które pozwolą na szybką zmianę ustawień.

krok 1

Architektura informacji−wersja końcowa Architektura informacji po wykonanych badaniach.

relacje przenoszące do miejsca docelowego

Projekt interfejsu 10:49

zegar pole z informacją dotyczącą dzisiejszego wydarzenia

pole elementów zmiennych

pole przycisków służących do programowania urządzeń

pole z przyciskami nawigacyjnymi

Elementy budujące interfejs Podział elementów ze względu na pełnioną funkcję Elementy menu przed kiknięcięm

po kliknięciu

Suwaki do zmiany natężenia światła/ podnoszenia i opuszczania rolet/ zmiany temperatury

Przyciski zatwierdzania

nieaktywny

aktywny

Elementy budujące interfejs Przyciski do włączania i wyłączania

ON

przed kiknięcięm

OFF

ON

po kliknięciu

OFF

Przyciski z polem tekstowym

TYTUŁ

przed kiknięcięm

po kliknięciu

GODZINA

13

:

00

Suwaki do zmiany natężenia światła/podnoszenia i opuszczania rolet/ zmiany temperatury suwak ustawiony na 0 suwak aktywny

Prototyp Wizualna postać interfejsu Prototyp 1

Prototyp 2

10:49

10:49

Dziś warsztaty 18:00 !

Dziś warsztaty 18:00 !

ON

Oświetlenie

Temperatura

Rolety

Ekaran

Rzutnik

Narzędzia

OFF

Sposób nawigacji Programowanie aktualnych ustawień 10:49 Dziś warsztaty 18:00 !

Wtorek wykład 14:50 Czwartek wykład 14:50

Krok 1 Wybieramy przycisk jeśli chcemy zaprogramować aktualne ustawienia lub przycisk jeśli chcemy zapisać w notatniku wydarzenie, które odbędzie się w przyszłości.

Po dotknięciu przyciski zmienią stan co pomoże użytkownikowi zorientować się jaką czynność właśnie wykonuje.

Przycisk ma funkcje przenoszenia wstecz.

Sposób nawigacji Wybór urządzenia, które będziemy programować 10:49 Dziś warsztaty 18:00 !

Krok 2 wybieramy przyscisk z ikonką urządzenia by zmienić jego ustawienia.

USTAW WSZYSTKIE LAMPY USTAW WYBRANE LAMPY

Aktywne urządzenie jest podświetlone.

Sposób nawigacji Wybór urządzenia, które będziemy programować 10:49 Dziś warsztaty 18:00 !

USTAW WSZYSTKIE LAMPY USTAW WYBRANE LAMPY

Krok 3 W polu elementów zmiennych pojawiają się opcje, wybieramy odpowiedni przycisk.

Sposób nawigacji Zapisywanie wydarzeń 10:49 Dziś warsztaty 18:00 !

DODAJ WYDARZENIE LISTA WYDARZEŃ

Krok 1 aby rozpocząć dodawanie wydarzenia wybieramy przyscisk

Sposób nawigacji Zapisywanie wydarzeń 10:49 Dziś warsztaty 18:00 !

DODAJ WYDARZENIE

Krok 2 w polu elementów zmiennych wybieramy opcję DODAJ WYDARZENIE.

LISTA WYDARZEŃ

(możemy przejść do listy zapisanych wcześniej wydarzeń)

Sposób nawigacji Zapisywanie wydarzeń 10:49 Dziś warsztaty 18:00 !

TYTUŁ

GODZINA

DATA

Krok 3 wybieramy opcje po kolei i programujemy wydarzenie.

Gdy przyciśniemy TYTUŁ pokawi nam się pole tekstowe , podobnie w przypadku GODZINY i daty .

13

USTAWIENIA

13

:

02 :

13

DD : MM : RR

:

00

Sposób nawigacji Zapisywanie wydarzeń 10:49 Dziś warsztaty 18:00 !

TYTUŁ

GODZINA

DATA

USTAWIENIA

Krok 4 gdy wybierzamy ustawienia pojawi się znak zapisu wydarzenia, po naciśnieciu przenosimy się do strony głównej

Badanie z użytkownikami Po wykonaniu działającego prototypu interfesju przeprowadzono badania z użytkownikami.

Wybrano 5 osób w wieku od 20 do 26 lat. Użytkownicy otrzymali 5 zadań do wykonania.

KOMENDY DLA UŻYTKOWNIKÓW a. ustaw temp. na 20 st b. włącz wszytskie lapmy na 50 % c. zasłoń wszystkie okna d. wyłącz rzutnik Osoba 1

a

Osoba 2

Osoba 3

Osoba 4

Osoba 5

Srednia

ustawianie temperatury

2s

4s

3s

2s

2s

2,6s

włączanie wszystkich lamp

3s

4s

3s

4s

2s

3,2s

c

zasłanianie okien

5s

4s

5s

6s

4s

4,8s

d

wyłączanie rzutnika

2s

2s

3s

6s

2s

3s

e

programowanie wydarzeń

8s

15s

13s

10s

12s

11,6s

b

Badanie z użytkownikami Zestawienie średnich czasów, w których wokonano zadania

2,6s

3s

a

b

3,2s 4,8s 11,6s c

d

e

e

programowanie wydarzeń

a

ustawianie temperatury

b

włączanie wszystkich lamp

c

zasłanianie okien

d

wyłączanie rzutnika - Osoba 4 miała problem z zidentyfikowaniem ikony rzutnika

Po wykonanych badaniach zapytano użytkowników co sprawiło im trudność, czy mają jakieś uwagi dotyczące ewentualnych zmian jakie możnaby wprowadzić, jak oceniają sposób poruszania się po interfejsie i jakie są ich wrażenia estetyczne.

WNIOSKI PO BADANIU Ustawienie temperatury, włączenie lamp czy zasłonienie okien nie sprawiły osobom badanym żadnych kłopotów, wykonały każde z tych poleceń w przeciągu ok. 3 s. Jedna z osób badanych miała problem z rozpoznaniem ikony rzutnika

Wprowadzanie

i zapisywanie nowego wydarzenia trwało 11,6 s i to było zadanie, nad którym osoby badane zastanawiały się najdłużej.

Według użytkowików sposób poruszania jest łatwy do zrozumienia i instynktowny. Wrażenia estetyczne były pozytywne.

UWAGI UŻYTKOWNIKÓW Użytkownicy sugerowali, że znak potwierdzenia zapisu

jest niepotrzebny ponieważ są przyzwyczajeni do autozapisu.