![Page 1: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/1.jpg)
1
Reader As Artist
Janet M. Beyersdorfer, Ed.D CCSD #21
![Page 2: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/2.jpg)
2
Author’s Tasks
Understand information
Establish audience
Simplify message
Integrate graphic and text elements Garcia, 1997
![Page 3: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/3.jpg)
3
Comments on the next slide
The native reader of English will automatically look first at the upper left corner--less attention is paid to the remaining part of the page.
![Page 4: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/4.jpg)
4
Reader Attention
35 % 25 %
25 % 15 %
X
Smith & Yoder, 1998
![Page 5: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/5.jpg)
5
Eye Movement
Size of elements
Placement of elements
Presence of color
Content
Garcia, Eye Track Research, 1990-91
![Page 6: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/6.jpg)
6
Comments on the next slide
Notice how your eye is drawn into the center of the photo on the next slide.
![Page 7: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/7.jpg)
7
![Page 8: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/8.jpg)
8
Text Elements
![Page 9: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/9.jpg)
9
* Major Ideas
* Memory Hints
* Few Items per Page
* Bullet Listing
![Page 10: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/10.jpg)
10
* Important Details
* Add Interest & Clarify Ideas
* Few Items per Page
![Page 11: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/11.jpg)
11
* Bold * Italics
* Color
Styles
* Underline
Emphasis & Attention
![Page 12: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/12.jpg)
12
Comments on the next slide
On the next slide notice how the text is placed on an angle, the colors chosen and the two sizes of font.
![Page 13: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/13.jpg)
13
Fonts
Serif- has “flags”on a letter, draws eye along the text’s line
San Serif-- excellent for titles and captions
Script- very hard to read use
sparingly
Novelty- often used for
logos
![Page 14: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/14.jpg)
14
Legibility
Ability to recognize letters and words
![Page 15: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/15.jpg)
15
Emphasize Ideas
* Using rules not by underlining
* Using boxes
* Using italic, not bold
![Page 16: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/16.jpg)
16
Size
Learn how now!
Learn how NOW!
Learn how NOW!
![Page 17: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/17.jpg)
17
Color and Shape
Emotions
![Page 18: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/18.jpg)
18
Content CuesVisual differences
ShapeDirection
SizeColor
![Page 19: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/19.jpg)
19
Be Aware of the Z
On the next slide, as your eye finishes the first line the pencil draws the eye from the upper information to the information on the lower lines. Color is also helpful. Can you see the Z in the slide design?
![Page 20: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/20.jpg)
20
Arrangement
Balance Proportion Space
![Page 21: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/21.jpg)
21
Text Selection
* Usually two fonts / two styles / color
* 18--24 pt recommended body copy
* Double size at each heading level
![Page 22: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/22.jpg)
22
Readability
Process blocks of text quickly and easily
* Serif
* Align left
* Avoid creating widows and orphans
* Use italics (not CAPITALS or boldface)
![Page 23: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/23.jpg)
23
Text Wrapping
Text wrapping a graphic makes it difficult for a reader to smoothly read the information and process it . There are a variety of ways to wrap text around a graphic. All slow reading speed and influence comprehension.
![Page 24: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/24.jpg)
24
Graphic Selection
* Clip Art
* Drawing and Painting
(* Animation, still photography and video)
![Page 25: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/25.jpg)
25
Graphics
Promote thinking and increase learning
Visually informative not
Prioritize and emphasize information
![Page 26: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/26.jpg)
26
ReferencesGarcia, M. (1997). Redesigning print for the web.
Indianapolis, IN: Hayden Books.
Flanders, V. & Willis, M. (1998). Web pages that suck. Alemada, CA: Sybex
Hyerle, D. (1996). Visual tools for constructing knowledge. Alexandria, VA: ASCD
Meyer, E. (1997). Designing infographics. Indianapolis, IN: Hayden Books.
Moline, S. (1995). I see what you mean. York, Maine:
Stenhouse Publishers.
![Page 27: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/27.jpg)
27
Reinking.D, McKenna, M.C., Labbo, L.D. & Kieffer, R.D. (Eds.) (1998). Handbook of literacy and technology: Transformations in a post-typographical world. Mahwah, NJ.: Erlbaun Assoc.
Schriver, K.A. (1996). Dynamics in document design. New York: John Wiley & Sons.
Smith, I. & Yoder, S. (1998). On the web or off. Eugene, OR: ISTE.
![Page 28: 1 Reader As Artist Janet M. Beyersdorfer, Ed.D CCSD #21](https://reader035.vdocument.in/reader035/viewer/2022062518/56649ed05503460f94bdde97/html5/thumbnails/28.jpg)
28
WEB References
Burbules, N.C. (June 14, 1998). Rhetorics of the WEB: Hyperreading and critical literacy [On-line]. Available: http://www.ed.uiuc.edu/facstaff/ burbules/ncb/ papers/rhetorics.html
Nielsen, J. (June, 1996). In defense of print. [On-line]. Available: http://useit.com/ alertbox/9602html