Wireframes are very different from thumbnails. Yes, they are both visualizations of what a design can look like, but both serve a very different purpose. Wireframes are a visual tool that information architects, content strategists and designers use to organize the flow and hierarchy of content (elements) on a page. The wireframes should be design agnostic, meaning they should not be giving clues as to what the elements on a page look like, rather they should only be showing placement of elements.

However, wireframes tend to become visualizations not organizations if you don’t have any content to organize throughout a page or a site. So, in order for you to create our own wireframes you need to have content. You will be gathering content from sources that we will discuss in class. And just like the real world when you are working with a client you will be given content either from an existing website, from a bunch of Word Docs, PDFs, or who knows what that you will need to review and organize. You can put the content you collect into a Word Doc, Google Docs, etc. for the time being.

Once you gathered the necessary content, your next job will be to group and organize that content into sections and pages with wireframes. You will need to create the necessary number of wireframes by the end of class to house all of the content that you have gathered.

Grading

This assignment will be worth 20 points. Please upload your files here.

Resources