Master Thesis in the PDF format can be downloaded here: http://arkadius.me/user-centered-design/

1. Projektowanie zorientowane na użytkownika –
poprawa użyteczności systemu Hinc
praca magisterska wykonana pod kierunkiem dr Ewy Gurbiel
Arkadiusz Janicki
Uniwersytet Wrocławski
Wydział Matematyki i Informatyki
Instytut Informatyki
Wrocław 2011
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 1 / 44

2. Plan prezentacji
1 Wprowadzenie
2 Iteracja 1 – Moduł wskaźników
3 Iteracja 2 – Moduł planu działania
4 Iteracja 3 – Pozostałe części systemu
5 Podsumowanie

3. Cel pracy magisterskiej
kontekst: praktyka organizowana przez AIESEC
miejsce: siedziba firmy Nec Plus Ultra (NPU)
Florianópolis SC, Brazylia
czas: styczeń – lipiec 2011
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 3 / 44

4. Cel pracy magisterskiej
kontekst: praktyka organizowana przez AIESEC
miejsce: siedziba firmy Nec Plus Ultra (NPU)
Florianópolis SC, Brazylia
czas: styczeń – lipiec 2011
cel: poprawa użyteczności systemu Hinc
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 3 / 44

5. Cel pracy magisterskiej
kontekst: praktyka organizowana przez AIESEC
miejsce: siedziba firmy Nec Plus Ultra (NPU)
Florianópolis SC, Brazylia
czas: styczeń – lipiec 2011
cel: poprawa użyteczności systemu Hinc
metoda: projektowanie zorientowane na użytkownika
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 3 / 44

6. Użyteczność
Użyteczność jest atrybutem jakości który określa, jak łatwe w użyciu są
interfejsy użytkownika (...) definiowana jest przez 5 składowych:
1. Nauczalność
2. Efektywność
3. Zapamiętywalność
4. Błędy
5. Satysfakcja [Jakob Nielsen]
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 4 / 44

7. Użyteczność
Użyteczność jest atrybutem jakości który określa, jak łatwe w użyciu są
interfejsy użytkownika (...) definiowana jest przez 5 składowych:
1. Nauczalność
2. Efektywność
3. Zapamiętywalność
4. Błędy
5. Satysfakcja [Jakob Nielsen]
Użyteczność to miara wydajności, efektywności i satysfakcji z jaką
dany produkt może być używany przez określonych użytkowników dla
osiągnięcia określonych celów w określonym kontekście użycia.
[ISO 9241-11]
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 4 / 44

8. Projektowanie zorientowane na użytkownika
Projektowanie zorientowane na użytkownika
cel: tworzenie użytecznych systemów
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 5 / 44

9. Projektowanie zorientowane na użytkownika
Projektowanie zorientowane na użytkownika
cel: tworzenie użytecznych systemów
korzyści: – redukcja kosztów szkoleń użytkowników i wsparcia
technicznego
– poprawa satysfakcji, redukcja stresu i dyskomfortu
użytkowania
– poprawa produktywności użytkowników
– poprawa jakości produktu
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 5 / 44

10. Projektowanie zorientowane na użytkownika
Projektowanie zorientowane na użytkownika
cel: tworzenie użytecznych systemów
korzyści: – redukcja kosztów szkoleń użytkowników i wsparcia
technicznego
– poprawa satysfakcji, redukcja stresu i dyskomfortu
użytkowania
– poprawa produktywności użytkowników
– poprawa jakości produktu
metoda: – dokładne zrozumienie potrzeb użytkowników
– aktywne zaangażowanie użytkowników w proces projektowy
– iteracyjne projektowanie
[ISO 9241-210]
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 5 / 44

11. Proces projektowy
Zaplanuj proces
zorientowany na czowieka
Określ kontekst
użytkowania
Oceń rozwiązania Określ wymagania
pod względem wymagań użytkownika i organizacji
System spełnia
wymagania
Utwórz rozwiązania
projektowe
Zależności pomiędzy aktywnościami w procesie zorientowanym na użytkownika (na podstawie ISO 9241-210)
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 6 / 44

12. Metody użyteczności
1. Analiza kontekstu
użytkowania
użytkownicy
zadania
środowisko pracy
technologia
warunki
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 7 / 44

13. Metody użyteczności
1. Analiza kontekstu
użytkowania
użytkownicy
zadania
środowisko pracy
technologia
warunki
2. Zbieranie wymagań
wywiad z użytkownikami
wywiad środowiskowy
analiza konkurencyjnych
rozwiązań
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 7 / 44

14. Metody użyteczności
1. Analiza kontekstu 3. Utworzenie rozwiązania
użytkowania projektowego
użytkownicy prototypowanie
zadania iteracyjne projektowanie
środowisko pracy wzorce interakcji
technologia
warunki
2. Zbieranie wymagań
wywiad z użytkownikami
wywiad środowiskowy
analiza konkurencyjnych
rozwiązań
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 7 / 44

15. Metody użyteczności
1. Analiza kontekstu 3. Utworzenie rozwiązania
użytkowania projektowego
użytkownicy prototypowanie
zadania iteracyjne projektowanie
środowisko pracy wzorce interakcji
technologia
warunki 4. Ewaluacja interfejsu
metody eksperckie
2. Zbieranie wymagań np. ocena heurystyczna
wywiad z użytkownikami metody empiryczne
testy z udziałem
wywiad środowiskowy
użytkowników
analiza konkurencyjnych
rozwiązań
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 7 / 44

16. Informacje o systemie Hinc
System Hinc
cel: wspieranie pracy w organizacji
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 8 / 44

17. Informacje o systemie Hinc
System Hinc
cel: wspieranie pracy w organizacji
producent: Nec Plus Ultra, rozwijany od 2000 roku
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 8 / 44

18. Informacje o systemie Hinc
System Hinc
cel: wspieranie pracy w organizacji
producent: Nec Plus Ultra, rozwijany od 2000 roku
klienci: – dział konsultingowy firmy Nec Plus Ultra
– wydział planowania administracji stanu Santa Catarina
– inne firmy i organizacje publiczne
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 8 / 44

19. Informacje o systemie Hinc
System Hinc
cel: wspieranie pracy w organizacji
producent: Nec Plus Ultra, rozwijany od 2000 roku
klienci: – dział konsultingowy firmy Nec Plus Ultra
– wydział planowania administracji stanu Santa Catarina
– inne firmy i organizacje publiczne
technologia: – aplikacja internetowa
– Java, HTML, CSS, Ext GWT, SmartGWT
– Tomcat, PostgresSQL
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 8 / 44

20. Architektura systemu Hinc
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 9 / 44

21. Plan prezentacji
1 Wprowadzenie
2 Iteracja 1 – Moduł wskaźników
3 Iteracja 2 – Moduł planu działania
4 Iteracja 3 – Pozostałe części systemu
5 Podsumowanie

22. Zakres prac iteracji 1
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 11 / 44

23. Użytkownicy modułu wskaźników
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 12 / 44

24. Moduł wskaźników

27. Poprawa użyteczności - iteracja 1
Analiza kontekstu użytkowania
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 16 / 44

28. Poprawa użyteczności - iteracja 1
Analiza kontekstu użytkowania
Ocena heurystyczna
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 16 / 44

29. Poprawa użyteczności - iteracja 1
Analiza kontekstu użytkowania
Ocena heurystyczna
Prototypy:
1 lista celów (regionów)
2 szczegóły celu (regionu)
3 lista szablonów
4 szczegóły szablonu
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 16 / 44

30. Poprawa użyteczności - iteracja 1
Analiza kontekstu użytkowania
Ocena heurystyczna
Prototypy:
1 lista celów (regionów)
2 szczegóły celu (regionu)
3 lista szablonów
4 szczegóły szablonu
Testy użyteczności
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 16 / 44

31. Poprawa użyteczności - iteracja 1
Analiza kontekstu użytkowania
Ocena heurystyczna
Prototypy:
1 lista celów (regionów)
2 szczegóły celu (regionu)
3 lista szablonów
4 szczegóły szablonu
Testy użyteczności
Implementacja
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 16 / 44

36. Plan prezentacji
1 Wprowadzenie
2 Iteracja 1 – Moduł wskaźników
3 Iteracja 2 – Moduł planu działania
4 Iteracja 3 – Pozostałe części systemu
5 Podsumowanie

37. Zakres prac iteracji 2
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 22 / 44

38. Użytkownicy systemu Hinc (firma NPU)
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 23 / 44

42. Poprawa użyteczności - iteracja 2
Analiza kontekstu użytkowania
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 27 / 44

43. Poprawa użyteczności - iteracja 2
Analiza kontekstu użytkowania
Analiza konkurencyjnych rozwiązań
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 27 / 44

44. Poprawa użyteczności - iteracja 2
Analiza kontekstu użytkowania
Analiza konkurencyjnych rozwiązań
Ocena heurystyczna
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 27 / 44

45. Poprawa użyteczności - iteracja 2
Analiza kontekstu użytkowania
Analiza konkurencyjnych rozwiązań
Ocena heurystyczna
Testy użyteczności
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 27 / 44

46. Poprawa użyteczności - iteracja 2
Analiza kontekstu użytkowania
Analiza konkurencyjnych rozwiązań
Ocena heurystyczna
Testy użyteczności
Propozycje i prototypy
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 27 / 44

47. Poprawa użyteczności - iteracja 2
Analiza kontekstu użytkowania
Analiza konkurencyjnych rozwiązań
Ocena heurystyczna
Testy użyteczności
Propozycje i prototypy
Częściowa implementacja rozwiązań
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 27 / 44

52. Plan prezentacji
1 Wprowadzenie
2 Iteracja 1 – Moduł wskaźników
3 Iteracja 2 – Moduł planu działania
4 Iteracja 3 – Pozostałe części systemu
5 Podsumowanie

53. Zakres prac iteracji 3
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 33 / 44

54. Poprawa użyteczności – iteracja 3
Analiza kontekstu użytkowania
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 34 / 44

55. Poprawa użyteczności – iteracja 3
Analiza kontekstu użytkowania
Analiza konkurencyjnych rozwiązań
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 34 / 44

56. Poprawa użyteczności – iteracja 3
Analiza kontekstu użytkowania
Analiza konkurencyjnych rozwiązań
Szybkie prototypy
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 34 / 44

61. Plan prezentacji
1 Wprowadzenie
2 Iteracja 1 – Moduł wskaźników
3 Iteracja 2 – Moduł planu działania
4 Iteracja 3 – Pozostałe części systemu
5 Podsumowanie

62. Czas trwania praktyki
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 40 / 44

63. Wykonane prace
Analiza i wymagania
– kontekst użytkowania
– konkurencyjne rozwiązania
– ocena heurystyczna (moduł wskaźników i planu działania)
– testy użyteczności
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 41 / 44

64. Wykonane prace
Analiza i wymagania
– kontekst użytkowania
– konkurencyjne rozwiązania
– ocena heurystyczna (moduł wskaźników i planu działania)
– testy użyteczności
Prototypy
– moduł wskaźników (szczegółowe projekty)
– moduł planu działania (szczegółowe projekty)
– pozostałe części systemu (szybkie prototypy)
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 41 / 44

65. Wykonane prace
Analiza i wymagania
– kontekst użytkowania
– konkurencyjne rozwiązania
– ocena heurystyczna (moduł wskaźników i planu działania)
– testy użyteczności
Prototypy
– moduł wskaźników (szczegółowe projekty)
– moduł planu działania (szczegółowe projekty)
– pozostałe części systemu (szybkie prototypy)
Ewaluacja
– testy użyteczności prototypów
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 41 / 44

66. Wykonane prace
Analiza i wymagania
– kontekst użytkowania
– konkurencyjne rozwiązania
– ocena heurystyczna (moduł wskaźników i planu działania)
– testy użyteczności
Prototypy
– moduł wskaźników (szczegółowe projekty)
– moduł planu działania (szczegółowe projekty)
– pozostałe części systemu (szybkie prototypy)
Ewaluacja
– testy użyteczności prototypów
Implementacja
– moduł wskaźników (100%)
– moduł planu działania (50%)
– pozostałe części systemu (0%)
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 41 / 44

67. Wyniki
eliminacja wszystkich krytycznych ( ) i większości pozostałych
problemów użyteczności
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 42 / 44

68. Wyniki
eliminacja wszystkich krytycznych ( ) i większości pozostałych
problemów użyteczności
ujednolicenie wyglądu interfejsu użytkownika
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 42 / 44

69. Wyniki
eliminacja wszystkich krytycznych ( ) i większości pozostałych
problemów użyteczności
ujednolicenie wyglądu interfejsu użytkownika
ułatwienie wykonywania podstawowych zadań
(poprawa produktywności)
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 42 / 44

70. Wyniki
eliminacja wszystkich krytycznych ( ) i większości pozostałych
problemów użyteczności
ujednolicenie wyglądu interfejsu użytkownika
ułatwienie wykonywania podstawowych zadań
(poprawa produktywności)
zmniejszenie ryzyka popełnienia poważnych błędów
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 42 / 44

71. Wyniki
eliminacja wszystkich krytycznych ( ) i większości pozostałych
problemów użyteczności
ujednolicenie wyglądu interfejsu użytkownika
ułatwienie wykonywania podstawowych zadań
(poprawa produktywności)
zmniejszenie ryzyka popełnienia poważnych błędów
poprawa jakości całego systemu
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 42 / 44

72. Realizacja celu praktyki
Cel: poprawa użyteczności systemu Hinc
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 43 / 44

73. Realizacja celu praktyki
Cel: poprawa użyteczności systemu Hinc
W opinii kierownictwa projektu: sukces
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 43 / 44

74. Realizacja celu praktyki
Cel: poprawa użyteczności systemu Hinc
W opinii kierownictwa projektu: sukces
W opinii użytkowników: sukces
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 43 / 44

75. Realizacja celu praktyki
Cel: poprawa użyteczności systemu Hinc
W opinii kierownictwa projektu: sukces
W opinii użytkowników: sukces
W opinii autora: sukces
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 43 / 44

76. Koniec
Dziękuję za uwagę.
Arkadiusz Janicki Projektowanie zorientowane na użytkownika 44 / 44