⁄ 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
⁄ The
operates by association.”
⁄ 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
Situation:
Interface/
Encoding
Information
User
Action:
Behavior/ Decoding
Interaction
Situation:
Interface/
Encoding
Information
User
Visceral
Behavioral Cognitive
Affective
Action:
Behavior/ Decoding
Interaction
User
Visceral
Behavioral Cognitive
Affective
Perception Cerebration
• Spoken Language • Terms
• Text • Reasoning
• Images • Decision Making
• Problem Solving
Behavior Learning
• Motor Activity • Acquisition
• Speech • Memory
Situation
Perception Cerebration
• Spoken Language • Terms
• Text • Reasoning
• Images • Decision Making
• Problem Solving
Behavior Learning
• Motor Activity • Acquisition
• Speech • Memory
Action
Motivation – Emotion
Perception Cerebration
• Spoken Language • Terms
• Text • Reasoning
• Images • Decision Making
• Problem Solving
Behavior Learning
• Motor Activity • Acquisition
• Speech • Memory
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/ /mac/18590268/
www.flickr.com/creativecommons
/mathoov/2429735842/ /jimgris/65769319/
/scobleizer/2256358640/
/kitcowan/712113879/
/onkel_wart/2377883376/
/keylosa/184606430/ /liewcf/894035077/
/raindog/532177285/ /cssa_ucsd/150160784/
/matlocktest/37349112/ /jordanfischer/61429449/
/hyoga/1165367241/ /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
elements do we need for a concept?
Touch Tisch -> Touch Research
Credits
/libraryman/718450202/
/mac/18590268/
/photocapy/250355140/
/jimgris/65769319/
http://www.flickr.com
/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/
/mathoov/2429735842/
/keylosa/184606430/
/dmealiffe/171720479/
http://www.flickr.com
⁄ ACM SIGCHI Curricula for Human-Computer
Interaction:
⁄ http://sigchi.org/cdg/cdg2.html
⁄ Original Print Media Copyright: ⁄ Copyright © 1992 by the Association for Computing Machinery, Inc. ⁄ Copyright on the Web Version:
⁄ Copyright © 1996 by the Association for Computing
Machinery, Inc.