1. THINKING
VISUALLY
What online instructors can
learn fromTurboTax

8. What is visual literacy?
A group of acquired competencies
for interpreting and composing
visible messages.
Source: Brill, Kim, and Branch,
2001, p.9) as cited in Lohr, 2008

9. What does TurboTax have to do with learning?

10. The Power of TurboTax
Principles of Visual Design for
Online Learning
Practical Strategies and
Examples

11. What experience-level does the learner have with
navigating an online environment?

12. What experience-level does the learner have with
navigating an online environment?
Learning Paths
Instructions
Technical Support

14. What elements in the online environment
influence the selection, organization, and
integration of information?
Learning Modules
Learning Objects
Text and Image
Styles

22. How do external factors such as the
technological infrastructure or physical learning
environment influence how learners interact with
the online environment?
Tech Specs
Browser Check

24. How do learners interact and learn in the online
environment?
Help Discussion
Community
Discussion
FAQ Discussion

27. TurboTax
UX
Design
Visual Design
Instructional
Design
Online Courses

28. Biggest Visual Challenge
90
01
12
23
34
45
56
67
78
89

29. C.A.R.P.
Contrast
Alignment
Repetition
Proximity
Source: Lohr, 2008

30. C.A.R.P.
Contrast Contrast
Alignment Contrast
Repetition Contrast
Proximity Contrast
Source: Lohr, 2008

31. C.A.R.P.
Contrast Contrast
Alignment Contrast
Repetition Contrast
Proximity Contrast
Source: Lohr, 2008

32. Contrast

33. Contrast

34. C.A.R.P.
Contrast Alignment
• One
Alignment
• One
• Two •Two
Alignment
Alignment
Repetition • One Alignment
• Two •One
Proximity •Two
Source: Lohr, 2008

35. Alignmen
t

36. Alignmen
t

37. C.A.R.P.
Contrast 1. List Item
Alignment 2. List Item
Repetition 3. List Item
4. List Item
Proximity
Source: Lohr, 2008

38. C.A.R.P.
Contrast  List Item
Alignment  List Item
Repetition  List Item
o List Item
Proximity
Source: Lohr, 2008

39. Repetitio
n

40. Repetitio
n

41. C.A.R.P.
Contrast This is an image of
local business people.
Alignment
Repetition
Proximity
Source: Lohr, 2008

42. C.A.R.P.
Contrast
Alignment This is an image of
local business people.
Repetition
Proximity
Source: Lohr, 2008

43. C.A.R.P.
Contrast
Alignment
Repetition
This is an image of
Proximity local business people.
Source: Lohr, 2008

44. C.A.R.P.
Contrast
Alignment
Repetition
This is an image of
Proximity local business people.
Source: Lohr, 2008

45. Proximity

46. Proximity

47. Affective
Dimensions Cognitive
of
eLearning Social
Technical

49. Three “ideas” that will sink the
visual design of your online
course.

50. Three “ideas” that will sink the
visual design of your online
course.
IT’S IMPORTANT. I’LL MAKE
THE LETTERS RED!

51. Three “ideas” that will sink the
visual design of your online
course.
I like this color so I’ll make it
the background of my course.

52. Facts of Life.
We Don’t Read Pages.
We Scan Them.
We Don’t Make Optimal Choices.
We Satisfice.
We Don’t Figure Out How Things Work.
We Muddle Through.
Source: Krug
(2006)

53. http://www.articulate.com/rapid-elearning/

54. http://www.visual-literacy.org/
periodic_table/periodic_table.html

55. http://www.smashingmagazine.com/

56. Creating Graphics for Learning and Performance:
Lessons in Visual Literacy (2nd Edition) by Linda Lohr

57. http://www.usability.gov/

58. Resources
http://bit.ly/ThinkingVisually