Site Structure - 2

Print

Designing or redesigning your website is like designing or remodeling your home - you figure out what features and conveniences you want before you design your layout. Good web design has solid architecture.  The deliverables from this phase are:

1.Content Outline
2.Site Diagram
3.Wireframes / Page Description Diagrams

These three deliverables are dependent on each other and need to be completed sequentially.

Content Outline
Working closely with you, create a list of all existing content you have for your site. Brainstorm content that needs to be created for the site. Review these lists of content, and trim out anything that does not match the goals or needs as stated in the project brief. Take time to think about the future and how the site content might need to grow.
Next, group content into categories. Once the categories are established, create an outline and review it with you for accuracy.

Site Diagram
Take your final content outline and create a sitemap or site diagram. A site diagram is just a visual representation of your content outline and site structure.

Wireframes & Page Description Diagrams
A wireframe is a non-graphical layout of a web page. It is a simple drawing of the chunks of information and functionality for each page in your site. You will want to create a wireframe for the home page, each unique second level page and any other significantly different page on your site.
Wireframes include the containers for all the major elements of the page. Elements include navigation, images, content, functional elements (like search) and footer.

We will create Page Description Diagrams (PDD). The focus of a PDD is two-fold:
1.What content belongs on this page
2.What is the priority of each chunk of content

The advantages of the PDD over the wireframe include:
clarifies all content for a given page
clarifies the priority of each chunk of content
completely removes visual design (color, font, placement) from this stage of the conversation.