2011 AECT International Convention Tired of PowerPoint? Using research-based and theory-grounded guideline in selecting Web 2.0 tools for effective and engaging presentations. Dr. Corey Lee, Assistant Professor Dr. Jeremy Dickerson, Associate Professor Dr. Joe Winslow, Associate Professor & Department Chair

2011 AECT International Convention Outline 1.What is Multimedia Learning? 2.Graphic Design 3.What are the effective Web 2.0 presentation tools? Why? 4.Strategies for technology integration

2011 AECT International Convention Multimedia Learning 1. Use words and graphics

2011 AECT International Convention Multimedia Learning 2. Don’t decorate, communicate! Don’t use pictures which aren’t conceptually relevant

2011 AECT International Convention Multimedia Learning 3. Present words as audio rather than onscreen text

2011 AECT International Convention Multimedia Learning 4. Avoid cognitive overload

2011 AECT International Convention Graphic Design: Visual Design Principles

2011 AECT International Convention CRAP Principles in Visual Design

2011 AECT International Convention Alignment Key idea: Nothing should be placed on the page arbitrarily. Every item should have a visual connection with something else on the page. Strong alignment helps guide the user's eye, making the page easier to browse and drawing the eye to the most important parts of the page. According to Williams: – center alignment tends to look formal and can sometimes look dull or "mushy" – strong left or strong right alignment looks more professional and clean

2011 AECT International Convention Alignment Examples

2011 AECT International Convention Alignment Examples

2011 AECT International Convention Contrast

2011 AECT International Convention Contrast Contrast makes a page more interesting and readable Key idea: If two items are not exactly the same, make them different, really different. Shape, font face, size, weight, texture, line, spacing, color, etc.

2011 AECT International Convention Contrast Example

2011 AECT International Convention Contrast Example Less effectiveMore effective

2011 AECT International Convention Contrast Example  LESS effective MORE effective 

2011 AECT International Convention Proximity Key idea: Group related items together. Proximity helps the user identify which items go together – Close proximity implies a relationship – Use placement, size, and color to group items that go together – Don’t be afraid of empty space! – Less is MORE

2011 AECT International Convention Proximity Example

2011 AECT International Convention Repetition Key idea: REPEAT some aspect of the design throughout the entire piece. Repetition of visual elements throughout the design unifies and strengthens it by tying together otherwise separate parts.

2011 AECT International Convention Repetition Example

2011 AECT International Convention CRAP Makeover

2011 AECT International Convention Effective Web 2.0 Presentation Tools 14 presentation tools were reviewed

2011 AECT International Convention Analysis authorSTREAMSlideShare/Slid ecasts Prezi Google Docs ??? Functionality video/narration /PPT friendly Video/narrationvideonone Usability xxxx Utility xxxx Easy to use xxxx

2011 AECT International Convention Strategies for Technology Integration 1.For online course presentations 2.To share with students and colleagues 3.To engage students 4.Students as the authors/designers/developers