SITEMAP

Design > Sitemapping : Navigation : Screen Resolution : Spliced Sites : Info Architecture : Site Standards : Storyboarding : Tables Intro : Frames Are Evil : Table Tips : Proportionate vs Absolute : View Source : Consistency

designing your layout - making a storyboard

To the right is a basic layout developed from the sitemap agreed to with my client a few pages back. This little scribble forms the foundation of my Storyboard.

I recommend that you do a comprehensive Storyboard, especially if it's your first site, or if it's a site that you need to get client approval on before you start to build it.

If you do a full Storyboard of the whole site page by page, it can be a very useful tool when you build the site. For example, you can put the name of each graphic on the page in which it appears, you can calculate the widths of columns in your layout tables, you can decide upon a file naming convention for your site, etc.

Some of my students have done beautiful Storyboards - but then they're Graphic Design students so I'd expect them to make prettier ones than me!

I'll try to add some examples of good Storyboards in here, instead of my back-of-an-envelope scribbles.