ALERT

[FREE DEMO] Deploy Your Enterprise Cloud in Minutes

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
Tweat cdn.techopedia.com
"Techopedia" on Twitter


'@Techopedia'
Sign up for Techopedia's Free Newsletter!

Email Newsletter

Join thousands of others with our weekly newsletter

Resources
The 4th Era of IT Infrastructure: Superconverged Systems
The 4th Era of IT Infrastructure: Superconverged Systems:
Learn the benefits and limitations of the 3 generations of IT infrastructure – siloed, converged and hyperconverged – and discover how the 4th...
Approaches and Benefits of Network Virtualization
Approaches and Benefits of Network Virtualization:
Businesses today aspire to achieve a software-defined datacenter (SDDC) to enhance business agility and reduce operational complexity. However, the...
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.