⁄ 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

Harald Felgner?

You!

⁄ Dani Costa Filipe

⁄ Felix Seyfarth

⁄ Fan Zhang

⁄ Florian Roebig

⁄ Joel Lück

⁄ Laura Pabst

⁄ Liesa Maier

⁄ Stefan Herzet

Participants

⁄ On Wednesdays

⁄ 8:45 AM - 11:15 AM

⁄ M003

Time and Place

⁄ Organisation & Private Presentations/ Results: http://ww.serverkd.de

⁄ Public Results: http://tinyurl.com/4ufc7c and http://www.slideshare.net/haraldf

Spaces

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

Milestone #1: Presentations

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

Pre-history and CLI

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!

Mouse and Alternatives

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

iPhone and Bill Buxton

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)

1934 - 1969

Paul Otlet 1886 - 1944

Vannevar Bush 1890-1974

⁄ "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.”

Vannevar Bush 1890-1974

J.C.R. Licklider 1915 - 1990

Ted Nelson *1937

Douglas C. Engelbart *1925

Arpanet 1969

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

1981- 2008

Tim Berners-Lee *1955

Marc Andreessen

*1971

Jim Clark *1944

Jakob Nielsen

Don Norman

Richard Saul Wurman

P2: HCI

Overview

Psychology

Context/ Environment

User

Enco

din

gDeco

cdin

g

Situation: Interface or InformationAction:

Behavior

Context/ Environment

UserUser

Visceral

AffectiveBehavioral Cognitive

Action: Behavior

Deco

cdin

g Enco

din

g Situation: Interface or Information

User

Visceral

AffectiveBehavioral Cognitive

Motivation – Emotion –Social Context –

Physiology

Per

cep

tio

n Spoken Language

Text

Images Cer

ebra

tio

n Terms

Reasoning

Decision Making

Problem Solving

Lea

rnin

g Acquisition

Memory

Beh

avio

r Motor Activity

Speech

Motivation – Emotion –

Social Context – Physiology

Perception

Cerebration

Aquisition

Memory

Action: Behavior

Situation: Interface or Information

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?

Touch Tisch -> Touch Research

Credits

/libraryman/718450202/

/photocapy/250355140/

/phitar/7201140/

/residae/2560241604/

/joesflickr/711358450/

/bitzcelt/1450900070/

/raindog/532177285/

/matlocktest/37349112/

/hyoga/1165367241/

/mac/18590268/

/jimgris/65769319/

/scobleizer/2256358640/

/onkel_wart/2377883376/

/kitcowan/712113879/

/liewcf/894035077/

/cssa_ucsd/150160784/

/jordanfischer/61429449/

/sparktography/374064022/

htt

p:/

/ww

w.f

lick

r.co

m

/mathoov/2429735842/

htt

p:/

/ww

w.f

lick

r.co

m

/keylosa/184606430/

/dmealiffe/171720479/

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