Sub-Pixel Text Rendering – Preference, Legibility and Reading Performance Jim Sheedy Jim Sheedy Yu-Chi Tai Yu-Chi Tai Manoj Subbaram Manoj Subbaram Sowjanya.

Slides:



Advertisements
Similar presentations
The Physical Stimulus: Spatial pattern (This is a poorly-generated approximation to a sine wave)
Advertisements

Theme 4: Visual Acuity Concept of Visual Acuity. Visual Discrimination Tasks. Types of Visual Acuity Scales of Visual Acuity Optotypes for measuring Visual.
Making Text Legible: Designing for People with Partial Sight CSCI 4800 Spring 2007 E. Kraemer.
Poster title goes here, containing strictly only the essential number of words... Author’s Name/s Goes Here, Author’s Name/s Goes Here, Author’s Name/s.
Vector vs. Bitmap Monica Stoica, book used:the essential guide to computing by garrison walters.
The Measurement of Vision and Visual Acuity. On these charts, the letter size is specified not by its height, but by the distance at which the complete.
Typography and Imagery in Design Presented by Ashley Reeder.
Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.
Web Fonts. Choosing Fonts for a Website: Only those fonts that are installed on our viewers' computers will display properly on our web pages. For this.
Typography and Space for Web Design Important Issues From Web Style Guide.
Typography is the strategic use of type to create texture, hierarchy, organization, and clear communication.
Chapter 4 Typography Objectives (1 of 2) Differentiate among calligraphy, lettering, and typography. Gain knowledge of type definitions and nomenclature.
Chapter 4 Typography.
Session outcomes At the end of this topic, learners should be able to: Calculate the necessary magnification to achieve patient goals for both distance.
GIS for Environmental Science ENSC 3603 Class 19 3/24/09.
Microsoft PowerPoint.
Created with User Interface Aesthetics COMPSCI 345 / SOFTENG 350 Prepared by Safurah Abdul Jalil & Beryl Plimmer 2011.
Created with User Interface Aesthetics COMPSCI 345 / SOFTENG 350 Prepared by Safurah Abdul Jalil & Beryl Plimmer 2011.
Web Typography Serif and sans serif fonts  Serifs are the tails on the letters  Serif leads the eye from letter to letter  At large font sizes, the.
Windows 7 Training. Windows® 7 Compatibility High DPI Applications.
Functional Vision Assessment
Chapter 8. Handouts, Study Guides, and Visuals By: Clara A. Lopez.
Introduction to Poster Design Melanie St. James Manager, Design and Usability Services UIT ESTS, Tufts University
Prioritizing Web Usability Nielsen and Loranger Chapter 7: Typography: Readability and Legibility Paul Ammann SWE 432 Design.
Why cover “acuity” in a course called “Central Visual Mechanisms”? …because we are now talking about how the whole visual system works and how we can measure.
Fonts. Choosing Fonts How text looks on our web pages is a major component of the overall appearance of our site. We need to choose our text fonts carefully,
Typography Vocabulary and Guidelines This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors include Gregory.
Accommodative Response to Desktop & Handheld Video Displays Yu-Chi Tai, PhD, James Kundart, OD, MEd, FAAO, John R. Hayes, PhD, James Sheedy OD, PhD, FAAO.
Character legibility: which details are important, and how might it be measured? John Hayes, Jim Sheedy, Yu-Chi Tai, Vinsunt Donato, David Glabe.
0.75 cm Inferior OO 0.75 cm Superior OO 1.75 cm Inferior OO 0.75 cm Inferior OO Corrugator 1.75 cm Inferior OO 0.75 cm Superior OO Corrugator Frontalis.
It is planned to recruit 60 subjects to complete this study. The data presented was based on results from 36 subjects. Subjects were asked to make a lexical.
The effect of inter-letter spacing on reading Yu-Chi Tai, John Hayes, James Sheedy College of Optometry Pacific University, Forest Grove, Oregon ABSTRACT.
Subjects. Thirty-four young adults 19 males & 15 felames, age 18-33, mean age = 24.8) participated in this study. They all have 20/20 or better vision.
Lifestyle and Refractive Factors Associated with Progressive Addition Lens Preference The Center for Ophthalmic Optics Research, The Ohio State University.
Innovative Approaches to Displaying Words -- The effect of segmentation on word identification Yu-Chi Tai, Shun-nan Yang, John R. Hayes, & James Sheedy.
Although we perceive a pixel as being white, it is actually comprised of 3 colored sub-pixels. The sub-pixels can be separately addressed in order to triple.
Objective Measurements of Levels of Visual Stress Niru K. Nahar 1, Sowjanya Gowrisankaran 2, James E. Sheedy 3 1 Dept. of Electrical and Computer Engineering,
Blink Is Not A Random Event In Reading Yu-Chi Tai, James Sheedy, & John Hayes Pacific University, College of Optometry.
John Hayes, Jim Sheedy, Yu-Chi Tai, Vinsunt Donato, David Glabe,
Fonts.
Effects of Transverse Chromatic Aberration (TCA) on Peripheral Reading
Our Color vision is Limited
B612: the PolarSys font Laurent SPAGGIARI, AIRBUS
ORTH 140 NORMAL BINOCULAR SINGLE VISION AND MOTOR FUSION
Yu-Chi Tai, Shun-nan Yang, John Hayes , James Sheedy
The Effect of Inter-letter Spacing on Reading Yu-Chi Tai, PhD James E
Does size-threshold text legibility relate to performance with suprathreshold-sized text? Yu-Chi Tai, PhD James E. Sheedy, OD, PhD, FAAO John R. Hayes,
Yu-Chi Tai, PhD, John R. Hayes, PhD , James E. Sheedy, OD, PhD
Visual Stress and Cognition: An investigation of the impacts of visual stress on lexical decision making Joshua Gietzen, Yu-Chi Tai, PhD, John R. Hayes,
Niru K. Nahar Sowjanya Gowrisankaran James E. Sheedy
Viewing Distance & Visual Discomfort While Using Handheld Displays
TITLE, VERDANA, SIZE 66, CAPITAL LETTER, BOLD
Color triads on a raster display
Fonts.
Shun-nan Yang, PhD, Hannu Laukannen, OD, Yu-Chi Tai, PhD, James E
Questions for lesson 3 Perception 11/27/2018 lesson 3.
Relationship Between Visual Stress & Generalized Body Stress
Coding of Cognitive Magnitude
Michael S Beauchamp, Kathryn E Lee, Brenna D Argall, Alex Martin 
Priya Ramamoorthy BSOptom, MS
Volume 26, Issue 14, Pages (July 2016)
Michael S Beauchamp, Kathryn E Lee, Brenna D Argall, Alex Martin 
The Ventriloquist Effect Results from Near-Optimal Bimodal Integration
Neuronal Response Gain Enhancement prior to Microsaccades
Visual acuity, Visual field & Binocular vision
Presentation Guidelines
Shun-nan Yang, PhD, Hannu Laukkanen, OD, Yu-Chi Tai, PhD, James E
Viewing distance: a trade-off of reserves
Top-Down Modulation of Lateral Interactions in Early Vision
Presentation transcript:

Sub-Pixel Text Rendering – Preference, Legibility and Reading Performance Jim Sheedy Jim Sheedy Yu-Chi Tai Yu-Chi Tai Manoj Subbaram Manoj Subbaram Sowjanya Gowrisankaran Sowjanya Gowrisankaran John Hayes John Hayes

Legibility of Fonts James E. Sheedy OD, PhD Manoj V. Subbaram MS John R. Hayes PhD Sponsored by Microsoft Corporation Sheedy JE, Subbaram M, Zimmerman AB, Hayes JR. Legibility of text. Human Factors 2005;47(4):

Font type Verdana Arial Georgia Times New Roman

Font Enhancements n Font smoothing –Aliased –Grayscale –ClearType

ClearType explained

Measuring relative legibility n Size threshold method –Or, back-up method (Tinker) n How small can it be and still be identified? n Essentially, make an acuity chart with each font design to be tested –Measure VA on group of subjects with each chart –Mean group performance represents relative legibility

Standardized measurements of visual acuity (ISO) n Landolt ring n Minimum angle of resolution –1/5 of character size MAR

Legibility Method - measure VA n Letters or words arranged in logarithmic size progression –100,80,62,50,40,32,25,20,16,12.5 –Or, logMAR steps are: –0.7, 0.6, 0.5, 0.4, 0.3, 0.2, 0.1, 0.0, -0.1, -0.2 n Cannot resolve small letters with normal computer displays n Can measure VA by keeping letter size the same - altering viewing distance in logarithmic progression

Clear Type – Preference and Performance Support Provided by Microsoft Corporation Sheedy J, Tai Y, Subbaram M, Gowrisankaran S, Hayes JR. ClearType sub-pixel text rendering: Preference, legibility and reading performance. Displays, 2008;29(2):

Experiment 1. Preference of CT Implementation Level n Method –30 subjects indicated preference between a pair of text displays (with different CT levels) on a scale of 0 ~ 100 mm. –For each pair, subjects also rated the reason for not selecting the non- preferred display. They rated each of 3 factors on a scale of 0 ~ 100 mm. ColorColor ContrastContrast ClarityClarity

Mean preference ratings Textured data are significantly different from preference rating of 50 (which represents no preference)

Clear Type preference summary n For smaller font (10) –Significant preference for L1, –Non-significant preference for L2 –Significantly selected against L3 and L4 n For larger font (12) –Quite neutral between CT levels 0-3 slightly higher preference for CT Levels 1 and 2slightly higher preference for CT Levels 1 and 2 differences are not significantdifferences are not significant –Significantly selected against L4

Reasons for non-preference Ratings on a scale from 1 to 100 on the contribution of color, contrast, and clarity on the reason for NOT selecting a particular CT level. * p<.05; ** p<.01

Reasons for non-preference – summary n For medium-high (L3) and high- level (L4) CT fonts, color is the main reason that one does NOT prefer higher-level CT implementation. n When lower CT levels are preferred, it is because of contrast and clarity

Visual acuity and color vision n Hypothesis: CT preference is related to the color vision or visual acuity capabilities of the subject n Subject testing –FM 100 hue color vision test –Visual acuity testing (from legibility) n Neither individual visual acuity nor color vision is significantly related to preferred CT level. n Both visual acuity and color vision bear a positive relationship with magnitude scaling of reasons for selecting one CT level over another.

Experiment 3. Central vs. Peripheral Vision n Purpose: –To measure subject’s perception of color at different CT levels n Methods: –A paragraph of 10 point font text was flashed for 200 msec – –Subjects indicated if they saw color (“yes” or “no”) – –Central vs. peripheral Central condition: A 3-line text in the center of the display Peripheral condition: A full-page text without the central 3 lines – –Naïve vs. Informed Naïve measures: Initial measures Informed measures: subjects were measured after being shown a comparison of CT 0 and CT 4 and told thatInformed measures: subjects were measured after being shown a comparison of CT 0 and CT 4 and told that the “color” in CT 4 was the color effect to which the “color” in CT 4 was the color effect to which they were to respond. they were to respond.

Central vs. Peripheral stimuli Central presentationPeripheral presentation Fixation point

Color Perception and CT – central Mean rating (SEM bars) of perceived color (“yes” = 1, “no” = 0) in central viewing condition as function of CT implementation level

Acknowledgment: These studies are supported by Microsoft Corporation. These studies are supported by Microsoft Corporation.