COMP322 · Companion to "What is interaction design?"

Interaction design, alive

Some interaction design you can print. The best of it you have to feel: an object in your hand, time passing, a system answering back. Try each one.

Time (4D) is media and feedback that change as you watch. Behaviour (5D) is your action, and the system answering back.
3D · physical and tangible

An answering machine made of marbles

Durrell Bishop, 1992. Each voice message becomes a marble. Count them at a glance, drop one in the dish to play it, set it on the phone to call back. The object itself is the interface: no screen, no menu.

Answering machine
one marble per message
Play
Call back
No messages yet
click a marble to play it
4D + 5D · time and behaviour

A message, sent

The ticks change as the message travels: sent, delivered, read. Then the other person starts typing. None of it is a still picture.

M
Maryam
online
watch the ticks, then the dots
5D · behaviour

One tap, an answer

A good control reacts the instant you touch it. The heart fills, pops, and the count moves, so you never wonder if it worked.

L
Layla
@layla · 2m
Finally registered for COMP322 from the bus. The new seat counter saved me.
behaviour = action + reaction
4D · time

Posting, in progress

Instead of a frozen screen, you watch it happen. Progress tells you it is working and roughly how long is left.

ready
you can watch, not just wait
5D · behaviour

A switch that shows its state

Flip it and it slides, the colour changes, the label updates. The control always tells you exactly where it stands.

Notifications
currently off
Read receipts
currently on
Dark mode
currently off
tap any switch, feel the immediate response