Quick Guide to Wireframes
A Beginner’s Guide to Website Design
Quick Guide to Wireframes
Table of Contents
How Wireframing Fits Into the Overall Process Determine the Flow of Your Site Develop the Site Skeleton Tips for Creating a Functional Website Appendix A: Worksheet for Determining Functionality of Your Website
1 1 3 6 7
Quick Guide to Wireframes
1
Quick Guide to Wireframes
Wireframes are design tools that are used as visual guides to demonstrate the proposed functionality, content and structure of websites. Wireframing is done to give your web design team the ability to see how you envision your users interacting with your website. This treatment will walk you through the basics of developing a wireframe that can be used to develop your website. Site architecture works much the same as classic architecture – a classic architect sees a finished structure, but he or she must somehow convey the specifics of their vision to those who will construct it. Those who have worked in that industry understand all too well why there is frequently tension between the architect and the construction manager. The architect wants everything to work the way it works in his or her head, and the construction manager needs to make it work in reality – these two things are not always compa