Communication Technology 3055: Rich Media Basics
Prerequisite: Comm Tech 2055 - Web Design 2
1. set project requirements
1.1 identify the purpose, audience and audience needs
1.2 identify rich media content that is relevant to the purpose of the media in which it will be used; e.g., Web sites, mobile devices
1.3 consider options for producing accessible rich media content
1.4 identify project management tasks and responsibilities
1.5 communicate with others about design and content plans; e.g., client, teacher, audience
2. identify rich media design elements
2.1 identify general and program-specific standard practices for designing rich media content for a Web site
2.2 identify general and program-specific techniques to create rich media elements that are accessible and readable
2.3 demonstrate knowledge of design elements and principles
3. build rich media elements
3.1 identify elements/tools of the program interface
3.2 use time lines
3.3 use motion editors
3.4 identify standard practices for managing the file size of a published document
3.5 use a storyboard to map, organize and produce rich media elements
3.6 adjust document properties
3.7 use guides and rulers
3.8 use tools to select, create, and manipulate graphics and text
3.9 import and modify graphics
3.10 use symbols and the library
3.11 create objects and convert them to symbols
3.12 edit symbols and instances
3.13 create animations; e.g., changes in shape, position, size, colour, transparency
3.14 add simple controls through programming
3.15 import and use sound
3.16 publish documents
3.17 export in various file formats
3.18 make document accessible
3.19 demonstrate project management tasks and responsibilities
4. evaluate rich media elements
4.1 conduct basic technical tests
4.2 identify techniques for basic usability tests
4.3 outline tasks and alternative strategies for Web site maintenance; e.g., in-house Webmaster, contract services
1.1 identify the purpose, audience and audience needs
1.2 identify rich media content that is relevant to the purpose of the media in which it will be used; e.g., Web sites, mobile devices
1.3 consider options for producing accessible rich media content
1.4 identify project management tasks and responsibilities
1.5 communicate with others about design and content plans; e.g., client, teacher, audience
2. identify rich media design elements
2.1 identify general and program-specific standard practices for designing rich media content for a Web site
2.2 identify general and program-specific techniques to create rich media elements that are accessible and readable
2.3 demonstrate knowledge of design elements and principles
3. build rich media elements
3.1 identify elements/tools of the program interface
3.2 use time lines
3.3 use motion editors
3.4 identify standard practices for managing the file size of a published document
3.5 use a storyboard to map, organize and produce rich media elements
3.6 adjust document properties
3.7 use guides and rulers
3.8 use tools to select, create, and manipulate graphics and text
3.9 import and modify graphics
3.10 use symbols and the library
3.11 create objects and convert them to symbols
3.12 edit symbols and instances
3.13 create animations; e.g., changes in shape, position, size, colour, transparency
3.14 add simple controls through programming
3.15 import and use sound
3.16 publish documents
3.17 export in various file formats
3.18 make document accessible
3.19 demonstrate project management tasks and responsibilities
4. evaluate rich media elements
4.1 conduct basic technical tests
4.2 identify techniques for basic usability tests
4.3 outline tasks and alternative strategies for Web site maintenance; e.g., in-house Webmaster, contract services
Definitions:
What is rich media?
Rich media is a digital advertising term for an ad that includes advanced features like video, audio, or other elements that encourage viewers to interact and engage with the content.
While text ads sell with words, and display ads sell with pictures, rich media ads offer more ways to involve an audience with an ad. The ad can expand, float, etc. You can access aggregated metrics on your audience's behavior, including number of expansions, multiple exits, and video completions to get granular data on the success of your campaign.
Rich media lets agencies create complex ads that can elicit strong user response. Using HTML5 technology, the ads can include multiple levels of content in one placement: videos, games, tweets from an ad, etc.
If you have a simple objective to generate clicks or a more ambitious goal to create brand awareness, rich media is the format to go with.
The key advantages of rich media creatives include:
Rich media is a digital advertising term for an ad that includes advanced features like video, audio, or other elements that encourage viewers to interact and engage with the content.
While text ads sell with words, and display ads sell with pictures, rich media ads offer more ways to involve an audience with an ad. The ad can expand, float, etc. You can access aggregated metrics on your audience's behavior, including number of expansions, multiple exits, and video completions to get granular data on the success of your campaign.
Rich media lets agencies create complex ads that can elicit strong user response. Using HTML5 technology, the ads can include multiple levels of content in one placement: videos, games, tweets from an ad, etc.
If you have a simple objective to generate clicks or a more ambitious goal to create brand awareness, rich media is the format to go with.
The key advantages of rich media creatives include:
- An engaging user experience leading to higher interaction rate
- Increased conversions, click-throughs, and view rates
- Better metrics than traditional ads
Standard creative
|
Rich media creative
|
Basically everything that engages the audiences or askes them to interact with a website aside from purely visual stimulus is rich media.
Here is a good website that illustrates various types of rich media. https://www.richmedia.com/
Other Examples:
https://www.eskimi.com/blog/top-10-rich-media-ad-examples-to-inspire-your-next-campaign
In this credit we will be using both Adobe Animate and Introducing Adobe XD to craft interactive experiences for your viewers.
Here is a good website that illustrates various types of rich media. https://www.richmedia.com/
Other Examples:
https://www.eskimi.com/blog/top-10-rich-media-ad-examples-to-inspire-your-next-campaign
In this credit we will be using both Adobe Animate and Introducing Adobe XD to craft interactive experiences for your viewers.
Assignment 1: Adobe XD Button Counter
Assignment 2: Vertical Website Advertisement
You know those annoying vertical website banners that pop up on the side of the webpage youre trying to browse in peace? Its time to make the most annoying eye catching one you can possibly make. Make my brain bleed.
Assignment 3: Sound
Create a button that when rolled over creates a sound. Im a big fan of a duck quack.
Assignment 4: Interactive Media
Create an expandable banner to be able to be embedded in any html5 website.
Here is a second tutorial which is probably much better, but also quite hard. We have been building for 3 years to get to this point:
https://www.youtube.com/watch?v=IP2PYisOfnU&ab_channel=Jong-YoonKim
Here is a 3rd tutorial no doubt... apparently there are a few ways to get this done.
https://www.youtube.com/watch?v=9OdNU_ETPbk&ab_channel=AngeloMontilla
Here is a second tutorial which is probably much better, but also quite hard. We have been building for 3 years to get to this point:
https://www.youtube.com/watch?v=IP2PYisOfnU&ab_channel=Jong-YoonKim
Here is a 3rd tutorial no doubt... apparently there are a few ways to get this done.
https://www.youtube.com/watch?v=9OdNU_ETPbk&ab_channel=AngeloMontilla
Assignment 5: Embed the Assignments
Embed all 4 previous assignments into a working website.