SlideShare a Scribd company logo
Visual design principles and L2 learners:
   What teachers need to know

                     Cameron Romney
                     Center for Foreign Language Education

                              Momoyama Gakuin University

                     Asian Conference on Language Learning

                                        June 11, 2011
Connecting
Theory and Practice
Why should you care?
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 a
page ... less attentional resources are
required for the process of reading. More
attentional resources can then be
devoted to attending to the message in
the text, which results in deeper
processing and an easier recall of the
information presented.” (p. 185)

                  Gasser, Boek, Haffernan & Tan (2005)
Agenda

• Typefaces, i.e. fonts
 • Line Length & Spacing
   • White Space
     • Lines & Shapes
       • Graphics, i.e. clip art and photographs
Typefaces
Theory

“people most easily read material
printed in the typefaces with
which 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)
Theory

“...serifed typefaces are easier to
read than san serif” (p. 68)

                            Felici (2003)
EM EM
Line Length & Spacing
Theory

“When long lines are set...there
is a tendency of the reader to
read the same line twice” (p. 86)

                           Craig (1990)
Line Length Guides

• 50 - 60 characters (White 2002)
• 2 times the alphabet (Craig 1990)
• 27 characters minimum, 40 optimum, 70
  maximum (Felici 2003)
Theory

“...the reader has an effortless
return path to the left edge ... for
the next line.” (p. 115)

                           White (2002)
White Space
Theory

“Space attracts readers by
making the page look accessible,
unthreatening, and manageable”

                        White (2002)
Lines & Shapes
Theory

“...directing the readers eye
around the page, drawing attention
to specific parts... breaking copy
into sections” (p.86)

                        Dabner (2004)
Graphics
Theory

“The fear of ‘wasted space’ drives
design novices to fill in any empty
space with unnecessary clip
art.” (p. 37)
                     White (2002)
Theory

“If instructional facilitation is not
highly probable, then ... graphics
should not be used in instructional
material.” (p. 239)
                      Misanchuk (1992)
Visual design principles and L2 learners:
   What teachers need to know

                     Cameron Romney
                    romney.cameron@gmail.com
                      http://cameronromney.com
                    www.updatesfromosaka.com
                      Twitter: @cameronromney
                       SlideShare.net: C-Romney

More Related Content

Viewers also liked

Device to Device Communication in Cellular Networks
Device to Device Communication in Cellular NetworksDevice to Device Communication in Cellular Networks
Device to Device Communication in Cellular Networks
aroosa khan
 
Future Longwalls in India
Future Longwalls in IndiaFuture Longwalls in India
Future Longwalls in India
VR M
 
LDO project
LDO projectLDO project
LDO project
altaf423
 

Viewers also liked (11)

Kvadratichnaya funkciya
Kvadratichnaya funkciyaKvadratichnaya funkciya
Kvadratichnaya funkciya
 
Motores eléctricos guia 6 pruebas
Motores eléctricos guia 6 pruebasMotores eléctricos guia 6 pruebas
Motores eléctricos guia 6 pruebas
 
Device to Device Communication in Cellular Networks
Device to Device Communication in Cellular NetworksDevice to Device Communication in Cellular Networks
Device to Device Communication in Cellular Networks
 
Future Longwalls in India
Future Longwalls in IndiaFuture Longwalls in India
Future Longwalls in India
 
LDO project
LDO projectLDO project
LDO project
 
Diagnóstico y Mantenimiento a Transformadores - Conferencia Virtual / Segunda...
Diagnóstico y Mantenimiento a Transformadores - Conferencia Virtual / Segunda...Diagnóstico y Mantenimiento a Transformadores - Conferencia Virtual / Segunda...
Diagnóstico y Mantenimiento a Transformadores - Conferencia Virtual / Segunda...
 
Monitoreo de transformadores
Monitoreo de transformadoresMonitoreo de transformadores
Monitoreo de transformadores
 
Pruebas a Motores Eléctricos
Pruebas a Motores EléctricosPruebas a Motores Eléctricos
Pruebas a Motores Eléctricos
 
Grellrwxmas2015 151117201931-lva1-app6891
Grellrwxmas2015 151117201931-lva1-app6891Grellrwxmas2015 151117201931-lva1-app6891
Grellrwxmas2015 151117201931-lva1-app6891
 
Open Laboratory Ressourcen teilen und verteilen
Open Laboratory Ressourcen teilen und verteilenOpen Laboratory Ressourcen teilen und verteilen
Open Laboratory Ressourcen teilen und verteilen
 
Diagnóstico y Mantenimiento a Transformadores - Conferencia Virtual / Cuarta ...
Diagnóstico y Mantenimiento a Transformadores - Conferencia Virtual / Cuarta ...Diagnóstico y Mantenimiento a Transformadores - Conferencia Virtual / Cuarta ...
Diagnóstico y Mantenimiento a Transformadores - Conferencia Virtual / Cuarta ...
 

Similar to Visual design principals and l2 learners (6)

Elements of visual design for language learners
Elements of visual design for language learnersElements of visual design for language learners
Elements of visual design for language learners
 
Visual appeal of handouts and self-made classroom materials: Does it matter?
Visual appeal of handouts and self-made classroom materials: Does it matter?Visual appeal of handouts and self-made classroom materials: Does it matter?
Visual appeal of handouts and self-made classroom materials: Does it matter?
 
What teachers need to know about visual design
What teachers need to know about visual designWhat teachers need to know about visual design
What teachers need to know about visual design
 
Visual Design Best Practices for Handouts
Visual Design Best Practices for HandoutsVisual Design Best Practices for Handouts
Visual Design Best Practices for Handouts
 
Visual Design for Classroom Materials
Visual Design for Classroom MaterialsVisual Design for Classroom Materials
Visual Design for Classroom Materials
 
Typographic best practices for classroom materials
Typographic best practices for classroom materialsTypographic best practices for classroom materials
Typographic best practices for classroom materials
 

More from C Romney

The purpose of images in elt materials revisted
The purpose of images in elt materials revistedThe purpose of images in elt materials revisted
The purpose of images in elt materials revisted
C Romney
 
Beyond Linguistic Accuracy: What speaking tests must also evaluate
Beyond Linguistic Accuracy: What speaking tests must also evaluateBeyond Linguistic Accuracy: What speaking tests must also evaluate
Beyond Linguistic Accuracy: What speaking tests must also evaluate
C Romney
 
Creating supplements that increase spoke interaction
Creating supplements that increase spoke interactionCreating supplements that increase spoke interaction
Creating supplements that increase spoke interaction
C Romney
 

More from C Romney (15)

It's How You Say It: Improving Student Discussion Skills
It's How You Say It: Improving Student Discussion SkillsIt's How You Say It: Improving Student Discussion Skills
It's How You Say It: Improving Student Discussion Skills
 
Small Talk is Big Talk: Teaching Phatic Communication
Small Talk is Big Talk: Teaching Phatic CommunicationSmall Talk is Big Talk: Teaching Phatic Communication
Small Talk is Big Talk: Teaching Phatic Communication
 
EFL to ESL: Helping learners bridge the communicative gap
EFL to ESL: Helping learners bridge the communicative gapEFL to ESL: Helping learners bridge the communicative gap
EFL to ESL: Helping learners bridge the communicative gap
 
Sourcing Images for Teacher Made Materials
Sourcing Images for Teacher Made MaterialsSourcing Images for Teacher Made Materials
Sourcing Images for Teacher Made Materials
 
The purpose of images in elt materials revisted
The purpose of images in elt materials revistedThe purpose of images in elt materials revisted
The purpose of images in elt materials revisted
 
Beyond Linguistic Accuracy: What speaking tests must also evaluate
Beyond Linguistic Accuracy: What speaking tests must also evaluateBeyond Linguistic Accuracy: What speaking tests must also evaluate
Beyond Linguistic Accuracy: What speaking tests must also evaluate
 
Towards Systematic Materials Design with ADDIE
Towards Systematic Materials Design with ADDIETowards Systematic Materials Design with ADDIE
Towards Systematic Materials Design with ADDIE
 
Harnessing the pPower of Visual Design
Harnessing the pPower of Visual DesignHarnessing the pPower of Visual Design
Harnessing the pPower of Visual Design
 
Increase the impact of your materials with visual design
Increase the impact of your materials with visual designIncrease the impact of your materials with visual design
Increase the impact of your materials with visual design
 
Creating supplements that increase spoke interaction
Creating supplements that increase spoke interactionCreating supplements that increase spoke interaction
Creating supplements that increase spoke interaction
 
TESOL 2015: Get more out of your handouts with QR coeds
TESOL 2015: Get more out of your handouts with QR coedsTESOL 2015: Get more out of your handouts with QR coeds
TESOL 2015: Get more out of your handouts with QR coeds
 
A systematic approach to make textbook supplements
A systematic approach to make textbook supplementsA systematic approach to make textbook supplements
A systematic approach to make textbook supplements
 
Challenges in the teaching and testing of speaking
Challenges in the teaching and testing of speakingChallenges in the teaching and testing of speaking
Challenges in the teaching and testing of speaking
 
Paperless? How about less paper with QR Codes
Paperless? How about less paper with QR CodesPaperless? How about less paper with QR Codes
Paperless? How about less paper with QR Codes
 
The role of graphics in business English texts
The role of graphics in business English textsThe role of graphics in business English texts
The role of graphics in business English texts
 

Recently uploaded

Accounting and finance exit exam 2016 E.C.pdf
Accounting and finance exit exam 2016 E.C.pdfAccounting and finance exit exam 2016 E.C.pdf
Accounting and finance exit exam 2016 E.C.pdf
YibeltalNibretu
 

Recently uploaded (20)

B.ed spl. HI pdusu exam paper-2023-24.pdf
B.ed spl. HI pdusu exam paper-2023-24.pdfB.ed spl. HI pdusu exam paper-2023-24.pdf
B.ed spl. HI pdusu exam paper-2023-24.pdf
 
How to Split Bills in the Odoo 17 POS Module
How to Split Bills in the Odoo 17 POS ModuleHow to Split Bills in the Odoo 17 POS Module
How to Split Bills in the Odoo 17 POS Module
 
Introduction to Quality Improvement Essentials
Introduction to Quality Improvement EssentialsIntroduction to Quality Improvement Essentials
Introduction to Quality Improvement Essentials
 
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptxMARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
 
Benefits and Challenges of Using Open Educational Resources
Benefits and Challenges of Using Open Educational ResourcesBenefits and Challenges of Using Open Educational Resources
Benefits and Challenges of Using Open Educational Resources
 
PART A. Introduction to Costumer Service
PART A. Introduction to Costumer ServicePART A. Introduction to Costumer Service
PART A. Introduction to Costumer Service
 
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptxStudents, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
 
The Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve ThomasonThe Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve Thomason
 
Ethnobotany and Ethnopharmacology ......
Ethnobotany and Ethnopharmacology ......Ethnobotany and Ethnopharmacology ......
Ethnobotany and Ethnopharmacology ......
 
Instructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptxInstructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptx
 
Sectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdfSectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdf
 
Basic Civil Engineering Notes of Chapter-6, Topic- Ecosystem, Biodiversity G...
Basic Civil Engineering Notes of Chapter-6,  Topic- Ecosystem, Biodiversity G...Basic Civil Engineering Notes of Chapter-6,  Topic- Ecosystem, Biodiversity G...
Basic Civil Engineering Notes of Chapter-6, Topic- Ecosystem, Biodiversity G...
 
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdfINU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
 
Operations Management - Book1.p - Dr. Abdulfatah A. Salem
Operations Management - Book1.p  - Dr. Abdulfatah A. SalemOperations Management - Book1.p  - Dr. Abdulfatah A. Salem
Operations Management - Book1.p - Dr. Abdulfatah A. Salem
 
The Benefits and Challenges of Open Educational Resources
The Benefits and Challenges of Open Educational ResourcesThe Benefits and Challenges of Open Educational Resources
The Benefits and Challenges of Open Educational Resources
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
 
Application of Matrices in real life. Presentation on application of matrices
Application of Matrices in real life. Presentation on application of matricesApplication of Matrices in real life. Presentation on application of matrices
Application of Matrices in real life. Presentation on application of matrices
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
 
Accounting and finance exit exam 2016 E.C.pdf
Accounting and finance exit exam 2016 E.C.pdfAccounting and finance exit exam 2016 E.C.pdf
Accounting and finance exit exam 2016 E.C.pdf
 
Fish and Chips - have they had their chips
Fish and Chips - have they had their chipsFish and Chips - have they had their chips
Fish and Chips - have they had their chips
 

Visual design principals and l2 learners

  • 1. Visual design principles and L2 learners: What teachers need to know Cameron Romney Center for Foreign Language Education Momoyama Gakuin University Asian Conference on Language Learning June 11, 2011
  • 4. 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)
  • 5. “...more easily perceiving ... text on a page ... less attentional resources are required for the process of reading. More attentional resources can then be devoted to attending to the message in the text, which results in deeper processing and an easier recall of the information presented.” (p. 185) Gasser, Boek, Haffernan & Tan (2005)
  • 6. Agenda • Typefaces, i.e. fonts • Line Length & Spacing • White Space • Lines & Shapes • Graphics, i.e. clip art and photographs
  • 8. Theory “people most easily read material printed in the typefaces with which they are most familiar.” (p. 32) Hoener, Salend & Kay (1997)
  • 10. Identifont & WhatTheFont www.identifont.com http://new.myfonts.com/WhatTheFont (includes an iPhone app)
  • 11. Theory “...serifed typefaces are easier to read than san serif” (p. 68) Felici (2003)
  • 12. EM EM
  • 13. Line Length & Spacing
  • 14. Theory “When long lines are set...there is a tendency of the reader to read the same line twice” (p. 86) Craig (1990)
  • 15. Line Length Guides • 50 - 60 characters (White 2002) • 2 times the alphabet (Craig 1990) • 27 characters minimum, 40 optimum, 70 maximum (Felici 2003)
  • 16.
  • 17.
  • 18. Theory “...the reader has an effortless return path to the left edge ... for the next line.” (p. 115) White (2002)
  • 19.
  • 21. Theory “Space attracts readers by making the page look accessible, unthreatening, and manageable” White (2002)
  • 22.
  • 23.
  • 25. Theory “...directing the readers eye around the page, drawing attention to specific parts... breaking copy into sections” (p.86) Dabner (2004)
  • 26.
  • 27.
  • 28.
  • 30. Theory “The fear of ‘wasted space’ drives design novices to fill in any empty space with unnecessary clip art.” (p. 37) White (2002)
  • 31.
  • 32. Theory “If instructional facilitation is not highly probable, then ... graphics should not be used in instructional material.” (p. 239) Misanchuk (1992)
  • 33.
  • 34. Visual design principles and L2 learners: What teachers need to know Cameron Romney romney.cameron@gmail.com http://cameronromney.com www.updatesfromosaka.com Twitter: @cameronromney SlideShare.net: C-Romney

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n