Once this portion of your storyboard brainstorming is finished (or you at least have a solid design concept) it is a good idea to proceed with a sitemap.Ī sitemap is exactly what it sounds like, a map to your website. Then build your site with their interests and concerns in mind. Research your target users and see what interests them, or what makes them tick. What is the point you want to get across? What is your idea of success? Next, create user personas. According to WDM the first step in the storyboarding process is to gather information on your audience and determine the purpose for your page.

While researching various web development processes I came across the official page for Web Designer Magazine (WDM) which featured a simple outline for storyboarding. Once you have decided on these framing features you can start working on the content and graphics that will be added. According to the tips site the header and footer is also a must. Basically, the most successful designs fall into one of two layout categories: single column and double column. In another recently posted article titled Tips on Programming Your Website after Storyboarding, there are a few basic website components to keep in mind when designing your layout. Your website should be fresh and intriguing but also user-friendly. This simple sketch and pre-development exercise will greatly reduce the amount of time and energy spent on your actual development process.Īccording to the website the goal of your storyboard should be to create a design that is unique yet simple. In essence, the storyboard is the blueprint for your website. Storyboarding is an essential component toward a streamlined web design process. Storyboarding Tips: Step by Step Posted by daniellegatsos in Design, Development.

Digital storyboard program