Breadboarding is how electronic prototypes are made. It focuses on function, has all components and wiring – but no industrial design. Not usable, but it works.

Similar idea is used (by the Basecamp team) to create a product prototype. It has all parts of the interface but doesn't specify the visual design or components.

It's a three-part design:

  • Places: Screens, Modals, Menu, etc
  • Affordance: Components to which user interacts with
  • Connection line: Line that connects one action to its result

Breadboarding focuses on connections, the workflow and hence goes through all functionalities but, doesn't specify anything about the visual behaviour.

  • Breadboarding over WireframesBreadboarding over Wireframes
    I recommend product people to create Breadboarding over Wireframing, as initial product documentation _especially to interact with designers_. Wireframes are too detailed. The extra detailing k...


  • BOOK- Shape Up Private or Broken Links
    The page you're looking for is either not available or private!