Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

27
Effective Use of Visuals in Online Presentations and E-Learning Tutorials Nad Rosenberg Lisbon | October 13, 2010 www.techw.com

description

This talk explains how effective visuals can improve the clarity of presentations and e-learning tutorials.

Transcript of Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Page 1: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Effective Use of Visuals in Online Presentations and E-Learning Tutorials

Nad Rosenberg

Lisbon | October 13, 2010

www.techw.com © 2010, TechWRITE, Inc.

Page 2: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

About Nad• President and founder (in 1985) of TechWRITE, Inc., a technical

communications/e-learning company located in Woodbury, New Jersey, USA

• PLAIN Board member and webmaster• STC Associate Fellow• Past President of STC Philadelphia Metro Chapter

[email protected]

856-848-6593

www.techw.com

Page 3: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Visuals today

Page 4: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Visuals today

www.techw.com

Page 5: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Visuals today

• LOB-specific and process-specific document templates, workflows, and business rules for many document types. Global common document templates, workflows, and business rules for many document types.

• (High priority) Availability of standardized API in various areas (presentation, etc.) for application integration– Each vendor should define the APIs, platforms supported (i.e.Java and .NET), SOA solution provided, support for standards like

Java JSR.• User interface options: The variety and options of UI available

– This is important because there are clearly requirements for Office, Outlook, File Share (File Share Services, WebDAV, ftp), Application API and Web Based UIs

• Flexible capability to define taxonomies, workflows, presentation templates, object models, retention policies etc. at enterprise, regional & LOB level

– From our Global Design Document, the solution should provide the interfaces and tools in order to implement the following:• Global Taxonomy and Object Hierarchy• Global Cabinet and Folder Hierarchy• Document Retention• Litigation Hold• Reference Data Synchronization and Usage

• Open Architecture: ability to integrate with various vendor BPM and Records Management tools/applications– The vendor must be able to demonstrate the ability to interface with external application and services including Business

Process Engines (integaret with Staffware or others), Federated Records Management (integrate with ELAR or others), Federated Search (integrate with Endeca)

• Open Architecture: Ability to build a federated architecture, capability for interfaces/distributed architectures of several document archives/warehouses

• Document linking: How are linked documents stored/maintained, are renditions of linked/embedded documents available – The vendor must be able to demonstrate the ability to manage complex Office documents with embedded object and links.

They also need to demonstrate which UIs support this functionality.• Ability to support global search options (predictive document caching), how are searches and document retrieval enabled in a

federated model. In a federated model, how are local repository documents included in global searches.• Messaging capabilities between applications/internal parties

– What are the supported mechanisms? JMS, MQSeries, MSMQ, SMTP, SOA etc.• Integration with JAP environment• International language support

Line of Business support – Architecture,Taxonomies/Object Model & Workflows/BPM

Page 6: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Visuals today

Complicated graphic

www.techw.com

Page 7: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Reducing the cognitive load

www.techw.com

Page 8: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Reducing the cognitive load

www.techw.com

1/8 or 1/4 of the pie?

Page 9: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Reducing the cognitive load

Red states/blue states

www.techw.com

Page 10: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Reducing the cognitive load

Red states/blue states by population

www.techw.com

Page 11: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Reducing the cognitive load

Red states/blue states by cultural and political values

www.techw.com

Page 12: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Make sure graphics help...not hinder

www.techw.com

Page 13: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Make sure graphics help...not hinder

www.techw.com

Page 14: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Simplify the complex: Visual cues

www.techw.com

Page 15: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Simplify the complex: Color cues

www.techw.com

Page 16: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Simplify the complex: Segmenting

www.techw.com

Page 17: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Simplify the complex: Zoom

www.techw.com

Page 18: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Simplify the complex: Multimedia

www.techw.com

Visual

Auditory

Page 19: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Simplify the complex: Rollovers

www.techw.com

Page 20: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Simplify the complex: Insets

www.techw.com

Page 21: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Simplify the complex: Insets

www.techw.com

Page 22: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Engage your audience

www.techw.com

Page 23: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Engage your audience

Page 24: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Engage your audience

Page 25: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Engage your audience

Page 26: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Photo resources

Google images - http://www.google.com/imghp?hl=en&tab=wiiStockphoto - http://www.istockphoto.com/ Stockvault - http://www.stockvault.net/ Crestock - http://www.crestock.com/ Dreamstime - http://www.dreamstime.com/ Microsoft Office Images - http://office.microsoft.com/en-us/images/

www.techw.com

Page 27: Effective use of visuals in online presentations and e-learning clarity2010 - Nad Rosenburg

Bibliography

• Visual Language for Designers, Connie Malamed• Graphics for Learning, Ruth Colvin Clark and Chopeta Lyons• E-Learning and the Science of Instruction, Ruth Colvin Clark and

Richard E. Mayer• The Rapid e-Learning Blog – Tom Kuhlmann

http://www.articulate.com/rapid-elearning/visual-graphic-design/

www.techw.com