Assessment objective 2

Navigation Button 1 sketch diagrams Annotation & Explanation

Home

Example The Sketch Plan

Musical notes in form of the letter ‘H’ for Home.

Also labelled home.

Button will have the colour Blue

Width: 248 pixelsHeight: 118 pixelsSize: 10.4 kbFont Size: 18

Home

The target audience will be fans of rock music of any bands who like to keep music updates and people who like to buy music resources online. This is because the colours involved will be mostly black and blue. In addition the background will be plain black, to match the rocky genres and to match the header flames

The home button has plain colours (black, blue and white) because it is able to match most types rock bands

The message is clear because of the formal (plain) colours used in the button and the header flames.

Blue, white, and black colours for NavBar buttons Font size: 24 Font style: Algeria Font colour: Black Logo as home button

Home

Width: 248 pixelsHeight: 118 pixelsSize: 10.4 kb

Home

,

RolloverHom

eHome

As a picture the object has a File size; 11,520 bytes

Home

Download time: 0.15secs

Home

Navigation ‘Find button’ sketch diagrams

Find…

Navigation ‘FIND’ sketch diagrams Annotation & Explanation

Has a magnifying glass to represent and enhance the find button.

Has the same text style (house style)as the home button; Algeria

Font size; 24Find…

The find button like the home button is aimed at fans of rock music of any band. This is because of the way the icon helps the user to interact freely without hesitation and the header giving edge. How ever unlike the home button, the find button has a dropdown which lets you Search your criteria, using simple categories.

The find button has been created to help the user find what he/she is looking for in one easy place.

It is made to make searching different criteria's easily, all in one place

The house style for the find button is the same as the home button; blue with a font size of 24.

Font colour: blue Font style: Algeria with a drop down menu; the find button is

compact and clear. Font size: 24

Width: 247 pixels Height: 126 pixelsSize:

Find…

Rollover

Find…

Find…

Find…

324 x 150 pixels

Download time: 0.27secs

Find…

Navigation ‘shop button’ sketch diagrams

Shop

Navigation ‘Shop button’ sketch diagrams Annotation & Explanation

Has trolley icon to represent and enhance the shopping button for all audiences

Has the same text style (house style)as the home button; Algeria

Font size; 24 Shop

The shop button, like the home button is aimed at fans of rock music. This is because of the plain colours and because of the way the icon helps the user to interact freely without hesitation. In addition the header flames adds a little bit of edge to the NavBar.

The shop button has been created to help the user buy any music resources online in one place.

It is made to make buying online easy and fun.

The house style for the shop button is the same as the home button; every one who likes rock.

Font colour: blue colour (light blue when rolled over)

Font style: AlgeriaFont size: 24

Shop

308 x 166 pixels

Rollover

Extras Extras

790 x 728 pixels

Extras

Categories

Updates

Try… > Send ur Fav

Watch clips

Listen to demo

Download time: 0.26secExtras

Categories

Updates

Try… > Send ur Fav

Watch clips

Listen to demo

Home

Shop

Album

Singles

Package

Extras

Categories

Updates

Try… > Send ur Fav

Watch clips

Listen to demo

Find…

Find us

Search page

Home

Shop Extras Find…

Album

Singles

Package

Categories

Updates

Try… > Send ur Fav

Watch clips

Listen to demo

Find us

Search page

Quick home access

Easy-to-use online music shop with options

Quick and compact find area

Extras in compact mode

Icons to help enhance finding different options

Find dropdown to enhance the compact features

Normal colours blueRollover colour: greenFont size: 24Font: Algerian

The navigation bar has been aimed at audiences who like rock music.

This is because of the plain colours used. And because of the way the background colour fits the colour of the flames and writing.

The purpose of the NavBar is to help people navigate from one page to another quickly and easily.

Formal, Logo is used on every page as a home button

Plain colours are used (blue and black)

Sizes ranged: 20-24 are usedAlgeria is used

1485 x 1133pixels441 kb

Home

Shop

Album

Singles

Package

Extras

Categories

Updates

Try… > Send ur Fav

Watch clips

Listen to demo

Find…

Find us

Search page

Advertising Bar sketch diagrams

X

Advertising Bar sketch diagrams Annotation & Explanation

X

Back colour will be blue and adverts will be available on the blue.

So adverts can be closed.

Purpose/message

House style eg colours, text size, colour, style

Dimensions (width and height)

Features eg rollovers, user interaction

Target file size

Download times