Business Learning Community

“Become who you want to be.”

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

What is a Wireframe?

A wireframe refers to a layout, outline, or visual depiction of a web page that contains the framework of the web page. A wireframe shows the key elements that exist on the page. They serve as visual guide representing the schematic framework of the web page. 

How to Use a Wireframe

Business analysts, web developers, professional designers and visual designers create wireframes. They can take the form of sketches or pencil drawing indicating the page layout of a website, the arrangement of content, interface elements, and navigational systems.

The wireframe is an architectural design of sites in black and white diagrams.  The interaction of an interface is planned without any distortion caused by colors or design choices. 

The major areas wireframes focus on are;

  • The variety of functions and contents available on a website,
  • How these functions or information are displayed based on priorities,
  • The objectives that inform how they are displayed, and
  • The effects of items on display.