Co to jest Komunikacja-Człowiek Komputer?

Wojciech Jaśkowski (niektóre slajdy: J. Jelonek)

2 / 36

Błąd ludzki przyczyną katastrof?

● Wypadek w elektrowni jądrowej Three Mile Island (1979)– stopienie rdzenia, napromieniowanie, 975mln $

strat– „błąd ludzki”? Czujnik – sygnał elektryczny

● Tu-154 (2010)– „Trzech członków załogi – dowódca, drugi pilot i

nawigator – posługiwało się różnymi wysokościami”

– „błąd ludzki”?

3 / 36

Złe projekty

● Przyciski w w indzie. Ludzie często przez pomyłkę naciskają „ikonkę” zamiast przycisku. Dlaczego zdarza się to tylko w dolnym wierszu?

http://www.baddesigns.com/elecon.html

4 / 36

Dlaczego to jest złe GUI?

http://www.localoaf.org/2006/12/27/defeating-the-expectation-of-bad-ui/

5 / 36

Jak dokonać check in'u?

http://www.ssw.com.au/ssw/standards/rules/RulesToBetterInterfaces.aspx

6 / 36

Można lepiej

http://www.ssw.com.au/ssw/standards/rules/RulesToBetterInterfaces.aspx

7 / 36

Która gałka pasuje do którego palnika?

http://www.ssw.com.au/ssw/standards/rules/RulesToBetterInterfaces.aspx

8 / 36

Można lepiej?

http://www.ssw.com.au/ssw/standards/rules/RulesToBetterInterfaces.aspx

13 / 36

Co to jest HCI?

● HCI = Human-Computer Interaction● Scott Klemmer http://goo.gl/XWLZB

– Iteracja: Projekt → Implementacja → Ewaluacja → – W centrum projektowania jest człowiek– Dobry projekt: przyjemność, efektywność– Zły projekt: śmierć, straty finansowe, frustracja

● W ielu prob lemów łatwo da się uniknąć

14 / 36

Co to jest HCI?

● HCI łączy:– Inżynierię i człowieka– Naukę i sztukę– Zabawę i uczenie się– Racjonalnalność i emocje– Eksperymenty i teorie

● Ben Shneiderman:http://www.youtube.com/embed/bmokQu344rY– HCI ↔ „Leonardo da Vinci approach”

15 / 36

Ben Schneiderman: Tree Mapping

Foam Tree: http://get.carrotsearch.com/foamtree/demo/

16 / 36

Definicja HCI

KCK zajmuje się problematyką „projektowania, ewaluacji i implementacji interaktywnych systemów komputerowych używanych przez człowieka” (ACM S IGCH I, 1992, p. 6)

● SIGCHI = The Association for Computing Machinery Special Interest Group on Computer Human Interaction

17 / 36

Cele KCK

● Projektowanie interfejsów naturalnych, wygodnych, łatwych do nauki, bezpiecznych, sprawiających frajdę

● Zwiększanie efektywności człowieka → wspomaganie procesów poznawczych (edukacja, terapia, bezpieczeństwo)

● Kompensowanie deficytów osób niepełnosprawnych

● Techniki oceny i porównywania interfejsów ● Tworzenie modeli predykcyjnych dot. interakcji

18 / 36

Dziedziny związane z HCI

Kognitywistyka – psychologia, – psychofizjologia, – neurobiologia, – lingwistyka, fonetyka.

Informatyka– sztuczna inteligencja (odkrywanie wiedzy, metody

optymalizacji, uczenie maszynowe),– analiza i przetwarzanie sygnału (dźwięk, obraz),– grafika komputerowa, modelowanie 3D. – inżynieria oprogramowania

Biocybernetyka – elektronika (systemy mikroprocesorowe),– sensory & efektory.

19 / 36

Tematy wykładów1. Wstęp, Python, narzędzia

2. Kolory

3. Podstawy przetwarzania obrazów

4. Podstawy przetwarzania dźwięków

5. Sensory

6. Historia

7. Zrozumieć użytkownika

8. Prototypowanie

9. Zasady projektowania, ewaluacja heurystyczna

10.Reprezentacje, modele mentalne, rozpraszanie poznawcze

11.Widzenie, postrzeganie i czytanie

12.Wizualizacja danych

20 / 36

Informacje i zaliczenie

● 4 ECTS● Zaliczenie: Kolokwium

21 / 36

Informacje i zaliczenie

● 4 ECTS● Zaliczenie: Kolokwium

22 / 36

HCI a inne dziedziny zorientowane na użytkownika

cyfrowe / elektroniczne

analogowe / mechaniczne

emocjonale

/ subiektywne

racj

onal

e / o

biek

tyw

ne

ergonomiaprojektowanie doznań

HCI

projektowanie gier

projektowanie produktów

projektowanie informacji

architektura informacji

inżynieria użyteczności

projektowanie interakcji

cyfrowe / elektroniczne

analogowe / mechaniczneemocjonale

/ subiektywne

racj

onal

e / o

biek

tyw

ne

ergonomiaprojektowanie doznań

HCI

projektowanie gier

projektowanie produktów

projektowanie informacji

architektura informacji

inżynieria użyteczności

projektowanie interakcji

Ergonomia

Ergonomia (Wojciech Jastrzębowski, 1857) - nauka o pracy, ● dostosowanie pracy do

możliwości psychofizycznych człowieka.

● Taka organizacja układu: człowiek-maszyna-warunki otoczenia, aby wykonywana była przy możliwie niskim koszcie biologicznym i najbardziej efektywnie

cyfrowe / elektroniczne

analogowe / mechaniczneem

ocjo

nale

/ su

biek

tyw

ne

racj

onal

e / o

biek

tyw

ne

ergonomiaprojektowanie doznań

HCI

projektowanie gier

projektowanie produktów

projektowanie informacji

architektura informacji

inżynieria użyteczności

projektowanie interakcji

Architektura informacji – sposób uporządkowania i wzajemnego powiązania

informacji

cyfrowe / elektroniczne

analogowe / mechaniczneem

ocjo

nale

/ su

biek

tyw

ne

racj

onal

e / o

biek

tyw

ne

ergonomiaprojektowanie doznań

HCI

projektowanie gier

projektowanie produktów

projektowanie informacji

architektura informacji

inżynieria użyteczności

projektowanie interakcji

cyfrowe / elektroniczne

analogowe / mechaniczneem

ocjo

nale

/ su

biek

tyw

ne

racj

onal

e / o

biek

tyw

ne

ergonomiaprojektowanie doznań

HCI

projektowanie gier

projektowanie produktów

projektowanie informacji

architektura informacji

inżynieria użyteczności

projektowanie interakcji

Projektowanie produktów

cyfrowe / elektroniczne

analogowe / mechaniczneem

ocjo

nale

/ su

biek

tyw

ne

racj

onal

e / o

biek

tyw

ne

ergonomiaprojektowanie doznań

HCI

projektowanie gier

projektowanie produktów

projektowanie informacji

architektura informacji

inżynieria użyteczności

projektowanie interakcji

Projektowanie doznań… Kansei engineering

36 / 36

Historia HCI

● Scott Klemmer: The birth of HCI: http://www.youtube.com/embed/7OVnVsbGzG8– 1945: Vannevar Bush „As we may think”

● Memex

– Lata 1950: Kontradmirał Grace Hopper● pierwszy kompilator: odpowiednie narzędzia → większy dostęp do obliczeń

– 1963: Ivan Sutherland● Pierwsze GUI: Sketchpad https://www.youtube.com/watch?v=495nCzxM9PI

– 1968: Engelbart● Mysz (jedna z pierwszych)

– 1981: Xerox● Xerox 8010 Information System: GUI, ikony, katalogi, (2-przyciskowa) mysz, etc.

– Bill Buxton: „The long nose of innovation”● Historia na linii czasu: http://www.dipity.com/bjoern/personal/