2.5 Mood Boards
Mood boards are a technique widely used in advertising and interior design. Quite simply you gather visual stimuli that capture something of how you feel about the design – photographs and other images, colours, textures, shapes, headlines from newspapers or magazines, quotes, etc. You can put pages from websites you like on mood boards. If you use blu-tack or something similar then you can add and delete items from the mood board as your thinking about the design changes.
The rule with mood boards is that ‘anything goes’. The point of the board is not to formally represent some aspect of the design, simply to act as inspiration – perhaps promoting a particular line of thought, or providing inspiration for a colour scheme. One technique is to get the client to create a mood board. This can give you an insight into the kinds of aesthetics that are likely to appeal to them. You could also get end users to do the same, perhaps in a focus group.
Question: How would you create a mood board that could inspire through non-static/visual media?
2.6 Storyboards
Storyboarding is a technique taken from film making – using a simple cartoon like structure key moments from the interactive experience are represented. The advantage of storyboarding is that it allows you to get a feel for the ‘flow’ of the experience. It is also a very economical way of representing the design – a single page can hold 6-8 ‘scenes’. There are three types of storyboarding commonly found in interactive media design:
Traditional storyboarding: A storyboard for a film would usually have some notes attached to each scene expanding on what will happen – this allows you to overcome the limitations of representing what will ultimately be a dynamic experience in a static medium.
Scored storyboards: If your website or application has a lot of motion graphics you might consider using a notation to score your storyboard (see below) – a sketch is annotated with appropriate notation and notes about e.g. type, colours, images, sound and other issues are attached underneath
Text only storyboards – useful if the application has a lot of very complex sequences. You can specify what images appear, what text accompanies them, any accompanying media, and general notes about tone, flow, etc.