Breadboarding over Wireframes

  • I prefer Product Managers creating BreadboardingBreadboarding

    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 Ba...
    over Wireframing, as initial product documentation especially to interact with designers. Wireframes are too detailed. This Extra detailing kills the possibility of abstraction.
  • Wireframes provides an output similar to Hi-fidelity UI, that it focuses on-screen level interactions, not workflow or the feature. This leaves designers no room for creativity and makes the discovery of an alternative visual solution complicated.
  • Also, –Overspecification leads to estimation errors.
  • The breadboard and Fat-marker methodFat-marker method

    Don't use good drawing tools or regular pen/pencil to sketch your UI. It provides too much space, to build complex, over specified visual design.
    Instead, use fat marker. It restricts detailin...
    give room to designers in subsequent phases of the project. Draw over the screenshotDraw over the screenshot

    Instead of building wireframes using tools like Balsamiq, this method suggests taking screenshots and marking those specific changes with [[Fat-marker method]].
    You can use an iPad or screenwr...
    is another method I prefer as I would urge managers to Stop spending time on WireframingStop spending time on Wireframing

    Balsamiq and other wireframing apps work very similar to screen designing apps like Figma or sketch. It provides all actions, from having multiple variants of components to alignment setup to UX...


  • §Design