Interactive Banner: Testing

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Interactive Banner: Actionscript

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Interactive Banner: Multiples

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Interactive Banner: Style & Colour Choices

Part II: Scotland banner.

This banner will be made up of layers of colour, texture, historical artefacts and imagery that are able to clearly define its subject. I draw inspiration from the countries own flag (Scotland's cross of St. Andrew or 'Saltire'), its heather lined hills, water filled lochs, snowy mountain peaks, bustling cities and isolated, sheep filled islands. Tarton, wool, rock, mud, ice and snow could all be represenative of the banner's textural features.

I want to include as much historical reference as possible without over-crowding or over-complicating the design. Architectural, cultural, social and industrial history will be united with its very own natural history. Famous Scottish men and women will be displayed alongside lochs and mountains.

Interactive Banner: Style & Colour Choices

Part I: Product banner.

Due to the nature of the chosen item, the colours implemented will reflect its intended environment. Woodland, hillsides, moorland, dirt trails, caves, lakes and toepaths have inspired the colour choices for this banner ad. You can see this represented by the swatch below. Each of these colours was sampled directly from photographs of each element and can be seen as a true representation of natural colouring.

I may included some of the textural features that go with these environments. Muddy footprints, leaves and twigs will be used to create borders and text areas rather than rigid boxes and pixel borders. Obviously the amount of frame decoration depends entirely on the size of the banner. The larger 'skyscraper' ads leave more room for stylization. The dimentions of the horizontal, standard banners leave it difficult to add anything other that content without disfiguring the legibility. Care and dilligence must be maintained.

Interactive Banner: Web Ads

As you will see from the prototype examples in the previous post, the banners remain fixed upon opening or refreshing of the browser. The interaction only begins when the user initiates its functions. I would like to now explain this desision.
As a frequent internet visitor I believe it is important not to upstage the content of a site with crude advertisements. Although some flash pieces are worthy of recognition and prominent display, many make painfully hard work out of simple transitions between sites and pages. You are bombarded with colours, shapes, sounds, text and speech which is usually completely unrelated to the site you are visiting. Many take different lengths of time to load and preload and without Macromedia plugins, Flash banners are rendered completely useless. That's without even beginning to mention the products themselves. The latest socio-technologially 'trendy' artefacts such as Apple's 'i' devices or the latest 'intelligent' beard trimmer seem to be haphazardly slapped anywhere that will take the commission. Where in television you can escape the ads by changing a channel or waiting for the break to end, nowhere seems to be safe ground within the net. With ever greater price-tags for this virtual real estate, soon we'll have no space for content and without control, browsing will become a fully interactive Yellow Pages rather than a tool for communication, publishing and information retrieval.

There are several kinds of web ads. Variations on these continue to appear:

Banner ads: standard horizontal 468x65 pixels.

Sidebar ads (aka skyscraper ads): vertical and scrollable, two to three times higher click-through rate than banners.

Pop-up and pop-under ads: annoying to close, but far higher click-through; higher cost for advertiser.

Floating ads: even more intrusive than pop-ups—they have sound and motion, and produce still-higher click-through numbers.

Unicast ads: a television-like 'commercial' with the advantage of clickability to the sponsor’s site.

Interactive Banner: Prototypes

Having developed the concept for the banners, it is now time to get a little feedback on the ideas. I have created a few prototype banners which test the user's interactivity. Download the .zip file through the link below, have a look and please leave some appropriate feedback.

Download: prototype.zip

Interactive Banner: User Initiation

Keeping the basic function of the banners simple is the key to this exercise. Although I want the banners to stand out, I don't want to detract attention from the sites that they are destined for. I want the initial keyframe to be static or involve minimal animation. Only when the user initiates the banner will it spring into life displaying the complexity of the flash piece. The user need not be bombarded by the banner but given the choice to initiate and control its actions. I want these banners to be viewed as an extention to the site they appear on rather than an overide of the content they surround. It is all about context and what I have done is try to develop a way in which they can compliment the context in which they sit. Defining the context they will suit is all down to what product(s) the ad chooses to display. Because of the nature of my chosen product, the banners created to serve them will sit well among websites like Black's, Millet's, Decathlon and other outdoor activity specialists. This postioning is integral to the effectiveness of the banner.

Interactive Banner: Merging Ideas.

Having now chosen the products for each of the brief options I would like to take some time to reflect on this decision. I wanted my banners to link to each other in an abstract sense. No obvious links will be made but the product depicted in one will reflect the climate of the country selected for the other be that socially or geologically. In plain terms, I want to think of it as a useful object to possess when travelling the chosen country.



The Selected Country:
Scotland.

This country was selected because of the huge visual library that Scotland has to offer. If I was to approach this from a 'tourist attracton' perspective, I would have a vast array of imagery, backdrops and history to refer to (INSERT EXAMPLES). Instead I want to concentrate on the isolation of some of Scotland's terrain in order to try and link it to the product mentioned in the next section. The terrain depicted in the ad will appeal more to outdoor enthusiasts like off road cyclists, climbers, hill walkers, orienteers. This ad will not depict Scotland as a cosy, culture rich metropolis but as a place to go to get away from urban chaos and get a bit muddy.

The Selected Product:
Portable Lighting (UltraPower LED Torch).

Out of all my product ideas, this one is the best suited to the country I am using. I am still undecided as to use an existing product within this brief. I have played with the idea of using an exagerated product with extra functions that I can market and better relate to the country. Ideas such as GPS, DAB radio, naked flame, knife, ultra bright, long lasting LED torch, whiskey and cigarettes could all be implemented turning it into more of a survival device. This device will develop further as I decide of which areas of the country to market.

Interactive Banner: Concepts

What I want to begin with is a look into what products are likely to turn up on a web advertisement. From the result of this process, I can begin to develop and build the banner concept itself.
It is predominantly the youth of today who frequent the internet and due to this, product placement is ususally centred around the 18-35 year old demographic. Products and services such as mobile phones, cheap airlines, clothing retailers, gadgets and personal computers are commonplace among web adverts but items like hearing aids, drain rod companies, private healthcare, golf clubs and windscreen wipers are scarce. Because of this it is important that I choose a product/service that translates well into these terms. In the real world a double glazing company wouldn't ask a designer to create a banner for use on Myspace or Facebook. They would simply spend time advertising where they are more likely to reach their target audience, i.e. a newspaper or direct mailing/leaflet distribution.
Once I have decided on an product that fits the criteria necessary for warranting a web banner, I will begin the ideas process.

Rolling On

We're well and truly rolling through the second year. Alot more concise than last year, although still a few teething problems. The web banner project seems simple enough though I'm gutted that we can't choose the content. Could have killed two birds with one stone and done some Ambush related material.

Ambush Is Now Mobile \o/

This summer has seen many hundreds of hours put into our extra curicular venture 'Ambush'. Having developed a full, interactive website, membership database, live performance and most recently a 10K soundsystem we are now on the road to bring our unique ideas to the masses. The first proper outing of the soundsystem will be the 19th October so get down to Templars on Goldsmith Street, Notts to check out what we're developing.

Interactivity - Human Interface

As predicted at the end of year one, the web pathway on the Multimedia course will not only incorporate the fundamentals of web design (including graphics, screen layout and visual heirarchy) and web page programming (html, htm, xhtml, css, actionscript and javascript) but will offer an understanding and analysis of human interfacing in regard to usage of web applications and other technologically based media. The importance of the way in which a person can interact with web applications is heavily stressed. We are to understand that it is key to make interaction between user and application is to be as simple and easy to learn as possible. Expect much more on this throughout the year.

"Allatonceness"

As brilliant as this book is ('The Medium Is the Massage' by Marshall McLuan), the language is somewhat hard to digest. The word 'allatonceness' springs up half way through the book with no reference to its meaning. After scouring the net I have found no eveidence that this word exists in the English language. "Ours is a brand new world of allatonceness", is the context in which the word is used but still it gives no clue as to its meaning or origin. The search continues.

Entroducing - Ambush Mob

Since the conception of Ambush back in 2005, we've been searching for the best way to fuse our favourite sounds into one mega performance. I am proud to say that after a year in the making we can say the Ambush Mob is fully mobile. Consisting of MisterBump (myself), Kid Chameleon (Hugo Horvath) and Kitsch&Sync (Matt Choules), we're aiming to shock the masses with our no-holes-barred mash up action. Not only do we have MisterBump and Kid C fronting the turntables and CDJ's with 3/4 tune mixing but we have Kitsch&Sync dropping crowd winning tunes by way of acappellas and loops with the cunning help of Ableton Live. With our first public outing in late September, it won't be long before Nottingham is fully ambushed. Hold tight.

Back To Multimedia

After a hectic holiday, I'm back to prepare for the start of term. I've seen many thing over the course of my "summer" that could in some way relate to the work I undertake during the second and third years. Most memorably 'The Bristol Meth' (Mr. Hopkinson's_Computer) and the installations of 'Semi Conductor'.

Bristol Meth's 'Cutting Up My Friends' (above) is an interactive Flash based piece that allows the user to set up rhythms of movement and sound between various pieces of edited film. Check it out.

I came across a Semi Conductor installation by the name of 'Earth Moves' in early August (below). It shows the world as we have never seen it before. Videos are animated to naturally recorded, everyday sounds and the world fluxes around theses sounds with a mixture of still photography and 3D animation. Very clever.

Identities: Done And Dusted

With the project finished and the evaluation complete I'm off to mash up at UKTech. Its been a long, steep learning curve to get this one rounded off but I've thoroughly enjoyed it. The site was not uploaded a server so can only be viewed by downloading the file listed below. It seemed unnecessary to do so as the content is not complete. It would have taken a collaboration with Trent Media to finish that.

Download: Trent Media Website.zip
File Size: 2.2 MB

Identities: Internet Explorer

This ones getting tougher. Having finalised all styling the site is ready. I'd been testing it using both Mozilla and Internet Explorer at the start and throughout the project but neglected to do so towards the finishing stages. Although everything looks great in Mozilla's Firefox all was definately not peachy on the I.E front. It totally glitched out on the menu which is the root to the site. I'd coded in most of the backup links using css so the it displays as a basic page but without the menu links. Bad times.

Identities: Web Design

This one's been a toughie. Definately the most mind boggling few weeks I've had so far. Not that I've not enjoyed it of course. This is what I'm here to do but its a steep curve. From scratch to this cannot be sniffed at. Take closer look at whatI'm talikng about...

Download MM_ident_finalised-web.doc

Eco-Event: Preview

Here's what some of the Eco-Event paperwork will look like. The finished pieces may involve a few tweaks here and there. Back to Trent Media.