The Art, Technology, and Science of Reading Kevin Larson, Microsoft.
-
Upload
miriam-horwich -
Category
Documents
-
view
215 -
download
0
Transcript of The Art, Technology, and Science of Reading Kevin Larson, Microsoft.
![Page 1: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/1.jpg)
The Art, Technology, and Science of Reading
Kevin Larson, Microsoft
![Page 2: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/2.jpg)
![Page 3: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/3.jpg)
![Page 4: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/4.jpg)
![Page 5: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/5.jpg)
![Page 6: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/6.jpg)
![Page 7: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/7.jpg)
![Page 8: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/8.jpg)
ClearType
![Page 9: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/9.jpg)
ClearType subpixel spacing in IE9
![Page 10: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/10.jpg)
Neu-Vita Oculizer
Photos by American Artifacts’ Richard Van Vleck
![Page 11: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/11.jpg)
Illustration by Patrick Lynch
![Page 12: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/12.jpg)
Illustration by Patrick Lynch
![Page 13: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/13.jpg)
Mild Medium Heavy Strong6
7
8
9
10
11
Orbicularis Oculi ActivationNahar, Sheedy, Hayes, & Tai (2006)
Glare
Refractive Error
Contrast
Size
Units different for each condition
EMG
Pow
er (d
b/H
z)
![Page 14: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/14.jpg)
Mild Medium Heavy Strong5
10
15
20
25
Blink RateNahar, Sheedy, Hayes, & Tai (2006)
Refractive Error
Glare
Contrast
Size
Units different for each condition
Blin
ks p
er m
inut
e
![Page 15: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/15.jpg)
Three Kinds of Eye Fatigue
• Internal eye disorders – Accommodation or Convergence problems
• Strain that can be improved by squinting– Glare or Refractive problems
• Non-optimal text– Text size too small or Contrast too low
![Page 16: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/16.jpg)
Aoccdrnig to rscheearch at Cmabrigde uinervtisy, it deosn't mttaer waht oredr the ltteers in a wrod are, the olny iprmoetnt tihng is taht the frist and lsat ltteres are at the rghit pclae. The rset can be a tatol mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by it slef but the wrod as a wlohe.
![Page 17: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/17.jpg)
Rayner, White, Johnson, & Liversedge (2006)
Example Sentence
NormalThe boy could not solve the problem so he asked for help.
Internal letters
The boy cuold not slove the probelm so he aksed for help.
Final letters
The boy coudl not solev the problme so he askde for help.
Beginning letters
The boy oculd not oslve the rpoblem so he saked for help.
![Page 18: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/18.jpg)
Rayner, White, Johnson, & Liversedge (2006)
Example SentenceReading Speed
NormalThe boy could not solve the problem so he asked for help.
255 wpm
Internal letters
The boy cuold not slove the probelm so he aksed for help.
227 wpm
Final letters
The boy coudl not solev the problme so he askde for help.
189 wpm
Beginning letters
The boy oculd not oslve the rpoblem so he saked for help.
163 wpm
![Page 19: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/19.jpg)
a a
![Page 20: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/20.jpg)
Letter Font Area Adjusted
a Verdana 1.901
a Consolas 1.854
a Frutiger 1.815
a Centaur 1.792
a Rockwell 1.791
a Baskerville 1.747
a Helvetica 1.734
a Georgia 1.694
a Garamond 1.657
a DIN 1.289
a Futura 1.252
a Bodoni 1.098
Tai & Sheedy (unpublished)
![Page 21: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/21.jpg)
s s
![Page 22: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/22.jpg)
Letter Font Area Adjusted
s Centaur 2.309
s Futura 2.173
s Baskerville 2.139
s Verdana 2.081
s Consolas 2.062
s Frutiger 2.015
s DIN 1.904
s Bodoni 1.848
s Georgia 1.759
s Garamond 1.753
s Helvetica 1.744
s Rockwell 1.605
Tai & Sheedy (unpublished)
![Page 23: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/23.jpg)
![Page 24: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/24.jpg)
![Page 25: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/25.jpg)
Gabriola
![Page 26: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/26.jpg)
Stroop (1935)
redpurplegreenyellowblue
Say the color of the ‘ink’
![Page 27: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/27.jpg)
redpurplegreenyellowblue
redpurplegreenyellowblue
Say the word
![Page 28: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/28.jpg)
Dawn Shaikh (2008)
![Page 29: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/29.jpg)
Corsiva Times
pretty reliablegorgeous
staid
stylish constant
Hazlett & Larson (unpublished)
![Page 30: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/30.jpg)
Say the word
prettyreliable
stylish
staid
![Page 31: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/31.jpg)
Verdana Georgia
youthful maturecasual formalpassive assertive
![Page 32: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/32.jpg)
Say the word
casual
mature
youthful
formal
![Page 33: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/33.jpg)
Larson, Hazlett, Chaparro, & Picard (2006)
![Page 34: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/34.jpg)
![Page 35: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/35.jpg)
![Page 36: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/36.jpg)
People perform better on cognitive tests after reading with good typography
![Page 37: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/37.jpg)
People frown less with good typography
(less corrugator muscle activity)
![Page 38: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/38.jpg)
People frown less with good typography
(less corrugator muscle activity)
![Page 39: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/39.jpg)
Take Aways
ClearType subpixel spacing improves readabilityStandards based web pages in IE9 will get this!
Reduce eye fatigue with larger, higher contrast textDo use 12 point, black-on-white text.Don’t use 9 point, grey on grey text.
Choose font personalities that match your contentDo use serif fonts to convey formality and maturityComic sans is only appropriate for cartoonish materials
There are cognitive benefits for good page layout.A well designed page is more likely to be impactful and cause the reader to act on the message.
![Page 41: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/41.jpg)
![Page 42: The Art, Technology, and Science of Reading Kevin Larson, Microsoft.](https://reader035.fdocuments.us/reader035/viewer/2022062620/551a4c47550346a4248b5f19/html5/thumbnails/42.jpg)
© 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions,
it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.