SlideShare a Scribd company logo
1 of 7
Ben Turner             Unit 65-Web Animation for Interactive Media                   16/10/12
                        (Task 1iiii-Analysing the MacTalk website)




                           http://www.mactalk.com.au/content/

The structure of the MacTalk website I think is very well put together and it uses
appropriate, reflective colour schemes such, along with symbolic features that helps to
match the overall theme of the site. As a whole, I feel that the styles are very suited for the
overall aim for the MacTalk website.

On the whole, I think that the main background of the site is very well integrated in terms of
the texture and the representative features within the website where for example, it has its
own unique quotation bubble which has been incorporated within the backdrop image for
the interactive elements that is displayed at near the top-centre of the site.
Ben Turner             Unit 65-Web Animation for Interactive Media                    16/10/12
                        (Task 1iiii-Analysing the MacTalk website)
The main colours and styles that have been used within the site are the following:

       Pale Blue and White (Is mainly used within the background of the website content
       and the interactivity features as well as shown in the illustrative example above)
       Darker Blue (Is utilised within the backdrop image of the navigation and text
       headings for the descriptions content throughout the site)
       Black (Which is implemented within the headings, sub-headings and the general
       descriptive text as well)
       White (On its own is a supplementary rollover effect for the certain interactive
       features such as, the extract of the navigation bar shown above)

The font is Arial which is at a 10 pt as illustrated below. The sizing of the other text content
does vary throughout the site.




As a whole, I feel that the typography is fits in well for every webpage within the site
however, the text could do with re-sizing slightly as this will help to make it more readable
for the users viewing the site.

The logo graphic is functional within the site as it allows users to navigate back towards the
homepage of the website where this enables direct access to the index page no matter what
webpage they are on.
Ben Turner             Unit 65-Web Animation for Interactive Media                 16/10/12
                        (Task 1iiii-Analysing the MacTalk website)
The advertising banners do alter depending on the certain products that have been
promoted recently such as, iPhone 5. Another example will be an advertisement of the
Fujitsu scanners in which this involves a state of animation where the latest features of the
products are advertised. It also includes a glossy anime affect which has been applied
towards the text caption called “Samurai of Scanners” and a zoom in effect which has been
used for the following text caption: “Fujitsu” where this is an overlay for the previous
caption as stated above.
Ben Turner   Unit 65-Web Animation for Interactive Media   16/10/12
              (Task 1iiii-Analysing the MacTalk website)
Ben Turner            Unit 65-Web Animation for Interactive Media                16/10/12
                       (Task 1iiii-Analysing the MacTalk website)
The only main screen icons that are used within the website are Christmas hat and
Quotation Bubble in which it uses icons externally within the site as well where it enables
users to become socially interactive with the online news and general interaction with
friends or relatives. It also shows additional icons where the 1 st example of the screen
printing of the advertising banner where this allows you to make purchase for the latest
product advertised which is the iphone5. The 2nd example enables you to subscribe with
what is called a blogger where this is used to submit any work or general email sent by
registered members of the MacTalk website.




The main rollover effects that stand out within the site are the Mark Forums Read and the
Latest Discussions where they subtly changes from a blue to a darker blue colour scheme.
Ben Turner            Unit 65-Web Animation for Interactive Media              16/10/12
                       (Task 1iiii-Analysing the MacTalk website)
There are animated GIF features that are included within the index webpage of the site
where for instance, the news forum posts shows different characters in relation towards a
certain user called Erwin as shown below. Another one could be the OS X Mountain Lion
advertisement where it shows a very short piece of the state of animation between images
and text in order to promote the image of the mountain lion for the Macintosh PC.




The navigation used within the website consists of insightful colour schemes where the
normal blue colour within the backdrop image of the main navigation bar except from the
1st button which is the News changes to a darker blue colour and the white coloured text
stays the same.



See illustrations below…..
Ben Turner   Unit 65-Web Animation for Interactive Media   16/10/12
              (Task 1iiii-Analysing the MacTalk website)

More Related Content

Similar to Task 1iiii analysing the mac talk website

iDocuments Design Portfolio
iDocuments Design PortfolioiDocuments Design Portfolio
iDocuments Design PortfolioMike Brunet
 
5 creative uses of favicons
5 creative uses of favicons5 creative uses of favicons
5 creative uses of faviconsArif Hossain
 
Task 1ii analysing the simpsons website
Task 1ii analysing the simpsons websiteTask 1ii analysing the simpsons website
Task 1ii analysing the simpsons websiteBenT1990
 
Lundquist final project storyboard 2
Lundquist final project storyboard 2Lundquist final project storyboard 2
Lundquist final project storyboard 2werlocka
 
TC Resume Presentation
TC Resume PresentationTC Resume Presentation
TC Resume Presentationguestacb0b1
 
AIESEC Digital Guidelines.pdf
AIESEC Digital Guidelines.pdfAIESEC Digital Guidelines.pdf
AIESEC Digital Guidelines.pdfMarcin Porycki
 
AIESEC Digital Guidelines.pdf
AIESEC Digital Guidelines.pdfAIESEC Digital Guidelines.pdf
AIESEC Digital Guidelines.pdfMarcin Porycki
 
Aiesec digital guidelines
Aiesec digital guidelinesAiesec digital guidelines
Aiesec digital guidelinesMarcin Porycki
 
Assignment learning 2
Assignment learning 2Assignment learning 2
Assignment learning 2Jeha Ryhan
 
Task 2 investigating the development of animation
Task 2 investigating the development of animationTask 2 investigating the development of animation
Task 2 investigating the development of animationBenT1990
 
Task 2 investigating the development of animation
Task 2 investigating the development of animationTask 2 investigating the development of animation
Task 2 investigating the development of animationBenT1990
 
Task 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaTask 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaBenT1990
 
Task 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaTask 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaBenT1990
 
Task 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaTask 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaBenT1990
 
Famous Freddy Mobile Platform Manual
Famous Freddy Mobile Platform ManualFamous Freddy Mobile Platform Manual
Famous Freddy Mobile Platform Manualfamousfreddy
 

Similar to Task 1iiii analysing the mac talk website (20)

InDesign: EPUB Interactivity Panel
InDesign: EPUB Interactivity PanelInDesign: EPUB Interactivity Panel
InDesign: EPUB Interactivity Panel
 
Final project 333
Final project 333Final project 333
Final project 333
 
iDocuments Design Portfolio
iDocuments Design PortfolioiDocuments Design Portfolio
iDocuments Design Portfolio
 
5 creative uses of favicons
5 creative uses of favicons5 creative uses of favicons
5 creative uses of favicons
 
Casestudy
CasestudyCasestudy
Casestudy
 
Task 1ii analysing the simpsons website
Task 1ii analysing the simpsons websiteTask 1ii analysing the simpsons website
Task 1ii analysing the simpsons website
 
Lundquist final project storyboard 2
Lundquist final project storyboard 2Lundquist final project storyboard 2
Lundquist final project storyboard 2
 
TC Resume Presentation
TC Resume PresentationTC Resume Presentation
TC Resume Presentation
 
AIESEC Digital Guidelines.pdf
AIESEC Digital Guidelines.pdfAIESEC Digital Guidelines.pdf
AIESEC Digital Guidelines.pdf
 
AIESEC Digital Guidelines.pdf
AIESEC Digital Guidelines.pdfAIESEC Digital Guidelines.pdf
AIESEC Digital Guidelines.pdf
 
Aiesec digital guidelines
Aiesec digital guidelinesAiesec digital guidelines
Aiesec digital guidelines
 
Assignment learning 2
Assignment learning 2Assignment learning 2
Assignment learning 2
 
Flash
FlashFlash
Flash
 
Task 2 investigating the development of animation
Task 2 investigating the development of animationTask 2 investigating the development of animation
Task 2 investigating the development of animation
 
Task 2 investigating the development of animation
Task 2 investigating the development of animationTask 2 investigating the development of animation
Task 2 investigating the development of animation
 
Task 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaTask 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive media
 
Task 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaTask 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive media
 
Task 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive mediaTask 1 2-3-4-5 uses and principles of web animation for interactive media
Task 1 2-3-4-5 uses and principles of web animation for interactive media
 
Famous Freddy Mobile Platform Manual
Famous Freddy Mobile Platform ManualFamous Freddy Mobile Platform Manual
Famous Freddy Mobile Platform Manual
 
Colleen's Test
Colleen's TestColleen's Test
Colleen's Test
 

More from BenT1990

Task 2ciii shot-log for the ict creative media digital video
Task 2ciii   shot-log for the ict creative media digital videoTask 2ciii   shot-log for the ict creative media digital video
Task 2ciii shot-log for the ict creative media digital videoBenT1990
 
Task 5 assets table for the ict-creative media digital video
Task 5   assets table for the ict-creative media digital videoTask 5   assets table for the ict-creative media digital video
Task 5 assets table for the ict-creative media digital videoBenT1990
 
Task 3ii team proposal presentation
Task 3ii   team proposal presentationTask 3ii   team proposal presentation
Task 3ii team proposal presentationBenT1990
 
Task 2ciiiii justifying the ideas for the creative media digital video project
Task 2ciiiii   justifying the ideas for the creative media digital video projectTask 2ciiiii   justifying the ideas for the creative media digital video project
Task 2ciiiii justifying the ideas for the creative media digital video projectBenT1990
 
Task 2 client brief report
Task 2 client brief reportTask 2 client brief report
Task 2 client brief reportBenT1990
 
Task 5 evaluation for the creative media digital video project
Task 5   evaluation for the creative media digital video projectTask 5   evaluation for the creative media digital video project
Task 5 evaluation for the creative media digital video projectBenT1990
 
Task 4ii minutes - creative media digital video end of project meeting
Task 4ii   minutes - creative media digital video end of project meetingTask 4ii   minutes - creative media digital video end of project meeting
Task 4ii minutes - creative media digital video end of project meetingBenT1990
 
Task 4ii agenda - creative media digital video end of project meeting
Task 4ii   agenda - creative media digital video end of project meetingTask 4ii   agenda - creative media digital video end of project meeting
Task 4ii agenda - creative media digital video end of project meetingBenT1990
 
Unit 4 5 and 62 - evidence of email correspondence with the client
Unit 4 5 and 62 - evidence of email correspondence with the clientUnit 4 5 and 62 - evidence of email correspondence with the client
Unit 4 5 and 62 - evidence of email correspondence with the clientBenT1990
 
Unit 4, 5 and 62 communication log
Unit 4, 5 and 62   communication logUnit 4, 5 and 62   communication log
Unit 4, 5 and 62 communication logBenT1990
 
Btec level 3 ass 2 u4 5 and 62
Btec level 3 ass 2 u4 5 and 62Btec level 3 ass 2 u4 5 and 62
Btec level 3 ass 2 u4 5 and 62BenT1990
 
Task 4iii minutes - creative media digital video production meeting
Task 4iii   minutes - creative media digital video production meetingTask 4iii   minutes - creative media digital video production meeting
Task 4iii minutes - creative media digital video production meetingBenT1990
 
Task 4ii agenda - creative media digital video production meeting
Task 4ii   agenda - creative media digital video production meetingTask 4ii   agenda - creative media digital video production meeting
Task 4ii agenda - creative media digital video production meetingBenT1990
 
Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62BenT1990
 
Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62BenT1990
 
Task 2 client brief report
Task 2 client brief reportTask 2 client brief report
Task 2 client brief reportBenT1990
 
Swot analysis
Swot analysisSwot analysis
Swot analysisBenT1990
 
Client proposal for creative media digital video
Client proposal for creative media digital videoClient proposal for creative media digital video
Client proposal for creative media digital videoBenT1990
 
Btec level 3 ass 2 u4 5 and 62
Btec level 3 ass 2 u4 5 and 62Btec level 3 ass 2 u4 5 and 62
Btec level 3 ass 2 u4 5 and 62BenT1990
 
Task 4i – questionnaire on the finished creative media digital video project
Task 4i – questionnaire on the finished creative media digital video projectTask 4i – questionnaire on the finished creative media digital video project
Task 4i – questionnaire on the finished creative media digital video projectBenT1990
 

More from BenT1990 (20)

Task 2ciii shot-log for the ict creative media digital video
Task 2ciii   shot-log for the ict creative media digital videoTask 2ciii   shot-log for the ict creative media digital video
Task 2ciii shot-log for the ict creative media digital video
 
Task 5 assets table for the ict-creative media digital video
Task 5   assets table for the ict-creative media digital videoTask 5   assets table for the ict-creative media digital video
Task 5 assets table for the ict-creative media digital video
 
Task 3ii team proposal presentation
Task 3ii   team proposal presentationTask 3ii   team proposal presentation
Task 3ii team proposal presentation
 
Task 2ciiiii justifying the ideas for the creative media digital video project
Task 2ciiiii   justifying the ideas for the creative media digital video projectTask 2ciiiii   justifying the ideas for the creative media digital video project
Task 2ciiiii justifying the ideas for the creative media digital video project
 
Task 2 client brief report
Task 2 client brief reportTask 2 client brief report
Task 2 client brief report
 
Task 5 evaluation for the creative media digital video project
Task 5   evaluation for the creative media digital video projectTask 5   evaluation for the creative media digital video project
Task 5 evaluation for the creative media digital video project
 
Task 4ii minutes - creative media digital video end of project meeting
Task 4ii   minutes - creative media digital video end of project meetingTask 4ii   minutes - creative media digital video end of project meeting
Task 4ii minutes - creative media digital video end of project meeting
 
Task 4ii agenda - creative media digital video end of project meeting
Task 4ii   agenda - creative media digital video end of project meetingTask 4ii   agenda - creative media digital video end of project meeting
Task 4ii agenda - creative media digital video end of project meeting
 
Unit 4 5 and 62 - evidence of email correspondence with the client
Unit 4 5 and 62 - evidence of email correspondence with the clientUnit 4 5 and 62 - evidence of email correspondence with the client
Unit 4 5 and 62 - evidence of email correspondence with the client
 
Unit 4, 5 and 62 communication log
Unit 4, 5 and 62   communication logUnit 4, 5 and 62   communication log
Unit 4, 5 and 62 communication log
 
Btec level 3 ass 2 u4 5 and 62
Btec level 3 ass 2 u4 5 and 62Btec level 3 ass 2 u4 5 and 62
Btec level 3 ass 2 u4 5 and 62
 
Task 4iii minutes - creative media digital video production meeting
Task 4iii   minutes - creative media digital video production meetingTask 4iii   minutes - creative media digital video production meeting
Task 4iii minutes - creative media digital video production meeting
 
Task 4ii agenda - creative media digital video production meeting
Task 4ii   agenda - creative media digital video production meetingTask 4ii   agenda - creative media digital video production meeting
Task 4ii agenda - creative media digital video production meeting
 
Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62
 
Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62Btec level 3 ass 1 u4 5 and 62
Btec level 3 ass 1 u4 5 and 62
 
Task 2 client brief report
Task 2 client brief reportTask 2 client brief report
Task 2 client brief report
 
Swot analysis
Swot analysisSwot analysis
Swot analysis
 
Client proposal for creative media digital video
Client proposal for creative media digital videoClient proposal for creative media digital video
Client proposal for creative media digital video
 
Btec level 3 ass 2 u4 5 and 62
Btec level 3 ass 2 u4 5 and 62Btec level 3 ass 2 u4 5 and 62
Btec level 3 ass 2 u4 5 and 62
 
Task 4i – questionnaire on the finished creative media digital video project
Task 4i – questionnaire on the finished creative media digital video projectTask 4i – questionnaire on the finished creative media digital video project
Task 4i – questionnaire on the finished creative media digital video project
 

Task 1iiii analysing the mac talk website

  • 1. Ben Turner Unit 65-Web Animation for Interactive Media 16/10/12 (Task 1iiii-Analysing the MacTalk website) http://www.mactalk.com.au/content/ The structure of the MacTalk website I think is very well put together and it uses appropriate, reflective colour schemes such, along with symbolic features that helps to match the overall theme of the site. As a whole, I feel that the styles are very suited for the overall aim for the MacTalk website. On the whole, I think that the main background of the site is very well integrated in terms of the texture and the representative features within the website where for example, it has its own unique quotation bubble which has been incorporated within the backdrop image for the interactive elements that is displayed at near the top-centre of the site.
  • 2. Ben Turner Unit 65-Web Animation for Interactive Media 16/10/12 (Task 1iiii-Analysing the MacTalk website) The main colours and styles that have been used within the site are the following: Pale Blue and White (Is mainly used within the background of the website content and the interactivity features as well as shown in the illustrative example above) Darker Blue (Is utilised within the backdrop image of the navigation and text headings for the descriptions content throughout the site) Black (Which is implemented within the headings, sub-headings and the general descriptive text as well) White (On its own is a supplementary rollover effect for the certain interactive features such as, the extract of the navigation bar shown above) The font is Arial which is at a 10 pt as illustrated below. The sizing of the other text content does vary throughout the site. As a whole, I feel that the typography is fits in well for every webpage within the site however, the text could do with re-sizing slightly as this will help to make it more readable for the users viewing the site. The logo graphic is functional within the site as it allows users to navigate back towards the homepage of the website where this enables direct access to the index page no matter what webpage they are on.
  • 3. Ben Turner Unit 65-Web Animation for Interactive Media 16/10/12 (Task 1iiii-Analysing the MacTalk website) The advertising banners do alter depending on the certain products that have been promoted recently such as, iPhone 5. Another example will be an advertisement of the Fujitsu scanners in which this involves a state of animation where the latest features of the products are advertised. It also includes a glossy anime affect which has been applied towards the text caption called “Samurai of Scanners” and a zoom in effect which has been used for the following text caption: “Fujitsu” where this is an overlay for the previous caption as stated above.
  • 4. Ben Turner Unit 65-Web Animation for Interactive Media 16/10/12 (Task 1iiii-Analysing the MacTalk website)
  • 5. Ben Turner Unit 65-Web Animation for Interactive Media 16/10/12 (Task 1iiii-Analysing the MacTalk website) The only main screen icons that are used within the website are Christmas hat and Quotation Bubble in which it uses icons externally within the site as well where it enables users to become socially interactive with the online news and general interaction with friends or relatives. It also shows additional icons where the 1 st example of the screen printing of the advertising banner where this allows you to make purchase for the latest product advertised which is the iphone5. The 2nd example enables you to subscribe with what is called a blogger where this is used to submit any work or general email sent by registered members of the MacTalk website. The main rollover effects that stand out within the site are the Mark Forums Read and the Latest Discussions where they subtly changes from a blue to a darker blue colour scheme.
  • 6. Ben Turner Unit 65-Web Animation for Interactive Media 16/10/12 (Task 1iiii-Analysing the MacTalk website) There are animated GIF features that are included within the index webpage of the site where for instance, the news forum posts shows different characters in relation towards a certain user called Erwin as shown below. Another one could be the OS X Mountain Lion advertisement where it shows a very short piece of the state of animation between images and text in order to promote the image of the mountain lion for the Macintosh PC. The navigation used within the website consists of insightful colour schemes where the normal blue colour within the backdrop image of the main navigation bar except from the 1st button which is the News changes to a darker blue colour and the white coloured text stays the same. See illustrations below…..
  • 7. Ben Turner Unit 65-Web Animation for Interactive Media 16/10/12 (Task 1iiii-Analysing the MacTalk website)