A wireframe is a visual guide to the layout of a site, focusing only on structure, not on the site’s look and feel.
For example, the above image is a wireframe for a website found online. Notice that it does not include the images, and the font choice is deliberately random, to indicate that it’s just placeholder text.
That’s so that viewers will understand that they’re supposed to focus on the “framework” of the site — where the different components of the site are located relative to each other — rather than the details of the various elements.
Your set of wire frames should include mock ups for your intended
• Home page,
• Item page,
• Visualization heavy page,
• Text-Based Details page, and
• Generic About page.
To draw your wireframes, you can use Axure, Photoshop, Visio, PowerPoint etc. Make sure though it is converted into a PDF for readability when being submitted.
——-
A wireframe is a visual reference to the layout of a website that focuses solely on structure rather than the appearance and feel of the site.
The image above, for example, is a wireframe for a website discovered online. It’s worth noting that the photographs aren’t included, and the typeface is chosen at random to highlight that it’s only placeholder text.
This is done so that users realize that they should concentrate on the “framework” of the site — where the various components of the site are positioned relative to each other — rather than the specifics of the various sections.
Mockups for your intended use should be included in your set of wire frames.
• Start page,
• The item page,
• A visual-heavy page,
• Text-Based Details page, and
• Generic About page.
To draw your
