Introduction to Wireframing

Do you remember learning polynomial equation? Those exciting times when you had to map out the X/Y coordinate plane on that blue and white graph paper?…. No!? (Don’t worry; we try to forget those days as well). The good news is we can teach you a new way to use graph paper that will spice up those old perceptions.

When you look at a wireframe, the site navigation and content area(s) should be very clear.

Note: Way-finding may not be necessary. Most Wix sites have simple site architecture. That means, no matter where you are on the site, you can find your way with the site navigation. Way-finding only applies when you have a complicated architecture plane (links to mini-pages within mini-pages). For more visual layout techniques, see our blog post on contrast and eye movements.

Try it for yourself (right click and “save as”):

Keep in mind, a completed wireframe is never an end in itself. The wireframe may look slightly different than the final product. Consider the wireframe as a guideline for design. In the end, it will improve the user experience on your site.

Ready to create your stunning new site?Get started on your free website today with Wix!