[WEBINAR] The New Normal: Dealing with the Reality of an Unsecure World

Website Wireframe

Definition - What does Website Wireframe mean?

A website wireframe is a visual guide that represents the skeletal framework of a website, indicating where visual and UI components are located. Wireframes are used for a quick mockup of the arrangement of website elements for accomplishing a specific purpose, be it aesthetic or usability. This allows stakeholders to quickly have a visual reference to the location of website elements without requiring the designer to create an actual site, which makes the design decision process quicker.

A website wireframe is also known as a page schematic or a screen blueprint.

Techopedia explains Website Wireframe

Website wireframes are commonly used to convey to stakeholders and clients how the actual website will be arranged. Wireframes lack topographic style, color and graphics, and are composed mostly of lines and shapes that stand for the actual items that will replace them such as images and navigation elements. This is because the main purpose of a website wireframe is to visualize the functionality, behavior and content of the website.

Wireframes can be created in different ways, from manual pencil drawings or board sketches to specialized software of various kinds with proprietary and open-source selections. The advantage of a website wireframe is that it can be made by anyone, including non-designers, since ideas are easy to convey using it, so even a manager can convey his or her ideas to the team, allowing the latter to build on those ideas or use them for directions.

The following are the areas of focus of a website wireframe:
  • Design
  • Functionality
  • Prioritization of information and functions
  • Easy customization; changing the design as you go

Techopedia Deals

Connect with us

Techopedia on Linkedin
Techopedia on Linkedin
"Techopedia" on Twitter

Sign up for Techopedia's Free Newsletter!

Email Newsletter

Join thousands of others with our weekly newsletter

Free Whitepaper: The Path to Hybrid Cloud
Free Whitepaper: The Path to Hybrid Cloud:
The Path to Hybrid Cloud: Intelligent Bursting To Amazon Web Services & Microsoft Azure
Free E-Book: Public Cloud Guide
Free E-Book: Public Cloud Guide:
This white paper is for leaders of Operations, Engineering, or Infrastructure teams who are creating or executing an IT roadmap.
Free Tool: Virtual Health Monitor
Free Tool: Virtual Health Monitor:
Virtual Health Monitor is a free virtualization monitoring and reporting tool for VMware, Hyper-V, RHEV, and XenServer environments.
Free 30 Day Trial – Turbonomic
Free 30 Day Trial – Turbonomic:
Turbonomic delivers an autonomic platform where virtual and cloud environments self-manage in real-time to assure application performance.