Friday, 9 November 2012

Initial Web Design Plan

1st hard copy website plan 

Final hard copy website plan 

1) Navigation bar + Drop down menu - I decided that the navigation bar would be positioned at the very top of the page as this is one of the first places the audience's eyes would be drawn to if they were to view the website. If iWeb is capable of the task I would like the first button, on the navigation bar entitled "Band Bio," to be an interactive drop down menu so that each member of the band is listed, this is because it would make the website seem more engaging for the user and thus more memorable, which in turn would mean the website is meeting its purpose.

2) Login section - If this plan was for a full working band website it would probably have a login section for a fan club of some sort, although the website isn't going to be fully operational I tried to imply the login section by adding a "Username" and "Password" text box where the respective fields would be filled in. I positioned the login section below the navigation bar as many websites have it at the top of the page and the users would therefore find it easier to get used to using.

3) Advertisement Banner - Adverts are commonly placed in two places on a website, at the top going horizontally across the screen or at the side of the page spanning vertically. I decided that the advert should be placed at the top of the page as this means that I have more room to manipulate the text and other features further down the page. In addition if its at the top of the page it won't distract the user when they scroll further down the page and as the advertisement will be advertising a product by the band it doesn't have to be big and flashy with loads of attention drawn to it.

4) Latest News with the band - This is where the main body of text will be placed on the page and will be filled with the latest information about the band. It is important that the main body of anchorage text is positioned centrally on the home page as this draws attention to it and makes the audience aware that it is one of the most important features on the page. The more important someone feels something is the more attention they pay to it so if the text is centred the audience will be more provoked to read it.

5) Social Network feed - Many Indie bands use social mediums to promote themselves so I thought it would be important to include a social network feed that will show the latest messages from websites such as Facebook and Twitter. However this may have to be changed when creating the webpage as there is a high probability that the social network feed would greatly slow the web page down. I haven't looked into that much yet but I think the easiest way to get a social network feed on iWeb is by using a HTML code.

6) Interactive Image gallery slide show - Near the bottom of the page there will be an interactive image gallery that automatically cycles through images in the gallery. Only selective images will be cycled through though as this feature would otherwise negate the point of having a gallery page. Having a feature like this makes the website appear more professional and sleek and therefore fulfils its purpose more as a greater amount of people would then want to visit the website again after they had used it once.

7) Bottom of the page hyperlinks - At the very bottom of the page there will be a secondary navigation bar that does the same task as the navigation bar at the top. However the text at the bottom will be less like a navigation bar and more along the lines of an obvious hyperlink, with the respective titles going to the respective pages. 

No comments:

Post a Comment