← All Elements

Explore

Interaction Prototyping

Building a working version of an interaction to test how it behaves, not just how it looks.

What is Interaction Prototyping?

Building a working version of an interaction to test how it behaves, not just how it looks.

What you learn

Make the behavior you’re testing real; fake everything else.

When it helps

a click-through demo hides behavior you need to test, like typing, dragging or timing.

Use it at work

  1. Write the behavior your test depends on.
  2. Make that behavior real, even roughly.
  3. Fake everything else.
  4. Test with people doing the real task.

Your output

Before you prototype, write the behavior your test depends on. Make that part real, even roughly, and fake the rest.

Watch for

Testing a behavior the prototype only pretends to have.

Related practices

Sources

Enable JavaScript to try the interactive activity.

Elements.
48 elements · 8 families
Filters
DESIGN CONTEXT
What are you trying to do?

Scroll sideways within the map to explore all columns.

Created by Alan Hurt. Activities and notes are stored on your device. Privacy · Usage counts

ELEMENTS FIELD GUIDE