• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Visual Design Best Practices for Handouts
 

Visual Design Best Practices for Handouts

on

  • 1,417 views

 

Statistics

Views

Total Views
1,417
Views on SlideShare
747
Embed Views
670

Actions

Likes
0
Downloads
0
Comments
0

2 Embeds 670

http://cameronromney.com 668
http://www.365dailyjournal.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Visual Design Best Practices for Handouts Visual Design Best Practices for Handouts Presentation Transcript

    • Visual design best practices for handouts Cameron Romney Center for Foreign Language Education Momoyama Gakuin University (St. Andrew’s University) March 23, 2013
    • Agenda• Introduction• Typography• Page Layout• Graphics: Illustrations/Photographs, etc.
    • ConnectTheory and Practice with ‘Best Practices’
    • Do you know anything about typography/ page layout/graphics? Do you think it (they) are important? Why or why not?
    • “Unfortunately, most of the materials made athome, no matter how good in content, areatrocious in terms of layout. In my experienceswith both publishers and students, I have cometo the conclusion that layout is just as important as...no, even more important than...content” Curtis Kelly, 1998
    • Visual design effects on readers• Motivation Smiley (2004); Misanchuk (1992); Bell & Sullivan (1981)• Comprehension Gasser, Boeke, Haffernan, & Tan (2005); Romney (2004); Smiley (2004); Walker (2001), Hoener, Salend & Kay (1997); Garofalo (1988), Lewis & Walker (1989)• Recall Gasser, Boeke, Haffernan, & Tan (2005); Smiley (2004); Lewis & Walker (1989)• Efficiency/Speed Smiley (2004); Hoener, Salend & Kay (1997)
    • “...more easily perceiving ... text on apage ... less attentional resources arerequired for the process of reading. Moreattentional resources can then bedevoted to attending to the message inthe text, which results in deeperprocessing and an easier recall of theinformation presented.” (p. 185) Gasser, Boek, Haffernan & Tan (2005)
    • Typeface i.e. font
    • Common Problems for L2 Learners
    • Legibility
    • LC l and UC I
    • LC d, b, q and p
    • Lowercase i and j
    • Lowercase c and o
    • Lowercase f and t
    • Double story minuscules Images from Wikipedia
    • Best Practice #1Use the font students are FAMILIAR with
    • “people most easily read materialprinted in the typefaces withwhich they are most familiar.” (p. 32) Hoener, Salend & Kay (1997)
    • Copyright page
    • Identifont & WhatTheFont www.identifont.com http://new.myfonts.com/WhatTheFont (includes an iPhone app)
    • Best Practice #1 (version two)Use a font with good LEGIBILITY
    • Recommended Typefaces Serif Sans Serif• Georgia • Verdana• (Bembo) Schoolbook • Helvetica Textbook
    • GeorgiaImage from Identifont
    • Bembo Schoolbook Image from Identifont
    • VerdanaImage from Identifont
    • Helvetica Textbook Image from Identifont
    • Best Practice #2set the typeface at a LARGER size
    • • Less skilled readers benefit from larger text Carter, Day & Meggs (2006); Petterson (1989)• 9-12 pt is standard for adults Carter, Day & Meggs (2006)• 18 pt for 1st grade, 14 pt for 3rd grade, 11 pt for 6th grade Hoener, Salend & Kay (1997)
    • Best Practice #3 Use typography tosignal different sections
    • Example
    • Tip Don’t forget thePRINTING & COPYNG
    • Page Layout
    • Best Practice #4Use INCREASED line spacing and white space
    • Theory (line spacing)“...the reader has an effortlessreturn path to the left edge ... forthe next line.” (p. 115) White (2002)
    • Theory (white space)“Space attracts readers bymaking the page look accessible,unthreatening, and manageable” White (2002)
    • Best Practice #5Use lines & shapes toORGANIZE the page
    • Theory“...directing the readers eyearound the page, drawing attentionto specific parts... breaking copyinto sections” (p.86) Dabner (2004)
    • Graphics
    • Best Practice #6Only use graphics with INSTRUCTIONAL purpose
    • “The fear of ‘wasted space’ drivesdesign novices to fill in any emptyspace with unnecessary clipart.” (p. 37) White (2002)
    • TheoryGraphics can be a distraction Evans, Watson and Willows (1987); Peeck (1987) Clark & Lyons (2011); Romney & Bell (2011)
    • “If instructional facilitation is nothighly probable, then ... graphicsshould not be used in instructionalmaterial.” (p. 239) Misanchuk (1992)
    • Putting it all together A Before and After
    • Thank Youromney.cameron@gmail.com LinkedInTwitter: @CameronRomney CameronRomney.com