Multimedia Design and Development

Three Examples Interactive Web Presentation read

Three Examples Interactive Web Presentation read
Written by Gary Black

Three Examples Interactive Web Presentation read: Teaching Sites

In this exercise you have been given the task of creating an interactive web presentation for teaching, recruiting, training, marketing, etc. for a business, school, church, volunteer organization, etc. Here are Three Examples Interactive Web Presentation Teaching.

Three Examples Interactive Web Presentation read

Three Examples Interactive Web Presentation read

 

The example below are from three teaching sites.

Locate three different web sites similar to what you would like to produce.  Choose sites which are applicable to your major or career, if possible.

For each web site you visit, write in the table below the name of the site and its URL, and:

  1. Describe each site in terms of its multimedia incorporation.
  2. Discuss whether its multimedia content is appropriate and where and how additional media content might improve the site.
  3. Describe what multimedia presentation formats it uses. Video? Virtual reality? 3-D animations?

Site Interactive Web

Example: Three Examples Interactive Web Presentation read

Site 1  Coursera
URL (address)  https://www.coursera.org/
Describe the GUI. What navigational elements does it have? What colors does it use? Is it cluttered?  The GUI is highly organized and functional. You can navigate across all subjects from the menus provided on the home page. Light gray background, white subject detailed links with images. Banner is green blue (neon) contrast with blended student image. Dark gray headings and light gray content text. No clutter is evident.
Is the content relevant and appropriate? What additions/deletions of content might improve the site? Describe any multimedia presentations of specific products. What formats do they use?  The content is relevant and appropriate to the subject matter. Reducing content list on front page may speed uploading time and presentation. Video lectures and graphics using standard mp4 and jpgs.
Site 2  Khan Academy
URL (address)  https://www.khanacademy.org/
Describe the GUI. What navigational elements does it have? What colors does it use? Is it cluttered?  GUI is highly organized and functional. Simple navigational links on home page and other pages reviewed. White background, course headings and links are colorized for each subject. Math green/blue, Computing green and others. Banner is also blue green using simple snow-capped mountains image. No clutter evident.
Is the content relevant and appropriate? What additions/deletions of content might improve the site? Describe any multimedia presentations of specific products. What formats do they use?  Content is relevant and appropriate. Any adds or deletions are subjective between designer and client. Personally I would add a student similar to Coursera. Video lectures included using YouTube embedding.
Site 3  Code Academy
URL (address)  https://www.codecademy.com/
Describe the GUI. What navigational elements does it have? What colors does it use? Is it cluttered?  GUI is simple and clear. Using a simple sign up or login navigation in the banner. You have to scroll to footer for links. Mix of light gray, white and dark gray background in sections. Middle section use a contrasting green when the cursor hovers. Gray text. Not cluttered with large white spacing.
Is the content relevant and appropriate? What additions/deletions of content might improve the site? Describe any multimedia presentations of specific products. What formats do they use?  My sample pages visited confirms content is relevant and appropriate. Use of some animated material could be added to differentiate message. Site embedded YouTube video to present service offered. Formats include mp4 video and jpg images.

Three Examples Interactive Web Presentation read

About the author

Gary Black

Leave a Comment