Tired of PowerPoint?

2011 AECT International Convention Celebrate 3.0: Design.Learn.Community

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

Celebrate 3.0: Design.Learn.Community

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



Multimedia Learning1. Use words and graphics



Multimedia Learning2. Don’t decorate, communicate!Don’t use pictures which aren’t conceptually relevant



Multimedia Learning3. Present words as audio rather than onscreen text



Multimedia Learning4. Avoid cognitive overload



Graphic Design: Visual Design Principles



CRAP Principles in Visual Design



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



Alignment Examples



Contrast



ContrastContrast 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.



Contrast Example



Contrast ExampleLess effective More effective



Contrast Example LESS effective MORE effective



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



Proximity Example



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.



Repetition Example



CRAP Makeover



Effective Web 2.0 Presentation Tools14 presentation tools were reviewedhttp://vandelaydesign.com/blog/tools/online-presentation-tools/



AnalysisauthorSTREAM SlideShare/

SlidecastsPrezi Google Docs ???

Functionality video/narration/PPT

friendly

Video/narration video none

Usability x x x x

Utility x x x x

Easy to use x x x x



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

Tired of PowerPoint?

Documents

Transcript of Tired of PowerPoint?