1 / 42

The Art, Technology, and Science of Reading

The Art, Technology, and Science of Reading. Kevin Larson, Microsoft. ClearType. ClearType subpixel spacing in IE9. Neu -Vita Oculizer. Photos by American Artifacts’ Richard Van Vleck. Illustration by Patrick Lynch. Illustration by Patrick Lynch. Three Kinds of Eye Fatigue.

vida
Download Presentation

The Art, Technology, and Science of Reading

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. The Art, Technology, and Science of Reading Kevin Larson, Microsoft

  2. ClearType

  3. ClearType subpixel spacing in IE9

  4. Neu-Vita Oculizer Photos by American Artifacts’ Richard Van Vleck

  5. Illustration by Patrick Lynch

  6. Illustration by Patrick Lynch

  7. 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

  8. Aoccdrnig to rscheearch at Cmabrigdeuinervtisy, it deosn'tmttaerwahtoredr the ltteers in a wrod are, the olnyiprmoetnttihng is taht the frist and lsatltteres are at the rghitpclae. The rset can be a tatolmses and you can sitllraed it wouthit a porbelm. Tihs is bcuseae we do not raederveylteter by it slef but the wrod as a wlohe.

  9. Rayner, White, Johnson, & Liversedge (2006)

  10. Rayner, White, Johnson, & Liversedge (2006)

  11. aa

  12. Tai & Sheedy (unpublished)

  13. ss

  14. Tai & Sheedy (unpublished)

  15. Gabriola

  16. Stroop (1935) Say the color of the ‘ink’ red purple green yellow blue

  17. Say the word red purple green yellow blue red purple green yellow blue

  18. Dawn Shaikh (2008)

  19. Hazlett & Larson (unpublished)

  20. Say the word pretty reliable stylish staid

  21. Say the word casual mature youthful formal

  22. Larson, Hazlett, Chaparro, & Picard (2006)

  23. People perform better on cognitive tests after reading with good typography

  24. People frown less with good typography(less corrugator muscle activity)

  25. People frown less with good typography(less corrugator muscle activity)

  26. Take Aways ClearType subpixel spacing improves readability Standards based web pages in IE9 will get this! Reduce eye fatigue with larger, higher contrast text Do use 12 point, black-on-white text. Don’t use 9 point, grey on grey text. Choose font personalities that match your content Do use serif fonts to convey formality and maturity Comic 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.

  27. Contact Info Kevin Larson kevlar@microsoft.com http://blogs.msdn.com/fontblog/

  28. © 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.

More Related