1. South Carolina EdTech 2011 Unplugged Unwired Enhancing Instructional Value with Graphics Applying Visual Learning Principles to Your Classroom Presentations Dr. Corey Lee, Assistant Professor Dr. Joe Winslow, Associate Professor & Department Chair Dr. Jeremy Dickerson, Associate Professor

2. EdTech 2011, South Carolina Unplugged Unwired CRAP Principles in Visual Design

3. EdTech 2011, South Carolina Unplugged Unwired 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

4. EdTech 2011, South Carolina Unplugged Unwired Alignment Examples

5. EdTech 2011, South Carolina Unplugged Unwired Alignment Examples

6. EdTech 2011, South Carolina Unplugged Unwired Mushy Alignment

7. EdTech 2011, South Carolina Unplugged Unwired Contrast

8. EdTech 2011, South Carolina Unplugged Unwired Contrast Contrast 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.

9. EdTech 2011, South Carolina Unplugged Unwired Contrast Example

10. EdTech 2011, South Carolina Unplugged Unwired Contrast Example

11. EdTech 2011, South Carolina Unplugged Unwired Contrast Example Less effectiveMore effective

12. EdTech 2011, South Carolina Unplugged Unwired Contrast Example  LESS effective MORE effective 

13. EdTech 2011, South Carolina Unplugged Unwired 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

14. EdTech 2011, South Carolina Unplugged Unwired Proximity Example

15. EdTech 2011, South Carolina Unplugged Unwired How could proximity help this design?

16. EdTech 2011, South Carolina Unplugged Unwired Before

17. EdTech 2011, South Carolina Unplugged Unwired After

18. EdTech 2011, South Carolina Unplugged Unwired 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.

19. EdTech 2011, South Carolina Unplugged Unwired Repetition Example

20. EdTech 2011, South Carolina Unplugged Unwired Repetition Example

21. EdTech 2011, South Carolina Unplugged Unwired CRAP Makeover

22. EdTech 2011, South Carolina Unplugged Unwired Instructional Visuals more interesting more engaging enhancing learners’ comprehension of instructional materials.

23. EdTech 2011, South Carolina Unplugged Unwired Explaining a System or Entity

24. EdTech 2011, South Carolina Unplugged Unwired Explaining a Process or Procedure

25. EdTech 2011, South Carolina Unplugged Unwired Presenting Numerical Facts Number of Scouts Protecting Maasai Wilderness

26. EdTech 2011, South Carolina Unplugged Unwired Presenting Numerical Facts Percentage of Groups Using the Internet

27. EdTech 2011, South Carolina Unplugged Unwired Making Comparison Average Hours of Sleep by Adults in the US

28. EdTech 2011, South Carolina Unplugged Unwired Pointing out Specific Values

29. EdTech 2011, South Carolina Unplugged Unwired SmartArt