How many types of Wireframes do you know?


There are four different types of wireframes ranging from the simplest type (black-and-white or blueprint) to the most complex (nearly simulating the real thing):





  • Basic wireframes: These are basically low-fidelity renderings.
  • Annotated wireframes: These add a broad range of details to a basic wireframe.  Annotations are brief notes, typically on the side or bottom of a wireframe, that describe each item on the wireframe, usually separated by areas of content and functionality, and show (briefly) the reason and purpose for each item.
  • User flow wireframes: In complex projects, when the annotation is not sufficient to show how a site or app user will logically move through content from page to page, more information may be required. These wireframes can be static views of a fully interactive wireframe, but they could include a slideshow or a collection of wireframes in series to show a primary user flow.
  • Interactive high definition wireframes: You can experience interactions (e.g., taps, clicks, and swipes) within or between individual wireframes. Adding interactions before going to full mockups or live prototyping saves designer and developer hours. This variation of wireframes can only be done in presentation and graphic design, or wireframing and prototyping software.



Comments

Popular posts from this blog

What is your design process? Describe what methods you follow?

How do you define UX?