The document discusses visualization and different methods of visualizing information, including: 1) Traditional classroom learning versus classroom learning with new media and the internet. 2) Different types of e-learning from basic to more advanced with learning management systems. 3) The importance of clear structure, use of empty space, emphasis through framing/color/size, use of grids for page layout, and how color and typefaces can influence interpretation. 4) How diagrams, multimedia, animation, infographics can help visualize and display complex information.

1. VISUALIZATION
VISUALISIERUNG

4. http://viralms.com/images/happy-birthday-twitter.png

5. http://media.smashingmagazine.com/wp-content/uploads/2011/10/Tweet-o-meter-rockstar.gif

6. http://media.smashingmagazine.com/wp-content/uploads/2011/09/dressed-up-graphs.gif

7. Lehre
- + computergestützt
traditionelle Lehre mit
Lehre Neuen Medien
- + Internet
Lern-CDs/
-DVDs E-Learning
Lernplattform - +
E-Learning E-Learning
Typ I mit LMS
Interaktive Inhalte - +
E-Learning E-Learning
Typ II Typ III

8. http://www.knewton.com/flipped-classroom/

9. A clear structure is important for the processing and understanding of
information.
Empty space can be used to emphasize content.
The importance of an element can be emphasized by framing, color and
size.
The layout of a page can usually be defined by a grid which functions as
the basis for all arrangements of elements on the page.
The legibility of texts is dependent on the colors selected.
Color can convey cultural and emotional information.
Typefaces can be used to influence the interpretation of a text.
Diagrams can be used to display complex information in an understandable
way.
Multimedia elements can be use to visualize content that cannot be
described by textual information.
Animation can be used to direct attention.

10. http://www.freevectorsdaily.com/wp-content/uploads/2011/05/Infocharts_main.jpg
http://www.infographicsshowcase.com/wp-content/uploads/2010/09/Education-infographic.jpg

11. http://classroom.jonkramer.com/wordpress/wp-content/uploads/largest-bankruptcies-infographic.jpg