Upload
thyra
View
43
Download
0
Tags:
Embed Size (px)
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
Citation preview
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