This document discusses rich media content and interactivity and how they affect the user experience of consuming online content. It defines rich media as content that uses advanced technologies like video, audio, or interactive elements. Common types of rich media include banners, floating ads, expandable ads, streaming video ads, and transitional ads between pages. The document emphasizes that interactivity is key to engaging users and improving their experience online through rich multimedia content like audio, video, virtual reality and flash animations. It provides tips for developing effective rich media, such as considering the target audience and using good interactive design principles.

1. Learning Competencies
⚫ Explore the principles of interactivity and rich content
in the context of Web 2.0 and the participation of the
user in the online experience (CS_ICT11/12-ICTPT-II-k-
14)
⚫ Share anecdotes of how he/she has used ICTS to be
part of a social movement. change, or cause to illustrate
aspects of digital citizenship CS_ICT11/12-ICTPT-II-I-
15)

2. HOW RICH MEDIA CONTENT AND
INTERACTIVITY AFFECTS THE
CHANGES THE USER
EXPERIENCE IN THE DELIVERY
AND CONSUMPTION OF ICT
CONTENT

3. Sharing content in the online world requires curation,
the process of gathering various contents on the web
and presenting it in an organized way around a
specific subject matter. But be mindful that content
alone may not be attractive to the viewers. This is the
part that multimedia enters the picture - where it
creates a wide array of online rich content.
Background Information for Learners

4. Rich Media
● This is an online advertising term for an ad that uses
advanced technology like video, audio, or other
elements that involve viewers to interact and engage
with the content as opposed to animation that is used
for viewing purpose only. It is synonymous to
interactive multimedia as it also uses multiple media
types. They are mostly created by agencies in order to
enhance user's experience, and obtain strong user
response and increase brand awareness.

5. Common
Rich Media
Types
Characteristic of Rich Media:
Advanced
animation and
more versatile
Has
greater file
size
Highly
interactive
and engaging
Dynamic
movement
Movement can
occur either
overtime or in
response to viewer's
interaction

6. provide web owners with a way to present additional content with
audio or video. Authoring tools used for this type of rich media
are Flash, Shockwave, Enliven and Blue Streak.
Banners and Badges

7. also called transitional, is playing between pages on a
website either in the main browser window or in a
smaller new window. When a viewer clicks on a link,
he/she is taken to the advertising page instead of the
page requested. Authoring tools used for this type of rich
media are Macromedia Flash and Adobe Live Motion.
Interstitial

8. - streaming media refers to a video that is downloaded to
the user's computer while they are viewing it. It plays
inside a publisher's video site before or after the
publisher site content plays. In-stream advertising is
typically served using Windows Media Player,
RealPlayer and Apple Quick Time.
In stream media

9. - is an ad floating above a webpage and it is
moving across the page that hosts it. Authoring
tools used for this type of rich media are
standard image editing software, Macromedia
Flash, Adobe Live Motion.
Floating media

10. - these are ads that expands when
clicked by the user or when the
user moves his mouse over it.
Expandable

11. Multimedia and
Interactivity

12. Often referred to as rich media, provides more
dynamic elements. It is by definition as any
form of content that deviates from normal and
static images which engages at the user's end.
Developing content that creates experience for
the user needs to be interactive -give a sense
of gaining something valuable..
Multimedia

13. The best way to accomplish this is
improved user experience is through rich
media content. Adding audio clips, music,
video, virtual reality and flash animation
will do the trick.
Multimedia

14. To create the right
multimedia for your
content, you must
consider the following:

15. consider your audience's age and
grade level so that you will know
how to adapt to their expected
reading ability and comprehension.
Target Audience

16. prepare the hardware and software
that you need.
Technology to be used

17. order the information from general to
specific. Make an outline through
the use of a story board. Review
and revise if essential.
Content Organization

18. aside from aesthetics, you should
consider a layout that guides users
what to do on the multimedia and
why they have to engage with it.
Interactive Design

19. basic principles of creating web-
based ICT content also applies
here color, layout, balance, and
contrast.
Graphic Design

20. consider a simple navigational design so
that users may not have to go through
too many layers of pages. Information
should be easily accessible.
Navigational Design

21. the content of your multimedia should be
readable, printable if you may opt to it
should be downloadable.
Textual Content

22. Interactivity, as defined by Technopedia refers to the
process of communication taking place between
humans and computer software. Software that do not
require any input from the user is said to have no
interactivity at all. We may not notice it all, but the most
common interactive program that we deal with is the
web browser.
What is interactivity?

23. Web based applications also offer different
forms of interactivity including hypertext whose
link may be in the form of video, audio and
games. Web interactivity is actually one of the
most important solutions that draws user's
attention and cause them to engage with the
page.
What is interactivity?

24. Characteristics of
Good Interactive
Websites

25. Simple
menu bar

26. Creative
mix of
visuals.

27. Clutter free
layout

28. Offers fun
browsing

29. Color
balance

30. No redirection
when
navigating

31. Neat text with
interesting
presentation of
information

32. Smooth
transition and
animation

33. Engaging
design