⁄ A Project ⁄ Communication
Design M1 ⁄ HTWG Constance
Touch Research
Faces
⁄ 1934 – Paul Otlet: Information science ⁄ 1945 – Vannevar Bush: Links and web ⁄ 1960 – J.C.R. Licklider: Networked computers with easy
user interfaces ⁄ 1965 – Ted Nelson: Hypertext as an idea ⁄ 1968 – Doug Engelbart: First hypertext system ⁄ 1969 – State of the Internet/ ARPANET: 4 nodes
⁄ “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.
human mind does not work that way. It operates by association.”
⁄ The
⁄ 1976 – Richard Saul Wurman: Information architecture ⁄ 1981 – State of the Internet: 213 nodes ⁄ 1981 – Don Norman: User-centered design ⁄ 1987 – Bill Atkinson: HyperCard ⁄ 1989 – State of the Internet: 376 thousand nodes ⁄ 1991 – Tim Berners-Lee: World Wide Web &
WorldWideWeb, HTML
⁄ 1994 – Jakob Nielsen: (Sun)Web usability ⁄ 1994 – Marc Andreessen, Eric J. Bina & Jim Clark: Mosaic ⁄ ⁄ ⁄ ⁄ ⁄
& Netscape Navigator 1995 – State of the Internet: HTML 2.0 1997 – State of the Internet: HTML 3.2 1997 – State of the Internet: HTML 4.0 2000 – State of the Internet: HTML 4.01 and XHTML 1.0 2005 – State of the Internet: More than 400 million users
?
⁄ 2008 – State of the Internet: We count 1 billion computers
now and 3.3 billion cell phones ⁄ 2008 – State of the Internet: HTML 5 (draft) ⁄ The mobile Web is coming.
P2: HCI
Overview
Psychology
Encoding
Situation: Interface/ Information
User Action: Behavior/ Interaction
Decoding
Encoding
Situation: Interface/ Information
User Visceral Behavioral Cognitive Affective
Action: Behavior/ Interaction
Decoding
User Visceral Behavioral Cognitive Affective
Perception
Cerebration
• Spoken Language • Text • Images
• Terms • Reasoning • Decision Making • Problem Solving
Behavior
Learning
• Motor Activity • Speech
• Acquisition • Memory
Situation Perception
Cerebration
• Spoken Language • Text • Images
• Terms • Reasoning • Decision Making • Problem Solving
Behavior
Learning
• Motor Activity • Speech
• Acquisition • Memory
Action
Motivation – Emotion
Perception
Cerebration
• Spoken Language • Text • Images
• • • •
Behavior
Learning
• Motor Activity • Speech
• Acquisition • Memory
Terms Reasoning Decision Making Problem Solving
Social Context – Physiology
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/
/keylosa/184606430/
/raindog/532177285/
/matlocktest/37349112/
/hyoga/1165367241/
www.flickr.com/creativecommons
/mathoov/2429735842/
/mac/18590268/
/jimgris/65769319/
/scobleizer/2256358640/
/kitcowan/712113879/
/onkel_wart/2377883376/
/liewcf/894035077/
/cssa_ucsd/150160784/
/jordanfischer/61429449/
/sparktography/374064022/
⁄ 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. ⁄ All the rest: ⁄ http://wikipedia.org ⁄ 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