Design Brief Report

In this report I am going to be explaining the special techniques (rollovers, house-style-action), methods of output (email attachments ad e-cards) lastly available output devices (mobile phones, PDA, monitors and tablet.) The purpose of this is to create a button that will suit the website. The audience is the people that are looking for an apple watch or o buy one. The reaction of the button must be great and the audience should like the button.

Rollovers
A rollover is a great technique to create buttons for websites. For example if someone goes on the website you don’t need to go through a lot of pages to get to page that you need to go. Whereas the rollovers will be at the bottom of the page to take you to page that you want to go onto. Which will be easier for them to access what they want and it’s an easier way to get access and navigate to different pages. Without rollovers, the page it would take a lot of time for the user to get to the page that they want and will be able to see one page at a time. Also the rollover buttons will change colour for example like the number of pages at the bottom of page are black and once you clicked on it will change colour to blue to show you that you have completed it. The main audience, for this product is going to be young adults with no specific gender, therefore I believe metallic colours would look great on the website and will also be similar to the company’s house-style, which would look professional as well as doing its job of trying to sell the product, the audience should have a positive reaction towards this, and the main reaction from the user should be to buy the product, and be pleased with the product, also the user clicks on the button so it directs them to the checkout page.

House style:
Having a reliable house style is very important when making a website, or a button in my case, having a reliable house style is using the same size, font, colour, and layout, the reason for doing this is because, it gives a more professional and genuine impression and actually attracts the user towards it. For the apple website I will be using similar colours to make it blend in. I’m going to be using white, sliver and grey so it’s reliable for the website.

Actions:
It is important to have an action when creating your button, because the smallest of details draws the user towards it, an action is basically what will happen when the user hovers the cursor above the button, an action consists of three main events: up, over, and down. The actions, which I have considered for the button, are that it will have three events: up, over, and the down stage.

File size
When creating an animation, it is very important to bear in mind the file size, this is because in my case, I will be emailing this and if my animation is a large file, it will take time to reload, which can frustrate the viewer, however if this animation was on a DVD, file size is not something to worry about. Therefore, it is important for a designer to consider the file size. The compression techniques that I will be using are: auto crop- this because the main task of auto crop is to remove the background behind the image which is either using too much background space or simply to make the image more appealing/ remove unwanted background

Output Methods:
The output method, will be a normal email where it will be discussing the main features of the product, however underneath the email description a button will be embedded in for the user to click and get more information about the product, I believe this a great approach as the user will have a brief description of what the product is, the email will also have an image of the product and the description will be short and bullet points, also if the user needs more information or wants to checkout, a button will be embedded in to direct them straight to the website, rather than the old traditional method of a hyperlink. The reason I have not chosen a E-card is because an E-card is usually sent out as a joke, or an inspirational message, also another reason for me not using an E-card is because it often has a sound and my animation will not have sound, therefore an E-card is of course no use to me, also it would use a lot file size.

File format:
The file format, that I will be using for my button is Shockwave. SWF-file, this is because an SWF. Files look better and have a smaller size, compared to other file formats. For my animation, the file format I will be using is Animation Gif. This is because animation gifs. Don’t require any additional plug INS, therefore they can work on most devices, also animated gifs play on most browsers.

Output Media:
Since the audience of this product is young adults, I believe they will have reasonable phones, tablets, laptops, computers, and so on… that will support a typical resolution of 1080x720, I have also taken into consideration the fact that some devices only show half the email. Therefore, when the email is sent out, it will automatically adjust to the screen size of the device.