SlideShare ist ein Scribd-Unternehmen logo
1 von 16
Downloaden Sie, um offline zu lesen
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.

Weitere ähnliche Inhalte

Ähnlich wie Multimedia

Final Argentine
Final ArgentineFinal Argentine
Final Argentinekimmysen
 
Final Argentine
Final ArgentineFinal Argentine
Final Argentinekimmysen
 
Engaging The Eye Generation
Engaging The Eye GenerationEngaging The Eye Generation
Engaging The Eye GenerationJohanna Riddle
 
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 cardsJaice Mary Joy
 
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 Standardsdmidness
 
Powerful Presentations P Point
Powerful Presentations P PointPowerful Presentations P Point
Powerful Presentations P PointKarise McNenney
 
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 SurfaceLinda Oestreich
 
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 2006ssorden
 
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)Christine Adelantar
 

Ähnlich wie 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)
 

Mehr von Ann Brady

SES - Interactive Task Example
SES - Interactive Task ExampleSES - Interactive Task Example
SES - Interactive Task ExampleAnn Brady
 
How to join the webinar
How to join the webinarHow to join the webinar
How to join the webinarAnn Brady
 
How to join the webinar
How to join the webinarHow to join the webinar
How to join the webinarAnn Brady
 
Cultural Points of View
Cultural Points of ViewCultural Points of View
Cultural Points of ViewAnn Brady
 
Social learning
Social learningSocial learning
Social learningAnn Brady
 
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 ProjectAnn Brady
 
Finance For Housekeepers
Finance For HousekeepersFinance For Housekeepers
Finance For HousekeepersAnn Brady
 
Cultural Points of View Online Component
Cultural Points of View Online ComponentCultural Points of View Online Component
Cultural Points of View Online ComponentAnn Brady
 
Byte Size Assistance
Byte Size AssistanceByte Size Assistance
Byte Size AssistanceAnn Brady
 
Byte Size Assistance
Byte Size AssistanceByte Size Assistance
Byte Size AssistanceAnn Brady
 
Welcome To The Cma Av2
Welcome To The Cma Av2Welcome To The Cma Av2
Welcome To The Cma Av2Ann Brady
 
Elearning Showcase May 09
Elearning Showcase May 09Elearning Showcase May 09
Elearning Showcase May 09Ann Brady
 
Social Networking Explained
Social  Networking  ExplainedSocial  Networking  Explained
Social Networking ExplainedAnn Brady
 

Mehr von 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
 

Kürzlich hochgeladen

Objectives n learning outcoms - MD 20240404.pptx
Objectives n learning outcoms - MD 20240404.pptxObjectives n learning outcoms - MD 20240404.pptx
Objectives n learning outcoms - MD 20240404.pptxMadhavi Dharankar
 
How to Uninstall a Module in Odoo 17 Using Command Line
How to Uninstall a Module in Odoo 17 Using Command LineHow to Uninstall a Module in Odoo 17 Using Command Line
How to Uninstall a Module in Odoo 17 Using Command LineCeline George
 
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...Association for Project Management
 
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptxBIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptxSayali Powar
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...Nguyen Thanh Tu Collection
 
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptxMan or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptxDhatriParmar
 
Narcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfNarcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfPrerana Jadhav
 
Shark introduction Morphology and its behaviour characteristics
Shark introduction Morphology and its behaviour characteristicsShark introduction Morphology and its behaviour characteristics
Shark introduction Morphology and its behaviour characteristicsArubSultan
 
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationCongestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationdeepaannamalai16
 
Unraveling Hypertext_ Analyzing Postmodern Elements in Literature.pptx
Unraveling Hypertext_ Analyzing  Postmodern Elements in  Literature.pptxUnraveling Hypertext_ Analyzing  Postmodern Elements in  Literature.pptx
Unraveling Hypertext_ Analyzing Postmodern Elements in Literature.pptxDhatriParmar
 
CLASSIFICATION OF ANTI - CANCER DRUGS.pptx
CLASSIFICATION OF ANTI - CANCER DRUGS.pptxCLASSIFICATION OF ANTI - CANCER DRUGS.pptx
CLASSIFICATION OF ANTI - CANCER DRUGS.pptxAnupam32727
 
Indexing Structures in Database Management system.pdf
Indexing Structures in Database Management system.pdfIndexing Structures in Database Management system.pdf
Indexing Structures in Database Management system.pdfChristalin Nelson
 
Mythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITWMythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITWQuiz Club NITW
 
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...Osopher
 
4.9.24 Social Capital and Social Exclusion.pptx
4.9.24 Social Capital and Social Exclusion.pptx4.9.24 Social Capital and Social Exclusion.pptx
4.9.24 Social Capital and Social Exclusion.pptxmary850239
 
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITWQ-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITWQuiz Club NITW
 
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptxDecoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptxDhatriParmar
 

Kürzlich hochgeladen (20)

Objectives n learning outcoms - MD 20240404.pptx
Objectives n learning outcoms - MD 20240404.pptxObjectives n learning outcoms - MD 20240404.pptx
Objectives n learning outcoms - MD 20240404.pptx
 
How to Uninstall a Module in Odoo 17 Using Command Line
How to Uninstall a Module in Odoo 17 Using Command LineHow to Uninstall a Module in Odoo 17 Using Command Line
How to Uninstall a Module in Odoo 17 Using Command Line
 
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
Team Lead Succeed – Helping you and your team achieve high-performance teamwo...
 
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptxBIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
BIOCHEMISTRY-CARBOHYDRATE METABOLISM CHAPTER 2.pptx
 
Chi-Square Test Non Parametric Test Categorical Variable
Chi-Square Test Non Parametric Test Categorical VariableChi-Square Test Non Parametric Test Categorical Variable
Chi-Square Test Non Parametric Test Categorical Variable
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 - I-LEARN SMART WORLD - CẢ NĂM - CÓ FILE NGHE (BẢN...
 
Plagiarism,forms,understand about plagiarism,avoid plagiarism,key significanc...
Plagiarism,forms,understand about plagiarism,avoid plagiarism,key significanc...Plagiarism,forms,understand about plagiarism,avoid plagiarism,key significanc...
Plagiarism,forms,understand about plagiarism,avoid plagiarism,key significanc...
 
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptxMan or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
Man or Manufactured_ Redefining Humanity Through Biopunk Narratives.pptx
 
Narcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdfNarcotic and Non Narcotic Analgesic..pdf
Narcotic and Non Narcotic Analgesic..pdf
 
Shark introduction Morphology and its behaviour characteristics
Shark introduction Morphology and its behaviour characteristicsShark introduction Morphology and its behaviour characteristics
Shark introduction Morphology and its behaviour characteristics
 
Congestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentationCongestive Cardiac Failure..presentation
Congestive Cardiac Failure..presentation
 
Spearman's correlation,Formula,Advantages,
Spearman's correlation,Formula,Advantages,Spearman's correlation,Formula,Advantages,
Spearman's correlation,Formula,Advantages,
 
Unraveling Hypertext_ Analyzing Postmodern Elements in Literature.pptx
Unraveling Hypertext_ Analyzing  Postmodern Elements in  Literature.pptxUnraveling Hypertext_ Analyzing  Postmodern Elements in  Literature.pptx
Unraveling Hypertext_ Analyzing Postmodern Elements in Literature.pptx
 
CLASSIFICATION OF ANTI - CANCER DRUGS.pptx
CLASSIFICATION OF ANTI - CANCER DRUGS.pptxCLASSIFICATION OF ANTI - CANCER DRUGS.pptx
CLASSIFICATION OF ANTI - CANCER DRUGS.pptx
 
Indexing Structures in Database Management system.pdf
Indexing Structures in Database Management system.pdfIndexing Structures in Database Management system.pdf
Indexing Structures in Database Management system.pdf
 
Mythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITWMythology Quiz-4th April 2024, Quiz Club NITW
Mythology Quiz-4th April 2024, Quiz Club NITW
 
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...
Healthy Minds, Flourishing Lives: A Philosophical Approach to Mental Health a...
 
4.9.24 Social Capital and Social Exclusion.pptx
4.9.24 Social Capital and Social Exclusion.pptx4.9.24 Social Capital and Social Exclusion.pptx
4.9.24 Social Capital and Social Exclusion.pptx
 
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITWQ-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
Q-Factor HISPOL Quiz-6th April 2024, Quiz Club NITW
 
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptxDecoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
Decoding the Tweet _ Practical Criticism in the Age of Hashtag.pptx
 

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.

Hinweis der Redaktion

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