Wireframes (module)

Wireframes are schematics of pages in a website or application a visual guide to intended user flow and experience. Wireframes allow designers and developers to visualize the intended function of the product and further integrate their work efforts on top of User stories, specification, etc. Only very basic formatting and design elements are included to provide a clear and universally understandable representation that everyone can work with. Static wireframes can be drawn on paper or with applications like Inkscape or Photoshop. Dynamic wireframes - wireframes with basic, functioning user flow - can be created with tools such as proto.io or presentator.io.

Example: