Tired of PowerPoint?

Post on 10-Feb-2016

35 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

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. Outline. - PowerPoint PPT Presentation

Transcript

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

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

Multimedia Learning1. Use words and graphics

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

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

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

Multimedia Learning3. Present words as audio rather than onscreen text

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

Multimedia Learning4. Avoid cognitive overload

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

Graphic Design: Visual Design Principles

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

CRAP Principles in Visual Design

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

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

Celebrate 3.0: Design.Learn.Community

Alignment Examples

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

Alignment Examples

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

Contrast

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

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.

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

Contrast Example

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

Contrast ExampleLess effective More effective

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

Contrast Example LESS effective MORE effective

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

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

Celebrate 3.0: Design.Learn.Community

Proximity Example

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

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

Celebrate 3.0: Design.Learn.Community

Repetition Example

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

CRAP Makeover

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

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

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

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

2011 AECT International Convention

Celebrate 3.0: Design.Learn.Community

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

top related