Wireframes: What are they, and why do we use them?

Wireframes are basic drawings showing placement of elements on a web page and is the starting point when creating a web site. By creating wireframes you can save time and money for your client by giving them basic ideas rather than complex designs.

Important Elements of a Website Wireframe

• Navigation bar.
• Company logo represented by a box or a circle.
• Content areas showing where the different areas of content will appear.
• Search boxes
• User login area

How to Create Wireframes

There are many ways to create wireframes for you to choose from:

• Drawing by hand on paper.
• Use graphic software such as Adobe Photoshop, Illustrator or InDesign.
• Use software specifically designed to create wireframes such as OmniGraffle, Gliffy and many others.