Wireframes

Wireframes

Wireframes

  • A black and white layout that displays the components, functionality and placement of content on a page
  • Colors, graphics and other design elements are not included
  • Used by graphic designers to specify what is to be accomplished by the UI, i.e. what the user should see and access, not how it looks
  • Should illustrate which design elements are interchangeable for specific areas of a page

Wireframe Benefits

  • Helps to make the interface appear simple by ensuring that only the most important components get highlighted
  • Helps to isolate areas of focus for risk analysis and mitigation

Sources