⁄ A Project ⁄ Communication
Design M1 ⁄ HTWG Constance
Touch Research
Introduction
⁄ Digital Marketing IT Consultant ⁄ A spectrum of projects, from international marketing to
IT. ⁄ http://about.felgner.ch
⁄ Dani Costa Filipe ⁄ Felix Seyfarth ⁄ Fan Zhang ⁄ Florian Roebig ⁄ Joel Lück ⁄ Laura Pabst ⁄ Liesa Maier ⁄ Stefan Herzet
⁄ On Wednesdays ⁄ 8:45 AM - 11:15
AM ⁄ M003
⁄ Organisation & Private Presentations/
Results: http://ww.serverkd.de ⁄ Public Results: http://tinyurl.com/4ufc7c and http://www.slideshare.net/haraldf
P1: Inspiration
History
⁄ Goal: Understand the history of human computer
interfaces ⁄ Approach: ⁄ Form groups of 1 or 2 ⁄ Choose a topic ⁄ Prepare a 15-minute preparation
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
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 5. 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!
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 7. Present Bill Buxton’s overview of multi-touch. ⁄ Stefan
Links
⁄ 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
⁄ 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
Faces
⁄ 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 Internet) & GML (IBM)
"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.�
⁄ 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
⁄ 2008 – We count 1 billion computers now and 3.3
billion cell phones. ⁄ The mobile Web is coming.
P2: HCI
Overview
Psychology
Decocding
Action: Behavior
User
Encoding
Context/ Environment Situation: Interface or Information
Decocding
Action: Behavior
Visceral Affective
User User
Encoding
Context/ Environment
Behavioral Cognitive
Situation: Interface or Information
User Visceral Affective
Behavioral Cognitive
Behavior
Learning
Terms Acquisition Motivation – Emotion – Social Context – Physiology Reasoning Memory Decision Making Problem Solving
Cerebration
Perception
Spoken Language Text Images
Motor Activity Speech
Perception Situation: Interface or Information
Cerebration Motivation – Emotion – Social Context – Physiology
Aquisition
Action: Behavior
Memory
Software
Information Architecture
Goal
⁄ 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?
Credits
/libraryman/718450202/
/phitar/7201140/
/residae/2560241604/
/joesflickr/711358450/
/bitzcelt/1450900070/
/raindog/532177285/
/matlocktest/37349112/
/hyoga/1165367241/
www.flickr.com/creativecommons
/photocapy/250355140/
/mac/18590268/
/jimgris/65769319/
/scobleizer/2256358640/
/kitcowan/712113879/
/onkel_wart/2377883376/
/liewcf/894035077/
/cssa_ucsd/150160784/
/jordanfischer/61429449/
/sparktography/374064022/
www.flickr.com/creativecommons
/mathoov/2429735842/
/keylosa/184606430/
⁄ 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