Post on 01-Jan-2016
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