Wireframes

Wireframes Wireframes provide the skeleton of navigational and content elements. Final wireframes provide a refined framework of each page level on which the User Experience team can build the site look and feel. Wireframes can be as complex or as simple as the business needs them. It depends on the use, if the wireframes are to document critical application behavior and function as a road map for the developers to match reqirements against, they can get quite complex and detailed.
Answers the following questions:

  • How can the client be comfortable with the design of the navigation and page layout before it is designed and developed?
  • What amount of space layout is assigned to each element on the page?
  • What is the priority of information on the page?
  • How will the user flow from page to page and complete tasks?
 
Provides the following benefits:

  • Provides a visual layout of the real estate of the page (clearly defines interface elements, windows, buttons, and graphics)
  • Indicates exact navigation appearance and functionality (clearly details how functions operate at a page level)
I utilize wireframes at many levels.

  1. Gather requirements on what is need on the page and start the dialogue with business to make sure that what is being wireframed functions and makes sense to the business.
  2. Dialogue with the developers to make certain what is being designed can be developed
  3. See if the requirements can match up with a User Story or an end user.
  4. li>

  5. I try to be a “User Advocate” while balancing the needs of the users of the application with the needs of the Business.

If you wireframe an application before you build it, your company can save time, development efforts, and identify usability issues before leaving critical decision making in the hands of developers when the business should be deciding what we are trying to get the users to do in the application.