8
Unit 65-Uses and Principles of Web Animation for Interactive Media (Task 1- Investigate the uses of Web Animation)

Task 1 investigating the uses of web animation

Embed Size (px)

Citation preview

Page 1: Task 1 investigating the uses of web animation

Unit 65-Uses and Principles of Web Animation for Interactive Media (Task 1-Investigate the

uses of Web Animation)

Page 2: Task 1 investigating the uses of web animation

Banner AdsThe following example of an advertising banner is taken from the Gamestation website where it advertises the latest games and gadgets that are used for games consoles as of today. It also includes a state of animation within the advertising banner where the products are displayed within a sequence of numbers in order to individually display the latest products that are being shown within the Gamestation website. Overall, I feel that the colour scheme that is used within the advertising banner of the Gamestation website matches the overall theme and it is suitable towards its target audience which is gamers. However, rollover colour effects may need to be taken into consideration as an additional feature within the advertising banner of the site that helps to sustain the overall theme for the Gamestation website.

Page 3: Task 1 investigating the uses of web animation

Animated Interface ElementsThe Simpsons website for instance, makes use of interactivity right from the word go where it shows the Simpson’s logo itself and it includes a preloader that is designed as a donut which gives users an indication that that the website is being uploaded. It also shows an illusion of movement throughout the main parts of the navigation system within the site. For example, I navigated from the home button to the about button and during this process it shows an illusion of movement within the motion picture of all of the features that are involved within The Simpsons website.

Page 4: Task 1 investigating the uses of web animation

Linear and Interactive AnimationsFor the XGamestation website it does involves features that are passive on the computer screen that cannot be controlled by the users. For instance, the Hot News! section displayed within the top-centre of the site shows movement of the text moving to the right hand centre of the screen which allows users to access more information on the headlines stated within the Hot News section of the XGamestation website. In terms of the interactive elements it integrates an outline of the recent animated game demos where there are links provided just underneath the motion picture of the games. As a whole I feel that the colour schemes reflect the layout of the site and it utilises animation very well within mainly all of the XGamestation website and it does resemble the overall theme of the site.

Page 5: Task 1 investigating the uses of web animation

PromotionOn the bmw.com website I have found that just recently it has released the new BMW 3 series touring where there is a link provided so that users can view more information of this particular promotional product within the BMW website. It also exhibits it own unique brands and models of the BMW cars as well in which users can view the latest and exciting car models all related towards the BMW site. On the whole, I think that the BMW advertises it products very well and users are able to easily access the more recent promotions throughout the BMW website. Furthermore, I feel that the colour scheme does fit in well within the BMW website and the overlays do follow the pattern of the theme within the BMW site.

Page 6: Task 1 investigating the uses of web animation

InstructionI have found that on the bsapp.com website it provides a wide range of options for any type of academic purposes that are either listed by using arrow symbols or they are graphically scattered within certain areas of the computer screen. It also operates with the Sapp’s Instructional Website’s site map where users are able to navigate backwards and forwards throughout the bsapp.com website. On the whole, I feel that the bsapp.com website has integrated its own colour scheme very well throughout all of the interactive content within the site and it also displays its own slogan as well so that it becomes identical towards anyone accessing the bsapp.com website.

Page 7: Task 1 investigating the uses of web animation

InformationFor the marksandspencer.com website it gives users details on that latest discounts for all children whether its male or female. For example, 20% off the kid’s and baby clothing from Thursday 13 th September to Saturday 15th September. It also shows the Autumn Arrivals from Per Una for women and the New Season Collezione for the men as well where users from both genders can shop within these sections to find out more about the latest products. As a whole, I feel that the marksandspencer.com website does make use of the appropriate colour schemes that flow well within the overall theme of the site. However, their could have been colour rollover effects applied towards the discount advertisements as illustrated below so that it keeps in touch with the whole theme of the marksandspencer.com website.

Page 8: Task 1 investigating the uses of web animation

EntertainmentThe hmv.com website obtains a wide range of technological devices such as, DVD, Blu-Ray Disc, CD and Nintendo Wii etcetera which are divided into categories such as, Film, Music and Games etc. It also shows the most popular movies, music and more where these will be coming out in the month of September 2012 and additionally you can by 5 Blu-Ray Discs for £30 in which supplements the advertisements of movies. In general, I think that the hmv website makes efficient use of the colour scheme that helps to resemble the overall theme of the site and it effectively uses colour effects throughout the whole of the website as well. The only criticism is that the anchors that are displayed underneath the navigation bar could do with colour rollover effects so that it fits in with the rest of the colour scheme within the hmv site.