Component Based Wireframes

May 11th, 2009


Earlier last month, EightShapes publicly released their Unify templates (for Adobe Indesign). Their systemic approach to wireframing emphasizes very modular ways to reuse elements, styles, pages and user interface components across deliverables. One thing which caught my attention is their interesting documentation technique of the components based approach which shares similarity with an the earlier post on object-oriented wireframing. Compontents are simply covered with a transparent orange overlay, are tagged with a referencing convention (“c#”) and are further elaborated and annotated on a separate page. This particular technique can be also visible in their PDF sample here.

Credits: Nathan Curtis – EightShapes

  • del.icio.us
  • Twitter
  • Tumblr
  • Facebook
  • Digg
  • email
  • Mixx
  • Google Bookmarks
  • StumbleUpon

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

3 Responses to “Component Based Wireframes”

  1. Sherrod Says:

    This looks much more digestible than the OO Wireframing. I like the clean styling of the indigo components as well.

  2. In Page Conditions › Wireframes Magazine Says:

    [...] Component Based Wireframes [...]

  3. Wireframes Magazine Says:

    [...] I recently made a reference to the EightShapes Unify framework, I think it deserves a separate mention in the templates [...]

Leave a Reply