Wireframes are to websites what an architect’s drawings are to house building.
Wireframing is the step in the design process where we begin to prepare layouts for important pages on the website.
A wireframe is a low-fidelity visual representation of a website’s layout design, sometimes referred to as a skeleton, outline or blueprint. Often, a wireframe represents the basic page layout structure and navigational scheme of the site’s pages.
A wireframe does not contain finished design elements as such, but does display where design elements will appear on the page. Wireframes are normally produced in grayscale.
The goal of doing a wireframe is to:
- Evaluate overall effectiveness of the page layout
- Test and refine navigation
- See how content areas fit together on the page
- Establish the user interface design of interactive elements
- Determine HTML coding requirements or raise questions such as how layout will work on mobile devices.
Why do a wireframe?
Wire-framing allows designers to use their time more efficiently. It takes a lot more time, effort and expertise to create a web page design than a wireframe.
So doing a wireframe allows a client to review and confirm the layout of their website before a website designer spends considerable time and effort creating a finished website template design.
In iSeek.ie’s experience of website development, time well spent during the planning stages means it is less likely for unforeseen problems to arise during later design and build stages of your website!Return to Knowledge Base