liveBook · Manning

Interaction design

As explained in Design for Developers

Interaction design is the design of how people interact with a product, including its behaviors, controls, and responses.

Interaction design shapes how a website or application behaves as people use it. It follows research, information architecture, and user-flow definition, then works alongside visual design to turn the structure into an usable experience. section 5.3 section 1.2

Prototype the journey before coding

After creating wireframes, make them clickable to confirm that the layout, content organization, interactions, and user flow hold together. Refined visual mock-ups can support higher-fidelity prototypes when that better matches the project. section 5.3

Use interaction design to make development more user-centered:

  • Bring developers into design early so implementation constraints can reduce unnecessary work and inform creative decisions. section 1.1
  • Plan testing and feedback even when formal user research is unavailable; release experiments should still support learning and iteration. section 1.1.5
  • Resolve feature details in prototypes before production coding to expose problems early and reduce later bugs. section 1.1.5

How Design for Developers covers it

How deep it goes
Develops the practice through prototype choices, collaboration, and testing, but stops short of implementation-specific interaction details.
Examples
Uses clickable wireframe prototypes, high-fidelity mock-up prototypes, and small-company feature experiments without formal user research.
What it assumes
Assumes research, information architecture, user flows, and wireframes, while introducing foundational interaction and testing decisions for developers.
What you can do after
Apply it by prototyping user flows, involving developers early, planning feedback, and refining features before production coding.
How it connects
Connects interaction design with information architecture, user flows, wireframing, visual design, prototyping, user testing, and feedback.

Also explained in

Compare how 2 books explain interaction design →

Related concepts

This explainer was generated by Manning's knowledge graph from the text of Design for Developers. The section links point to the parts of the book it draws on.