Projekt badania interfejsu

Prezentacja projektu interakcji i wizualnej postaci interfejsu

Prototyp badania z użytkownikiem

Wyniki badania prototypu

Projekt layoutu

Projekt badania interfejsu do sterowania urządzeniami w sali ZBWiI. Ewelina Bidzińska Badania użyteczności 2012/2013 prowadzący: prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Prototyp interfejsu po badaniu

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Prototyp badania z użytkownikiem

Wyniki badania prototypu

Pracownia Zakładu Badań Wizualnych i Interakcji

Funkcje interfejsu dla Pracowni Zakładu Badań Projekt layoutu Wizualnych i Interakcji Możliwość manipulowania obiektami interakcji w fizycznej i wirtualnej przestrzeni: 1. Manipulowanie żaluzjami okiennymi ( podnoszenie i opuszczanie żaluzji ) 2. Sterowanie oświetleniem w pomieszczeniu 3. Sterowanie projektorem ( włączanie, wyłączanie ) 4. manipulowanie ekranem ( chowanie, wysuwanie) 5. ustawianie oczekiwanej temperatury dla pomieszczenia 6. ustawianie zegara i alarmu Pośredniczenie pomiędzy użytkownikiem a urządzeniami

Prototyp interfejsu po badaniu

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Prototyp badania z użytkownikiem

Wyniki badania prototypu

Prototyp interfejsu po badaniu

Card Sorting

Card sorting to narzędzie wykorzystywane do Projekt layoutu badania które ma na celu określanie grup pojęć budujących architekturę informacji Osoba badana miała pojęcia (nazwy elementów z lewej strony), zadanie polegało na pogrupowaniu elementów i nazwaniu grupy

Przebadanych zostało 10 osób Wyniki pokazują jak osoby badane pogrupowały pojecia i jakie nadały im nazwy, oraz ile osob wykonało to tak samo 7 na 10 badanych zgrupowało pojęcia nastepująco

lista pojęć oświetlenie lampa wszystkie lampy prezentacja rzutnik ekran komputer temperatura klimatyzacja

ogrzewanie ... temp C żaluzje wszystkie żaluzje żaluzja natężenie światła zegar kalendarz tryb automatyczny automatyczny

Wyłonione grupy i ich nazwy

oświetlenie

żaluzje

oświetlenie lampa wyszytkie lampy nateżenie światła

żaluzje wszystkie żaluzje żaluzja

media

temperatura

rzutnik ekran komputer prezentacja

temperatura klimatyzacja ogrzewanie temp C

data

tryb pracy

zegar kalendarz

tryb automatyczny automatyczny dadaj własny tryb

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Prototyp badania z użytkownikiem

Wyniki badania prototypu

Paper prototyping

Służy do wstępnych konsultacji koncepcji, pomysłów, Projekt layoutu interakcji z użytkownikiem w formie papierowej 16 kartek stanów Zmiana stanu na każdej nastepnej kartce Moderator rejestruje uwagi i komentarze użytkowników

Wnioski: nieczytelna ikona żaluzji, brak dostepu do kazdej kategorii z 2 poziomu,

Prototyp interfejsu po badaniu

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Prototyp badania z użytkownikiem

tryby pracy

Prototyp interfejsu po badaniu

Projekt layoutu interfejsu

Strona główna Projekt layoutu home

Wyniki badania prototypu

oświetlenie

Kolorystyka media temperatura żaluzje

aktywny element po naciśnięciu

Typografia menu główne

Myriad Pro

A A A Rozmiar

102 mm

68 mm

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Prototyp badania z użytkownikiem

Wyniki badania prototypu

Prototyp interfejsu po badaniu

Interakcje

Prezentacja poszczególnych stanów interfejsu Projekt layoutu dla zakładek menu głównego tryb pracy klik

zmiana koloru nowe okno klik tryby pracy

tryby pracy

edytuj usuń

=|=

klik dodaj nowyklik dodaj aktualny

1 stan po najechaniu kursorem na pole elementu

stan po kliknięciu w element

1

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Projekt layoutu

Prototyp badania z użytkownikiem

Wyniki badania prototypu

Prototyp interfejsu po badaniu

Interakcje stan po naciśnięciu elementu

stan po najechaniu kursorem na pole elementu

oświetlenie klik

aktywny zmiana koloru nowe okno klik

aktywny

oświetlenie

wszystkie biuro sala

media klik

aktywny zmiana koloru nowe okno klik komputerklik

media

rzutnik projektor

stan po naciśnięciu elementu

stan po najechaniu kursorem na pole elementu

klik

aktywny

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Prototyp badania z użytkownikiem

Wyniki badania prototypu

Prototyp interfejsu po badaniu

Interakcje

Projekt layoutu stan po najechaniu kursorem na pole elementu

temperatura klik

zakres +1 klik -1

temperatura

okno po kliknieciu w strzałki wizualizuje stan rzeczywisty

zmiana temp

stan po najechaniu kursorem na pole elementu

żaluzje klik

żaluzje

aktywny zmiana koloru nowe okno

aktywny zmiana koloru nowe okno aktywny góra klik dół góra dół góra dół góra dół wszystkie góra dół

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Prototyp badania z użytkownikiem

Wyniki badania prototypu

Badanie z użytkownikami

Projekt layoutu Cel badania – Wykazanie błędów w funkcjonalności.

– sprawdzenie interakcji użytkownika z interfejsem – sprawdenie czy użytkownik nie ma trudności w poruszaniu się po interfejsiesprawdzenie – czytelności layoutu, – intuicyjności, – poprawności zakładanych zachowań użytkowników

Opis badania – 4 zadania – 3 osoby badane – zapisanie czasu wykonywania badania – ankieta po badaniu, pytanie o komentarze na temat interfejsu – przed przystąpieniem do badania osoba badana dostanie liste zadań, – moderator bedzie czytał kolejno zadania i mierzył czas wykonywania oraz zapisywał komentarze użytkownika oraz wnioski z sposobu poruszania się użytkownika po interfejsie

Prototyp interfejsu po badaniu

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Prototyp badania z użytkownikiem

Wyniki badania prototypu

Prototyp interfejsu po badaniu

Wyniki badania

Zadania Projekt layoutu 1. Dadaj nowy tryb pracy 2. Opuść 1 zaluzje do końca i 1 żaluzję do połowy 3. Załącz lampy w biurze a nastepnie je wyłącz 4. Ustaw temperaturę na 22*C

Wnioski 1. konieczna zmiana ikony trybów pracy 2. elementy czytelne 3. konieczność dodania możliwość odklikania akcji 4. elementy czytelne

sprawdzenie najbardziej newralgicznego elementu interfejsu sprawdzenie czytelnosci elementów sprawdzenie akcji i akcji odwracajacej sprawdzenie czytelnosci elementów

wyniki badania z użytkownikami czas wykonywania poleceń

ilość kliknięć zadanie

1

2

3

4

U1

18 sek

6 sek

7 sek

4 sek

U2

48 sek

7 sek

7 sek

3 sek

U3

6sek

25sek

24 sek

4 sek

użytkownik

użytkownik

zadanie

Ze wzgledu na nauke obsługiwania przy każdym kolejnym zadaniu,postanowiono zmienić kolejność zadań, zastosowano to dla użytkownika 3. Postawiono mu zadania w kolejności: zad 2,3,4,1 zamiast 1,2,3,4. Wyraźnie widać ze jego wynik 1 zadania jest o wiele niższy niż pozostałych użytkowników, zato zad2 które było postawione jako pierwsze wypadło o wiele gożej od pozostałych użytkowników

1

2

3

4

U1

6

5

3

3

U2

10

4

3

3

U3

4

6

5

3

Komentarze -powinno się dać odklikać, nie tylko usuwać X, - napisy np. tryb pracy nieczytelne - ikona trybów pracy kojarzy sie z ustawieniami - szybko uczy sie obsługiwac, z każdym zadaniem interfejs jest czytelniejszy

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Prototyp badania z użytkownikiem

Proponowane zmiany

Projekt layoutu

dodać możliwość ’odklikania’ akcji

zwiększyć czytelność podpisów elementów

zmienić ikone trybów pracy

Wyniki badania prototypu

Prototyp interfejsu po badaniu

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Interfejs po zmianach

Projekt layoutu

zmiana naczytelnej ikony trybów pracy przed po

zmiana naczytelnych nagłówków zmiana punktacji na większą z podlewem przed

Prototyp badania z użytkownikiem

po

Wyniki badania prototypu

Prototyp interfejsu po badaniu

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Prototyp badania z użytkownikiem

Interfejs po zmianach

zmiana rozmieszczenia Projekt layoutu

przed

po

dodanie możliwość ’odklikania’ akcji bez koniecznosci użycia przycisku ‘wyłącz wszystkie’

Wyniki badania prototypu

Prototyp interfejsu po badaniu

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Prototyp badania z użytkownikiem

Wyniki badania prototypu

Badanie z użytkownikami II

Projekt layoutu Cel badania – Wykazanie błędów w funkcjonalności.

– sprawdzenie interakcji użytkownika z interfejsem – sprawdenie czy użytkownik nie ma trudności w poruszaniu się po interfejsiesprawdzenie – czytelności layoutu, – intuicyjności, – poprawności zakładanych zachowań użytkowników

Opis badania – 4 zadania – 3 osoby badane – zapisanie czasu wykonywania badania – ankieta po badaniu, pytanie o komentarze na temat interfejsu

– przed przystąpieniem do badania osoba badana dostanie liste zadań, – będzie mogła swobodnie zapoznać się z interfejsem – moderator bedzie czytał kolejno zadania i mierzył czas wykonywania oraz zapisywał komentarze użytkownika oraz wnioski z sposobu poruszania się użytkownika po interfejsie

Prototyp interfejsu po badaniu

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Prototyp badania z użytkownikiem

Wyniki badania prototypu

Prototyp interfejsu po badaniu

Wyniki badania II

Zadania Projekt layoutu 1. Dadaj nowy tryb pracy 2. Opuść 1 zaluzje do końca i 1 żaluzję do połowy 3. Załącz lampy w biurze a nastepnie je wyłącz 4. Ustaw temperaturę na 22*C

sprawdzenie najbardziej newralgicznego elementu interfejsu sprawdzenie czytelnosci elementów sprawdzenie akcji i akcji odwracajacej sprawdzenie czytelnosci elementów

Wnioski 1. zmiana ikony poprawiła czytelność 2. elementy nieaktywne outlinem 3. poprawne 4. dodanie opcji wł. i wył.

wyniki badania z użytkownikami czas wykonywania poleceń

ilość kliknięć zadanie

1

2

3

4

U1

9 sek

8 sek

6 sek

4 sek

U2

5 sek

5 sek

4 sek

2.8 sek

U3

2,7 sek 2.2 sek 4.5 sek 2.9 sek

użytkownik

użytkownik

zadanie

Komentarze – Ikona trybu pracy odstaje od reszty ikon, brakuje jej światła – Ogrzewanie/klimatyzacja powinna mieć opcje włącz i wyłącz

1

2

3

4

U1

3

4

3

3

U2

3

4

3

3

U3

2

4

3

3

Wnioski – Ikona trybów pracy stała się czytelna czas wykonywania pierwszego zadania znacznie się obniżył – Zmiana ikony trybów pracy (dodanie dodanie światła) – Dodanie opcji wł i wył. w ‘sterowaniu temperaturą’ – Zmiana nieaktywnych strzałek na outline

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Prototyp badania z użytkownikiem

Projekt layoutu interfejsu po badaniu II

Projekt layoutu

– Zmiana home przed

po

– Dodanie opcji wł i wył. w ‘sterowaniu temperaturą’ przed

Wyniki badania prototypu

po

Prototyp interfejsu po badaniu

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Prototyp badania z użytkownikiem

Projekt layoutu interfejsu po badaniu II

Projekt layoutu

– Zmiana nieaktywnych strzałek na outline przed

po

– Zmiana ułożenia elementów w zakładce oświetlenie przed

Wyniki badania prototypu

po

Prototyp interfejsu po badaniu

Prezentacja projektu interakcji i wizualnej postaci interfejsu Ewelina Bidzińska Badania użyteczności 2012/2013 prof. ASP Wiesław Gdowicz, asyst. Marta Więckowska

Prototyp badania z użytkownikiem

Wyniki badania prototypu

Prototyp interfejsu po badaniu

Prezentacja interfejsu po zmianach

Projekt layoutu

tryby pracy

oświetlenie

media

temperatura

żaluzje