co to jest komunikacja-człowiek komputer? · – inżynieria oprogramowania biocybernetyka ......

35
Co to jest Komunikacja-Człowiek Komputer? Wojciech Jaśkowski (niektóre slajdy: J. Jelonek)

Upload: vannhi

Post on 28-Feb-2019

220 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

Co to jest Komunikacja-Człowiek Komputer?

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

Page 2: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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”?

Page 3: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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

Page 4: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

4 / 36

Dlaczego to jest złe GUI?

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

Page 5: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

5 / 36

Jak dokonać check in'u?

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

Page 6: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

6 / 36

Można lepiej

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

Page 7: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

7 / 36

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

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

Page 8: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

8 / 36

Można lepiej?

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

Page 9: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe
Page 10: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe
Page 11: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe
Page 12: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe
Page 13: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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ąć

Page 14: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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”

Page 15: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

15 / 36

Ben Schneiderman: Tree Mapping

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

Page 16: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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

Page 17: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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

Page 18: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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.

Page 19: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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

Page 20: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

20 / 36

Informacje i zaliczenie

● 4 ECTS● Zaliczenie: Kolokwium

Page 21: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

21 / 36

Informacje i zaliczenie

● 4 ECTS● Zaliczenie: Kolokwium

Page 22: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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

Page 23: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe
Page 24: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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

Page 25: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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

Page 26: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe
Page 27: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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

Page 28: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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

informacji

Page 29: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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

Page 30: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe
Page 31: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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

Page 32: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

Projektowanie produktów

Page 33: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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

Page 34: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

Projektowanie doznań… Kansei engineering

Page 35: Co to jest Komunikacja-Człowiek Komputer? · – inżynieria oprogramowania Biocybernetyka ... inżynieria użyteczności projektowanie interakcji. cyfrowe / elektroniczne analogowe

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/