1. ⁄ A Project
⁄ Communication
Design M1
⁄ HTWG Constance
Touch Research

2. Faces

3. ⁄ 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

8. ⁄ “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.”

15. ⁄ 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

24. ⁄ 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

27. ?

29. ⁄ 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.

31. P2: HCI

32. Overview

34. Psychology

35. Situation:
Interface/
Encoding
Information
User
Action:
Behavior/ Decoding
Interaction

37. Situation:
Interface/
Encoding
Information
User
Visceral
Behavioral Cognitive
Affective
Action:
Behavior/ Decoding
Interaction

38. User
Visceral
Behavioral Cognitive
Affective

39. Perception Cerebration
• Spoken Language • Terms
• Text • Reasoning
• Images • Decision Making
• Problem Solving
Behavior Learning
• Motor Activity • Acquisition
• Speech • Memory

40. Situation
Perception Cerebration
• Spoken Language • Terms
• Text • Reasoning
• Images • Decision Making
• Problem Solving
Behavior Learning
• Motor Activity • Acquisition
• Speech • Memory
Action

41. Motivation – Emotion
Perception Cerebration
• Spoken Language • Terms
• Text • Reasoning
• Images • Decision Making
• Problem Solving
Behavior Learning
• Motor Activity • Acquisition
• Speech • Memory
Social Context – Physiology

42. Software

45. Information Architecture

47. Goal

48. ⁄ 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?

49. Credits

50. /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/

51. ⁄ 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