Multimedia Design and Development

Designing and Producing: What is a Website Storyboard?

Designing and Producing: What is a Website Storyboard?
Written by Gary Black

Designing and Producing: What is a Website Storyboard?

A Website storyboard is a visual representation of your website’s structure. Let’s explore some details about Designing and Producing: What is a Website Storyboard?

Designing and Producing: What is a Website Storyboard?

Designing and Producing: What is a Website Storyboard? Image mvclasses.com

It maps out all the components of your site and how they inter-relate.

Creating a website storyboard can help you plan and organize your website and even plan the internal linking structure between pages.

Using a storyboard you can plot a visitors path through your website to find your most important pieces of content.

Remember this rule.

Vaughan’s General Rule for Interface Design!

“The best user interface demands the least learning effort.”

In our example See image above. Storyboard a site you will see several elements included using PowerPoint 2016.

There are many applications which may be used for story-boarding.

One application you may consider WireframeSketcher.com.

PowerPoint is a good alternative because it allows both to separate out each “frame”, but also to see the entire navigation in Slide Sorter view.

Requirements for our storyboard:

  • The navigational structure you are using must be stated
  • Must contain layouts for at least five pages
    • One Home Page + four branches
    • Each page must have at least one image
    • Each page must have text content
  • The site must contain at least one audio file and one video
  • The site must contain links to three external sites
  • The site must contain contact information, as well as the ability to email the “owner” (you)
  • Be specific! Colors, fonts, navigation elements, text content, etc.
Designing and Producing: What is a Website Storyboard?

Designing and Producing. Image electricteacher.com

Just to restate and summarize.

What is storyboarding in web design?
A storyboard is the blueprint for a web project. It is a simple, flexible tool which can be used to display the elements on a single Web page such as images, banners, navigation, graphic elements and text. It is also an excellent tool for presenting a project to clients.

Storyboarding

https://public.wsu.edu/~ericsson/story_bd.html

About the author

Gary Black

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.