Humans in HCI An Introduction
Transcript of Humans in HCI An Introduction
![Page 1: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/1.jpg)
Humans in HCI – An Introduction
Katrin Wolf1
Image Source https://pixabay.com/de/photos/menschen-personen-versammlung-58331/ by Hans
![Page 2: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/2.jpg)
Learning Goals
▪ Understanding how human cognitive and physical abilities and limitations define ergonomics in HCI
Humans in HCI – An Introduction Katrin Wolf2
![Page 3: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/3.jpg)
Definition: Ergonomics
▪ the process of designing or arranging workplaces, products and systems so that they fit the people who use them.
Humans in HCI – An Introduction Katrin Wolf3
https://www.ergonomics.com.au/what-is-ergonomics/ Image Source
![Page 4: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/4.jpg)
Ergonomics
Humans in HCI – An Introduction Katrin Wolf4
Image Source https://upload.wikimedia.org/wikipedia/commons/6/66/Bauentwurfslehre.JPG by Wasily
![Page 5: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/5.jpg)
Ergonomics
Humans in HCI – An Introduction Katrin Wolf5
Image Source https://commons.wikimedia.org/wiki/File:Bladzijde_uit_Bauentwurfslehre.JPG by Wasily
![Page 6: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/6.jpg)
Ergonomics
Humans in HCI – An Introduction Katrin Wolf6
Image https://upload.wikimedia.org/wikipedia/commons/3/35/Computer_Workstation_Variables.jpg by Berkeley Lab
![Page 7: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/7.jpg)
Examples
Humans in HCI – An Introduction Katrin Wolf7
Image Source https://pxhere.com/en/photo/908978
![Page 8: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/8.jpg)
Examples
Humans in HCI – An Introduction Katrin Wolf8
Image Source https://www.flickr.com/photos/mastermaq/13491326804 by Mack Male
![Page 9: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/9.jpg)
Examples
Humans in HCI – An Introduction Katrin Wolf9
Image Source https://de.wikipedia.org/wiki/Sehtest#/media/Datei:Snellen_chart.svg by Jeff Dahl
![Page 10: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/10.jpg)
Examples
Humans in HCI – An Introduction Katrin Wolf10
Image Source https://upload.wikimedia.org/wikipedia/commons/a/a4/LCD_TFT_Screen_Closeup.jpg by Falkeith
![Page 11: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/11.jpg)
Examples
Humans in HCI – An Introduction Katrin Wolf11
Image after https://commons.wikimedia.org/wiki/File:Photoreceptor_cell.jpg by Manu5 and
https://commons.wikimedia.org/wiki/File:ConeMosaics.jpg by Mark Fairchild
![Page 12: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/12.jpg)
Examples
Humans in HCI – An Introduction Katrin Wolf12
Video Source https://vimeo.com/17232563 by Rodney Berry
![Page 13: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/13.jpg)
Examples
Humans in HCI – An Introduction Katrin Wolf13
Image Source https://commons.wikimedia.org/wiki/File:Five_senses.jpg by Allan-Hermann Pool,
https://de.wikipedia.org/wiki/Datei:Aristotle_Altemps_Inv8575.jpg by Jastrow
![Page 14: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/14.jpg)
Examples
Humans in HCI – An Introduction Katrin Wolf14
Image Source https://de.wikipedia.org/wiki/Datei:Steiner_um_1905.jpg by Googol30 and
https://commons.wikimedia.org/wiki/File:Dancing_Feet_(193003991).jpeg by Rodrigo.Argenton and
https://www.piqsels.com/en/search?q=selfie+photography
![Page 15: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/15.jpg)
Humans in HCI – An Introduction Katrin Wolf15
Examples
![Page 16: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/16.jpg)
Examples
Humans in HCI – An Introduction Katrin Wolf16
Image https://www.pexels.com/de-de/foto/arbeitsplatz-ausbildung-bildung-computer-2696299/ by Oladimeji Ajegbile
![Page 17: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/17.jpg)
Examples
Humans in HCI – An Introduction Katrin Wolf17
Image Source https://www.pxfuel.com/en/free-photo-oibih by
![Page 18: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/18.jpg)
Humans in HCI
▪ Perception
▪ Cognition
▪ Emotions
▪ Motor system
Humans in HCI – An Introduction Katrin Wolf18
https://www.ergonomics.com.au/what-is-ergonomics/ Image Source
![Page 19: Humans in HCI An Introduction](https://reader030.fdocuments.in/reader030/viewer/2022012507/6183978c09f55521625b7d55/html5/thumbnails/19.jpg)
License
Katrin Wolf
This file is licensed under the Creative Commons Attribution-Share Alike 4.0 (CC BY-SA) license:
https://creativecommons.org/licenses/by-sa/4.0
Attribution: Katrin Wolf
For more content see: https://hci-lecture.de