Issuu on Google+

⁄  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


Touch Research 1: Inspiration and History