Why storyboard important to website development?

What is a storyboard?

Planning is key! Storyboards are graphic organizers which show the scenes in a multimedia project in a rough drawing form.A storyboard will help you visualize how the content chunks relate to each other and will help to shape the direction of your efforts as you create your project.With a storyboard, you are able to map out your original ideas for communication to your viewers.Evaluating the storyboard will allow you to make adjustments during the early formative stage while revisions are still quite simple to do.

Examples of storyboards:
Creating a visual map, flowchart, or storyboard can greatly assist you in your course design process. Storyboarding is simply a visual interpretation or visual sketch of your ideas for organizing your course site contents and activities and their relationship to one another.

Creating a storyboard before you begin your website will help you work on the computer more efficiently because you will have a plan to follow and will have already thought out the overall site organization, the page layout and the page contents.

The storyboard gives a “big picture” perspective to the overall web project while also breaking down a complex project into workable units that can be addressed individually.

Benefits of Storyboarding
1. Provides an overall view of your course site/structure
2. See the relationships/links of your course design
3. See the missing pieces
4. Aids in organizing and/or sequencing of instruction

Storyboards and user experiences:
Storyboards have strengths:
+ inexpensive and flexible
+ informal and interactive
+ early feedback on user interface
+ easy to create /modify
+ get past blank page syndrome

Storyboards focus on details of human-computer interface:
+ Who are the players
+ users
+ What happens to them
+ Screen flows
+ How it happens
+ Events and transitions that trigger screen flows

How to create your storyboard?
1. Write down key points, ideas, and concepts under consecutive storyboard frames (see attached).
2. Your storyboard should in essence be a type of map, outlining all the major steps needed to complete the learning objective(s) for that lesson.
3. Make rough sketches of visuals for each frame. Don’t worry about polish at this point; you just want the idea of the visual clearly portrayed.
4. Read your presentation while looking at the storyboard and complete the storyboard checklist:
1.) Does my visual clearly display one key idea from my presentation?
2.) Is my aid as visually simple as I can make it?
3.) Can my audience understand my visual completely in less than 30 seconds?
5. You can create your storyboard on paper or various software such as Microsoft Word, Microsoft PowerPoint, and Inspiration

Workflow for Website Development
1. It will usually takes one week’s time to identify your goals and set up the strategic plan;
Site Structure
2. It takes one week’s time to design and prepare for your content strategy, content development and creation;
3. It takes one week’s time for the content integration and site build, fine tuning, testing and launch ;
4. There needs one week’s time to train to use CMS Word Press and other consultancy.

Text or code editor, your FrontPage and Dreamweaver days are over. The code editors will be of no use to you while building dynamic, WordPress-powered websites. After reading 12 principles of good web design, you are going to get your hands dirty with real code..
1. Visitor-centric, clear purpose
2. Progressive disclosure
3. Displays quickly
4. Browser compatible
5. Intuitive navigation
6. Spelling, grammar, writing
7. Secure (eCommerce) SSL = https://
8. Attractive design, easy to read
9. Cultural bias? (Regional? Domestic? International?)
10. No technical problems (broken links, buggy scripts)
11. Maintainable (separate content from style)
12. Search Engine Accessible

Leave a Comment