⁄ 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
4. 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
6. 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 am 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

Context/
Environment
Situation:
Encoding
Interface or
Decocding
Action: Information
Behavior
User

Context/
Environment
Situation:
Encoding
Interface or
Decocding
Action: Information
Behavior
User
User
Visceral
Behavioral Cognitive
Affective

User
Visceral
Behavioral Cognitive
Affective

Motivation – Emotion –
Perception
Cerebration
Behavior
Learning
Spoken Terms Acquisition Motor
Language Social Context – Activity
Reasoning
PhysiologyMemory
Text Decision Speech
Images Making
Problem
Solving

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/ /mac/18590268/
www.flickr.com/creativecommons
/photocapy/250355140/ /jimgris/65769319/
/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/
www.flickr.com/creativecommons
/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