SlideShare a Scribd company logo
1 of 16
MULTIMEDIA
An overview
Definition?
A multimedia instructional message is a communication using
words and pictures that is intended to promote learning.


For example, a multimedia instructional message in a book
could include printed text and illustrations, whereas a
multimedia instructional message on a computer could include
narration and animation.


                                    Richard Mayer (2003) p.21
                                          Multimedia Learning
MULTIMEDIA DESIGN
7 principles of multimedia design
7 principle of multimedia design
   Multimedia principle: Students learn better from words and pictures than from
    words alone.
   Spatial Contiguity Principle: Students learn better when corresponding words
    and pictures are presented near rather than far from each other on the page or
    screen.
   Temporal Contiguity Principle: Students learn better when corresponding words
    and pictures are presented simultaneously rather than successively.
   Coherence Principle: Students learn better when extraneous
    words, pictures, and sounds are excluded rather than included.
   Modality Principle: Students learn better from animation and narration than from
    animation and on-screen text.
   Redundancy Principle: Students learn better from animation and narration than
    from animation, narration, and on-screen text.
   Individual Differences Principle: Design effects are stronger for low-knowledge
    learners than for high-knowledge learners and for high-spatial learners rather
    than low-spatial learners.
VISUAL DESIGN
Perceptions and colour
Perceptions
Colour
   Fashion
    Colours go in and out of fashion. Bright
    colours are used to demand attention and
    make a statement. Designers of luxury items
    want their products to appear reputable and
    durable, and be seen to outlast the fashion of
    the day; gaudy colours such as bright pinks
    and yellows are unlikely.
Colour
   The environment
    Australians live in a hot, dry environment so
    often use cool colours (such as pastel tints) in
    their buildings to make their physical
    environment seem cooler. In a European
    environment that is predominantly cold you
    tend to see warm, bright primary
    colours, creating a cheerful, cosy illusion.
Colour
   Culture
    Culture and history shape colour choice. If you
    visit Asia you will find temples painted in
    bright, primary colours. A European church is
    more likely to have more sombre colours.
4 DESIGN PRINCIPLES
CRAP
Contrast

   Contrast can be the most important visual aspect of a page. The
    principle is to avoid elements on the page that are merely similar
    – if they are not the same – then make them VERY different.



Purpose:
   To create interest
   Aid in the organisation of information
   Supports visual hierarchy
     Eg. use of colour
Repetition

   Repeat visual elements throughout – colour, shape, etc.
    Develops organisation and strengthens the unity.


Purpose:
   To unify and add interest
   For consistency
     Eg. navigation, colour identifiers, layout – anything your learner
      may visually recognize.
   Avoid repeating the element so much that it becomes annoying
    and distracts from the message
Alignment

   Nothing should be placed on your page randomly. Every element
    should have some visual connection with another element on the
    page.
   This creates a clean, sophisticated look.

Purpose:
   To unify and organize your page design
   Be conscious of where you place your elements – always try to
    find something that aligns them

Avoid:
   More than 1 type of text alignment on the same page
   Don’t always centre align
Proximity
   Items relating to each other should be group close
    together. Items in close proximity become one visual unit
    rather than several separate, unrelated units.


Purpose:
   Reduces clutter and confusing your reader
   Organizes information – reduces cognitive load
   Logical information is more likely to be remembered
Resources
   http://www.colorschemedesigner.com/
   http://onlinelearning2007.wikispaces.com/Multi
    media+Learning
   http://web.cs.dal.ca/~inkpen/CSCI4161/4161_l
    ecture4.pdf
   http://www.webstyleguide.com/wsg3/12-
    multimedia/index.html
   http://www.uky.edu/~gmswan3/544/9_ways_to
    _reduce_CL.pdf
References and acknowledgements

   Mayer, Richard E. & Moreno, Roxana 2003, Nine Ways to Reduce
    Cognitive Load in Multimedia Learning in Educational
    Psychologist, 38 (1), pp43-52.
     Clark, Ruth Colvin & Mayer, Richard, 2002, e-Learning and the
    Science of Instruction, Pfeiffer, USA.
   Gotz, V. 1998, Color & Type for the Screen, Rotovision
    SA, Switzerland
   Kristof, Ray & Satran, A 1995, Interactivity by Design – Creating &
    Communicating with New Media, Adobe Press, USA
   Lynch, Patrick J. & Horton, Sarah 1999, Web Style Guide – Basic
    Design Principles for Creating Web Sites, Yale University Press.
   Williams, Robin 1994, The Non-designer’s Design Book, Peachpit
    Press, USA
   This presentation is adapted from the 2009 E-learning Design
    Activity Guide compiled by Anne Bartlett-Bragg.

More Related Content

Similar to Multimedia

Final Argentine
Final ArgentineFinal Argentine
Final Argentine
kimmysen
 
Final Argentine
Final ArgentineFinal Argentine
Final Argentine
kimmysen
 
Global Collaboration, Project Based Learning the Common Core State Standards
Global Collaboration, Project Based Learning the Common Core State StandardsGlobal Collaboration, Project Based Learning the Common Core State Standards
Global Collaboration, Project Based Learning the Common Core State Standards
dmidness
 
Art And Tech4]
Art And Tech4]Art And Tech4]
Art And Tech4]
jack
 
Art And Tech4]
Art And Tech4]Art And Tech4]
Art And Tech4]
jack
 
UniSon Workshop 2006
UniSon Workshop 2006UniSon Workshop 2006
UniSon Workshop 2006
ssorden
 

Similar to Multimedia (20)

Final Argentine
Final ArgentineFinal Argentine
Final Argentine
 
Final Argentine
Final ArgentineFinal Argentine
Final Argentine
 
Engaging The Eye Generation
Engaging The Eye GenerationEngaging The Eye Generation
Engaging The Eye Generation
 
a v aids.pptx
a v aids.pptxa v aids.pptx
a v aids.pptx
 
Non projected av aids - Charts, Poster, flash cards
Non projected av aids - Charts, Poster, flash cardsNon projected av aids - Charts, Poster, flash cards
Non projected av aids - Charts, Poster, flash cards
 
Learning presentations: 10 Framing Principles
Learning presentations: 10 Framing PrinciplesLearning presentations: 10 Framing Principles
Learning presentations: 10 Framing Principles
 
Global Collaboration, Project Based Learning the Common Core State Standards
Global Collaboration, Project Based Learning the Common Core State StandardsGlobal Collaboration, Project Based Learning the Common Core State Standards
Global Collaboration, Project Based Learning the Common Core State Standards
 
Power2Point
Power2PointPower2Point
Power2Point
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Powerful Presentations P Point
Powerful Presentations P PointPowerful Presentations P Point
Powerful Presentations P Point
 
Information Design for Technical Communicators: Scratching the Surface
Information Design for Technical Communicators: Scratching the SurfaceInformation Design for Technical Communicators: Scratching the Surface
Information Design for Technical Communicators: Scratching the Surface
 
Art And Tech4]
Art And Tech4]Art And Tech4]
Art And Tech4]
 
Art And Tech4]
Art And Tech4]Art And Tech4]
Art And Tech4]
 
UniSon Workshop 2006
UniSon Workshop 2006UniSon Workshop 2006
UniSon Workshop 2006
 
Ed. Tech 1 (Project – based learning and multimedia)
Ed. Tech 1 (Project – based learning and multimedia)Ed. Tech 1 (Project – based learning and multimedia)
Ed. Tech 1 (Project – based learning and multimedia)
 

More from Ann Brady

Welcome To The Cma Av2
Welcome To The Cma Av2Welcome To The Cma Av2
Welcome To The Cma Av2
Ann Brady
 
Social Networking Explained
Social  Networking  ExplainedSocial  Networking  Explained
Social Networking Explained
Ann Brady
 

More from Ann Brady (14)

SES - Interactive Task Example
SES - Interactive Task ExampleSES - Interactive Task Example
SES - Interactive Task Example
 
How to join the webinar
How to join the webinarHow to join the webinar
How to join the webinar
 
How to join the webinar
How to join the webinarHow to join the webinar
How to join the webinar
 
Cultural Points of View
Cultural Points of ViewCultural Points of View
Cultural Points of View
 
Social learning
Social learningSocial learning
Social learning
 
An Online Recognition of Prior Learning Project
An Online Recognition of Prior Learning ProjectAn Online Recognition of Prior Learning Project
An Online Recognition of Prior Learning Project
 
Finance For Housekeepers
Finance For HousekeepersFinance For Housekeepers
Finance For Housekeepers
 
Cultural Points of View Online Component
Cultural Points of View Online ComponentCultural Points of View Online Component
Cultural Points of View Online Component
 
Byte Size Assistance
Byte Size AssistanceByte Size Assistance
Byte Size Assistance
 
Mentor Me
Mentor MeMentor Me
Mentor Me
 
Byte Size Assistance
Byte Size AssistanceByte Size Assistance
Byte Size Assistance
 
Welcome To The Cma Av2
Welcome To The Cma Av2Welcome To The Cma Av2
Welcome To The Cma Av2
 
Elearning Showcase May 09
Elearning Showcase May 09Elearning Showcase May 09
Elearning Showcase May 09
 
Social Networking Explained
Social  Networking  ExplainedSocial  Networking  Explained
Social Networking Explained
 

Recently uploaded

Recently uploaded (20)

How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 

Multimedia

  • 2. Definition? A multimedia instructional message is a communication using words and pictures that is intended to promote learning. For example, a multimedia instructional message in a book could include printed text and illustrations, whereas a multimedia instructional message on a computer could include narration and animation. Richard Mayer (2003) p.21 Multimedia Learning
  • 3. MULTIMEDIA DESIGN 7 principles of multimedia design
  • 4. 7 principle of multimedia design  Multimedia principle: Students learn better from words and pictures than from words alone.  Spatial Contiguity Principle: Students learn better when corresponding words and pictures are presented near rather than far from each other on the page or screen.  Temporal Contiguity Principle: Students learn better when corresponding words and pictures are presented simultaneously rather than successively.  Coherence Principle: Students learn better when extraneous words, pictures, and sounds are excluded rather than included.  Modality Principle: Students learn better from animation and narration than from animation and on-screen text.  Redundancy Principle: Students learn better from animation and narration than from animation, narration, and on-screen text.  Individual Differences Principle: Design effects are stronger for low-knowledge learners than for high-knowledge learners and for high-spatial learners rather than low-spatial learners.
  • 7. Colour  Fashion Colours go in and out of fashion. Bright colours are used to demand attention and make a statement. Designers of luxury items want their products to appear reputable and durable, and be seen to outlast the fashion of the day; gaudy colours such as bright pinks and yellows are unlikely.
  • 8. Colour  The environment Australians live in a hot, dry environment so often use cool colours (such as pastel tints) in their buildings to make their physical environment seem cooler. In a European environment that is predominantly cold you tend to see warm, bright primary colours, creating a cheerful, cosy illusion.
  • 9. Colour  Culture Culture and history shape colour choice. If you visit Asia you will find temples painted in bright, primary colours. A European church is more likely to have more sombre colours.
  • 11. Contrast  Contrast can be the most important visual aspect of a page. The principle is to avoid elements on the page that are merely similar – if they are not the same – then make them VERY different. Purpose:  To create interest  Aid in the organisation of information  Supports visual hierarchy  Eg. use of colour
  • 12. Repetition  Repeat visual elements throughout – colour, shape, etc. Develops organisation and strengthens the unity. Purpose:  To unify and add interest  For consistency  Eg. navigation, colour identifiers, layout – anything your learner may visually recognize.  Avoid repeating the element so much that it becomes annoying and distracts from the message
  • 13. Alignment  Nothing should be placed on your page randomly. Every element should have some visual connection with another element on the page.  This creates a clean, sophisticated look. Purpose:  To unify and organize your page design  Be conscious of where you place your elements – always try to find something that aligns them Avoid:  More than 1 type of text alignment on the same page  Don’t always centre align
  • 14. Proximity  Items relating to each other should be group close together. Items in close proximity become one visual unit rather than several separate, unrelated units. Purpose:  Reduces clutter and confusing your reader  Organizes information – reduces cognitive load  Logical information is more likely to be remembered
  • 15. Resources  http://www.colorschemedesigner.com/  http://onlinelearning2007.wikispaces.com/Multi media+Learning  http://web.cs.dal.ca/~inkpen/CSCI4161/4161_l ecture4.pdf  http://www.webstyleguide.com/wsg3/12- multimedia/index.html  http://www.uky.edu/~gmswan3/544/9_ways_to _reduce_CL.pdf
  • 16. References and acknowledgements  Mayer, Richard E. & Moreno, Roxana 2003, Nine Ways to Reduce Cognitive Load in Multimedia Learning in Educational Psychologist, 38 (1), pp43-52. Clark, Ruth Colvin & Mayer, Richard, 2002, e-Learning and the Science of Instruction, Pfeiffer, USA.  Gotz, V. 1998, Color & Type for the Screen, Rotovision SA, Switzerland  Kristof, Ray & Satran, A 1995, Interactivity by Design – Creating & Communicating with New Media, Adobe Press, USA  Lynch, Patrick J. & Horton, Sarah 1999, Web Style Guide – Basic Design Principles for Creating Web Sites, Yale University Press.  Williams, Robin 1994, The Non-designer’s Design Book, Peachpit Press, USA  This presentation is adapted from the 2009 E-learning Design Activity Guide compiled by Anne Bartlett-Bragg.

Editor's Notes

  1. Spatial Contiguity Principle:
  2. http://www.uky.edu/~gmswan3/544/9_ways_to_reduce_CL.pdf