How to write a storyboard for a website

This list is to be used as a starting point only when evaluating the components of the Web site.

Storyboard examples

You can quickly draw a quick sketch of a storyboard in seconds. Be sure that the text and link colors are different enough to be discernable and that both are visible against the background color 4. When you find a great design that you like, ask yourself why? Link and connection. Step 4 In the Microsoft organization chart dialog box, type the name of the home page of the website in the highlighted text. Now the bad web pages , is it hard to read, navigation, usability or is it another flash site that has cool animations but doesn't have any purpose to it. Where should your writing go on the page? The production storyboard contains detailed information on graphics, text, video, sound, audience interaction, color, type fonts, type size, etc. Gather information. When you have completed the first storyboard, try to think like a first time visitor. Do this in Visio as well. Website template. Just draw simple boxes to represent the different sections and pages of your site. Another example of a site map is as follows: Resources.

Would you stop and leave? Purpose of a WebsSite Storyboard The purpose of a website storyboard is threefold.

website storyboard creator

Determine a font scheme: you'll want headings and subheadings, as well as the regular font to be relatively consistent in size, style, and color from page to page 5. You may have different colors on different pages, but the overall color scheme should be somewhat consistent.

Find web pages that you like and ones that you hate.

Storyboard app

To storyboard your website, follow these simple steps. This will save you time, which will save money. Rename any new boxes, or sub-pages, that you add to the story board. Be sure that the text and link colors are different enough to be discernable and that both are visible against the background color 4. Assign both descriptive names and file names html names for each page of your site. Don't change your navigation between pages or the layout. Through a storyboard template, you can have a closer look on your website.

It would be sad if you forgot the greatest idea ever. To submit your questions or ideas, or to simply learn more about It Still Works, contact us.

Website storyboard definition

Make it simple. You want your design fresh and exciting, on the other side you want it simple and very user-friendly. Sketch out the site you want to build in Visio. This should be the interior page of the Web site. Once you have it all laid out, determine what resources you need to make it happen and list those the introductory text, perhaps a navigation bar, links, maybe a logo image? Or would you click on a link? The class will act as a prospective audience for the project.

Step 1 Open up a new presentation in Powerpoint. This is your stop sign list so you don't make the same mistakes.

How to write a storyboard for a website

Keep Consistency The next page on your site will be easier, remember to keep the pages consistent. Just draw simple boxes to represent the different sections and pages of your site. Find web pages that you like and ones that you hate. It is also an excellent tool for presenting a project to clients. This will save you time, which will save money. Know how the pages fit into the grander architecture and navigation of the site, not from a technical standpoint, but from a functional, end-user standpoint. Why create a website storyboard? And where will you put the links? Sketch out the site you want to build in Visio. If not, start again. This method can save you a lot of time and money. Whatever you like about that site, write it down. When the first page is sketched, go through the same process for each of the subsequent pages. Will they know where they are, where they might go, what they are supposed to do? Another example of a site map is as follows: Resources.

Collect the information you want to incorporate on your website such as tabs, buttons, images, and texts. This is the blueprint for creating all elements of the Web site, as well as the storage place for page templates, production notes, and an online journal of decisions and deadlines.

The final storyboard should allow a visitor to enter your site anywhere, know where they are and quickly understand how they can get to where they want to be. Used to demonstrate visualization of the site and solidify the design model; can be compared to an architectural sketch of a new home.

website storyboard powerpoint

Instead try to define or identify the elements required for each page.

Rated 9/10 based on 117 review
Download
Storyboarding Your Website