Hide Notes 

Slide 1: ⁄ A Project ⁄ Communication Design M1 ⁄ HTWG Constance Touch Research
Slide 2: Introduction
Slide 3: ⁄ Digital Marketing IT Consultant ⁄ A spectrum of projects, from international marketing to IT. ⁄ http://about.felgner.ch
Slide 5: ⁄ Dani Costa Filipe ⁄ Felix Seyfarth ⁄ Fan Zhang ⁄ Florian Roebig ⁄ Joel Lück ⁄ Laura Pabst ⁄ Liesa Maier ⁄ Stefan Herzet
Slide 6: ⁄ On Wednesdays ⁄ 8:45 AM - 11:15 AM ⁄ M003
Slide 7: ⁄ Organisation & Private Presentations/ Results: http://ww.serverkd.de ⁄ Public Results: http://tinyurl.com/4ufc7c and http://www.slideshare.net/haraldf
Slide 8: P1: Inspiration
Slide 9: History
Slide 10: ⁄ Goal: Understand the history of human computer interfaces ⁄ Approach: ⁄ Form groups of 1 or 2 ⁄ Choose a topic ⁄ Prepare a 15-minute preparation
Slide 11: 1. How did humans interact with computers between 1940 and 1970? Were there computers anyway? ⁄ Dani & Florian ⁄ Results: Binary; Transistors & ICs; there was always a keyboard!; we had no GUI before 1970 2. How could one interact via a command line interface? Disadvantages? Advantages? ⁄ Fan ⁄ Results: You need to control technology!; a CLI can be faster/ more efficient; you need to speak the language
Slide 12: 3. Who invented the mouse? How did ancient mice look like? ⁄ Laura & Felix ⁄ Results: Technology is always invented for military purposes; there was no need for the (existing) mouse for quite some time; it was developed for zero gravity 4. Are there alternatives to the mouse? ⁄ Joel ⁄ Results: The trackball has the highest market share among the rest of pointing devices; speech control works only in silence; brain mouse might be the future!
Slide 13: 5. Present the iPhone. What is special concerning HCI? ⁄ Liesa ⁄ Results: Sometimes, using fingers is less efficient; 2 fingers is the innovation; there is only one hardware interface element left 6. Present Bill Buxton’s overview of multi-touch. ⁄ Stefan
Slide 14: Links
Slide 15: ⁄ http://en.wikipedia.org/wiki/Konrad_Zuse ⁄ http://en.wikipedia.org/wiki/ENIAC ⁄ http://en.wikipedia.org/wiki/Command_line_interface ⁄ http://en.wikipedia.org/wiki/Douglas_Engelbart ⁄ http://discuss.fogcreek.com/joelonsoftware/default.asp ?cmd=show&ixPost=56366
Slide 16: ⁄ http://www.apple.com/iphone/ads/ad5/ ⁄ http://www.edwardtufte.com/bboard/iphone- video.adp ⁄ http://www.billbuxton.com/multitouchOverview.html ⁄ http://www.youtube.com/watch?v=UcKqyn-gUbY ⁄ http://www.youtube.com/watch?v=Id43juZ3_o0 ⁄ http://www.youtube.com/watch?v=v4Kl3_aU1bY ⁄ http://www.youtube.com/watch?v=ttQOQDu-IQs
Slide 17: Faces
Slide 18: ⁄ 1934 – Paul Otlet: Information science ⁄ 1945 – Vannevar Bush: Memex machine ⁄ 1960 – J.C.R. Licklider: Man computer symbiosis ⁄ 1965 – Ted Nelson, Hypertext as an idea ⁄ 1968 – Doug Engelbart, First hypertext system (and mouse) ⁄ 1969 – ARPANET (2 Computer am Internet) & GML (IBM)
Slide 21: "Our ineptitude in getting at the record is largely caused by the artificiality systems of indexing. Where data of any sort are placed in storage, they are filed alphabetically or numerically, and information is found (when it is) by tracing it down from subclass to subclass. It can be in only one place, unless duplicates are used; one has to have the rules as to which path will located it, and the rules are cumbersome. The human mind does not work that way. It operates by association.”
Slide 30: ⁄ 1981 – An Internet of 213 computers ⁄ 1984 – HyperCard on MacOS ⁄ 1989 – A physicist develops HTTP; an ⁄ ⁄ ⁄ ⁄ ⁄ Internet of 376 thousand computers 1991 – Tim Berners-Lee, World Wide Web, HTML 1994 – Marc Andreessen & Jim Clark, Mosaic 1998 – XML & XHTML 1.0 2003 – An Internet of 172 million computers 2005 – An Internet of more than 400 million users
Slide 40: ⁄ 2008 – We count 1 billion computers now and 3.3 billion cell phones. ⁄ The mobile Web is coming.
Slide 41: P2: HCI
Slide 42: Overview
Slide 44: Psychology
Slide 46: Context/ Environment Action: Behavior User Encoding Situation: Interface or Information Decocding
Slide 47: Context/ Environment Action: Behavior User User Visceral Behavioral Cognitive Affective Encoding Situation: Interface or Information Decocding
Slide 48: User Visceral Affective Behavioral Cognitive
Slide 49: Perception Cerebration Spoken Language Text Images Learning Behavior Motivation – Emotion – Terms Acquisition Social Context – Reasoning Memory Physiology Decision Making Problem Solving Motor Activity Speech
Slide 50: Perception Situation: Interface or Information Cerebration Motivation – Emotion – Social Context – Physiology Action: Behavior Aquisition Memory
Slide 51: Software
Slide 54: Information Architecture
Slide 56: Goal
Slide 57: ⁄ Next Milestone (#2) ⁄ Please send me your presentations! ⁄ Sort the inspirations and brainstorms according to the ACM SIGCHI Curricula HCI areas . ⁄ Prepare a main idea for a multi-touch application. ⁄ Think of personas. ⁄ What elements do we need for a concept?
Slide 58: Credits
Slide 59: /photocapy/250355140/ www.flickr.com/creativecommons /libraryman/718450202/ /mac/18590268/ /jimgris/65769319/ /phitar/7201140/ /scobleizer/2256358640/ /residae/2560241604/ /kitcowan/712113879/ /joesflickr/711358450/ /onkel_wart/2377883376/ /bitzcelt/1450900070/ /liewcf/894035077/ /raindog/532177285/ /cssa_ucsd/150160784/ /matlocktest/37349112/ /jordanfischer/61429449/ /hyoga/1165367241/ /sparktography/374064022/
Slide 60: /keylosa/184606430/ www.flickr.com/creativecommons /mathoov/2429735842/
Slide 61: ⁄ ACM SIGCHI Curricula for Human-Computer Interaction: ⁄ http://sigchi.org/cdg/cdg2.html ⁄ Original Print Media: Copyright © 1992 by the Association for Computing Machinery, Inc. ⁄ Web Version: Copyright © 1996 by the Association for Computing Machinery, Inc. ⁄ University of Applied Sciences Constance, Faculty for Communication Design, Project “Touch Research” ⁄ http://www.htwg-konstanz.de ⁄ http://www.kd.fh- konstanz.de/dina8/daten_e.php?wodenn=will ⁄ http://www.felgner.ch/2008/04/touch_research.html