In our team, we have something called an Interaction Diagram integrated into our Design Process.

Basically it is a collection of wireframes in context – whether of the whole web product or of a simple task or activity. The diagram shows the layout of components as well as their interaction with other components.

We’re using it consistently as part of our communication with web and app developers. It has proven to be very useful since its inception a year ago (October 3, 2013).

Jesse James Garrett’s Visual Vocabulary for Information Architecture is one of our main references in establishing the Interaction Diagram.

—

Authors of the Interaction Diagram:

• Michelle Villanueva
• Brian Dys Sahagun