Ophthalmology

Evaluating the optimised font size and viewing time of online learning in young children: a multicentre cross-sectional study

Abstract

Objectives Near viewing distance (VD) and longer viewing times are associated with myopia. This study aimed to identify the font size and viewing time that guarantee the appropriate VD and pixels per degree (PPD) for children’s online learning.

Design This cross-sectional study comprised two experiments. In experiment A, participants read text in five font sizes on three backlit displays (a personal computer, a smartphone and a tablet), an E-ink display and paper for 5 min per font size. In experiment B, participants watched videos for 30 min on three backlit displays.

Setting The Peking University People’s Hospital in Beijing (China) and the School of Ophthalmology and Optometry, Wenzhou Medical University (Zhejiang Province, China).

Participants Thirty-five participants completed experiment A. Ten of them participated in experiment B.

Primary and secondary outcome measures VDs were measured by Clouclip. The corresponding PPD was calculated.

Results In experiment A, font size and display type significantly affected VD (F(4840)=149.44, p<0.001, ES (Effect size)=0.77; F(4840), p<0.001, ES=0.37). VDs were >33 cm for all five font sizes on the PC, the tablet and paper and for 18-pt on the smartphone and 16-pt on E-ink. PPD for 16-pt on the PC, 14-pt on the tablet and all five font sizes on the phone were >60. In experiment B, VD increased over the four previous 5 min periods but decreased slightly on tablets and PCs in the fifth 5 min period. PPD was >60.

Conclusion Children demonstrated different VDs and PPDs based on font size and display type. To ensure a 33 cm VD and 60 PPD, the minimum font size for online reading should be 18-pt on smartphones, 16-pt on PCs and E-ink, 10.5-pt on tablets and 9-pt on paper. More attention should be given to children’s VD with continuous video viewing of more than 25 min.

Trial registration number ChiCTR2100049584.

What is already known on this topic

  • Online teaching has widespread applications during COVID-19 and may continue to flourish.

  • Increased digital screen time and near viewing distance (VD) were associated with the onset and progression of myopia in young children.

  • Clouclip allowed for an objective VD measurement.

What this study adds

  • We explored the optimised font size and acceptable viewing time from the perspective of myopia prevention.

  • Children demonstrated different VDs and pixels per degree based on font size, viewing time and display type.

  • The minimum font size for text should be 18-pt on smartphones, 16-pt on PCs and E-ink, 10.5-pt on tablets and 9-pt on paper. Continuous video watching time should be less than 25 min.

How this study might affect research, practice or policy

  • This study may provide recommendations for interface design for young children.

Introduction

People’s lives have been deeply affected by COVID-19.1 2 To prevent the spread of COVID-19, traditional teaching modes have been replaced by online teaching at nearly all education levels, and this situation may continue during the postpandemic era.3

The daily online course time is 1 hour for grades 1 and 2 and 2.5 hours for grades 3 –6.4 Children aged 8–12 years in the USA were found to spend 4–6 hours a day watching or using screens.5 One study revealed that the prevalence of myopia after COVID-19 was approximately three times higher than in other years for children aged 6 years, 2 times higher for children aged 7 years and 1.4 times higher for children aged 8 years.6 Although the increased prevalence of myopia precedes the advent of smart devices, it has been suggested that these devices could exacerbate the myopia epidemic.

Shorter reading distance is widely considered a significant environmental risk factor for myopia incidence and progression.7 8 The Chinese Ministry of Education proposed 33 cm as a ‘watershed’ between fast and slow myopia progression7 9 10 and the appropriate distance from the eye to the viewing panel when children are reading or writing.11 For backlit displays, relatively small screens may necessitate close viewing distance (VD) and small text sizes, increasing the accommodation and vergence demand and thus accelerating myopia progression.12 13 Another display parameter, pixels per degree (PPD), referring to the average number of pixels in every 1° field angle, should also be considered. A lower PPD leads to the screen door effect, which describes the visible gaps between actual pixels. This effect is induced by shorter distances and resolved by increasing resolution. PPD should be at least 60 to avoid the screen door effect.14 15

The VD of most studies was acquired by questionnaires or by using rulers and a continuous shooting system, or the participants’ heads were fixed using a chin-support tripod without regard to how people actually read in daily life. This study used a Clouclip device (JingZhiJing Technology, Hangzhou, China), which is attached to the spectacle arm and can measure both light intensity and distance. The collected data reflect the experience of the eye itself.16

This study aims to explore the optimal font sizes and acceptable viewing time during children’s online learning to guarantee a suitable VD and PPD for backlit devices.

Methods

Study design

This is a cross-sectional multicentre-based study, mainly conducted in the Peking University People’s Hospital and the School of Ophthalmology and Optometry, Wenzhou Medical University. The study protocol is available in online supplemental appendix.

Participants

All children completed a form with details of their basic information. Then, cycloplegia was induced via the administration of four drops of Mydrin-P (tropicamide (0.5%) phenylephrine (0.5%) eye-drops; Santen Pharmaceuticals, Japan) at an interval of 5 min in both eyes. The refraction was first examined using a desk-mounted autorefractor (KR-8900; Topcon, Tokyo, Japan). Subjective refraction was performed on another day. Refractive errors were corrected with full-correction lenses. The inclusion criteria were as follows: (1) the best-corrected visual acuity of both eyes was ≤0.00 logMAR or better; (2) spherical equivalent refractive errors ranging from −1.00 to −5.50 D; (3) without anisometropia >1.00 D or astigmatism >1.50 DC. All participants were in good health without ocular diseases or any other systemic conditions affecting ocular health.

Apparatus

The devices used in our study are listed in table 1. All displays were tested in experiment A. Three backlit devices were tested in experiment B.

Table 1
|
Details of the materials used in the study

A Clouclip device was attached to the temple of a spectacle frame by a rubber sleeve with its anterior panel parallel to the spectacle plane (figure 1A). It measured working distances every 5 s and environmental luminance every 120 s; therefore, the time-tagged perpendicular distance from the participants’ eyes to the display plane and light levels were recorded.

Figure 1
Figure 1

(A) The Clouclip can be attached to the temple of a spectacle frame with its anterior panel parallel to the spectacle plane. (B) The experimental conditions of the workplace. Digital devices were placed on the reading bracket with a background board to extend the viewing plane. The reading bracket was placed on an 800 mm high test table, and the participants sat on swivel chairs. The reading bracket angle and height, the swivel chair height and the viewing distance could be adjusted according to the participants’ preferences during the experimental process.

Experimental work conditions

Devices were placed on a reading bracket with a background board to extend the viewing plane. The reading bracket was placed on an 800 mm high test table, and the participants sat on swivel chairs. The reading bracket angle and height, the swivel chair height and the VD could be adjusted according to the participants’ preferences during the experimental process (figure 1B). The participants needed to touch the screen or turn the page by themselves when finishing the current page.

This study maintained a constant ambient illumination of 300 lx. The screen luminance was environmentally dependent, as all devices were set to automatic adjustment mode. No reflection appeared on the screen of the digital devices during the experimental process.

Experiments and procedures

Figure 2 shows the flow chart of the experimental procedures. The study comprised two experiments during which the VDs of the participants were measured (experiment A, reading text presented in different font sizes; experiment B, watching video on various digital devices). For the backlit displays, the PPD was also calculated by formula 1.17

Figure 2
Figure 2

The flow of experimental procedures.

PPD=(pixels/degree)= 2×D×R×tan0.5° formula 1.

D: the distance from the participants’ eyes to the display plane in inches.

R: screen resolution in pixels per inch.

Experiment A

This task evaluated the following two independent variables:

  1. Text display type: smartphone, tablet, personal computer (PC), E-ink and paper.

  2. Font size: five Chinese ‘song’ font sizes, 9-pt, 10.5-pt, 12-pt, 14-pt and 16-pt for paper, tablet, PC and E-ink and 12-pt, 14-pt, 16-pt, 18-pt and 20-pt for smartphones since text displayed in 9-pt and 10.5-pt font is difficult to read on phone screens. ‘Song’ font was used due to its popularity for Chinese text presentations, especially in children’s books.

The text display type and font size were considered within-subject factors. Each participant read text presented in five font sizes (5 min per font size) on one display type at each visit. A 10 min distance viewing was allowed after reading one kind of font size to avoid possible biases resulting from the visual fatigue effect. The test sequences for the five text display types and five font sizes were randomised.

Experiment B

This task evaluated the following two independent variables:

  1. Video display type: smartphone, tablet and PC.

  2. Time: the middle 25 min of a continuous 30 min period was segmented into five 5 min periods, and the mean reading distance in each 5 min period was calculated.

Video display type and time were considered within-subject factors. Ten participants who completed experiment A were further invited to participate in experiment B. To avoid possible biases resulting from the visual fatigue, a 20 min rest was given. Then, they watched a high-definition Chinese online course video corresponding to their grade on the screen for 30 continuous minutes. The test sequences for the three backlit display types corresponded with those in experiment A.

All visits were completed between 9:00 and 12:00 hours within a period of 10 days to avoid any influence of diurnal variations on ocular status.

Dependent measures and data analysis

The dependent variables in our study were the VD and PPD for the backlit devices. After excluding evident outliers,16 the mean VD during each 5 min task was considered, and the PPD was calculated. Statistical analyses were performed using IBM SPSS V.25.0 (IBM). A three-level multilevel linear model (MLM) was used to account for the multilevel data structure with the measurement data nested within display type and font size. We modelled the independent variables (display type and font size) as fixed effects. Pairwise comparisons were completed with Bonferroni correction. Spearman correlation analysis was conducted to obtain the correlation coefficients between the independent variables and within-subject factors. Statistical significance was set at p<0.05.

Patient and public involvement

Patients and/or the public were not involved in the design, conduct, reporting or dissemination plans of this research.

Results

Average VDs and PPD for text reading

A total of 35 young children (8.97±1.12 years old; 138.51±7.50 cm tall; 10 females) participated in experiment A. The mean VDs for the five font sizes on five display types are shown in figure 3A. The average VDs for 18-pt on the phone, 16-pt on E-ink and all five font sizes on the other display types were more than 33 cm.

Figure 3
Figure 3

(A) The mean viewing distances for the five font sizes on the different text display types. (B) The PPD for three backlit displays. PPD, pixels per degree.PC, personal computer.

The MLM results indicated that font size and display type had significant effects on VD (F(4840)=149.44, p<0.001, effect size (ES)=0.77; F(4840)=26.22, p<0.001, ES=0.37), with no significant interaction between font size and display type F(16 840)=1.25, p=0.223). Significant differences in VD existed among the five display types, except between the smartphone and E-reader (p=0.151). Furthermore, there were significant differences among font sizes (all p<0.05) but not between 9-pt and 10.5-pt fonts (p=1.00) or between 12-pt and 14-pt fonts (p=1.00). PCs, paper and tablets were associated with the longest, second-longest and third-longest VDs, respectively. The shortest VD was recorded when the children read on E-ink.

Figure 3B shows the PPD of the three backlit displays. The PPD of 16-pt on the PC, 14-pt on the tablet and all five font sizes on the phone were more than 60. Font size and display type had significant effects on PPD (F(4139.356)=12.36, p<0.001, ES=0.48; F(2339.098)= 225.17, p<0.001, ES=0.94). The results of the Bonferroni method indicated that PPD differed significantly among the three backlit displays (all p<0.05). The PPD of the smartphone was the largest under all five font sizes. Non-significant differences were found between the 9-pt and 10.5-pt fonts and among the 12-pt, 14-pt and 16-pt fonts (12-pt and 14-pt fonts and 16-pt, 18-pt and 20-pt fonts on the phone), PPD differed significantly among other font sizes (all p<0.05).

VD was significantly correlated with screen size (r=0.54, p<0.001), font size (r=0.068, p=0.01) and height (r=0.084, p=0.012). PPD was correlated with font size (r=0.509, p<0.001), screen size (r=−0.609, p<0.001), age (r=−0.137, p=0.002), grade (r=−0.114, p=0.001) and height (r=−0.115, p=0.008). This finding indicates that a relatively larger screen size and larger font size tended to induce a longer VD, while a smaller screen size and a larger font size tended to induce larger PPD when the children read text.

Average VDs and PPD for video watching

Ten of the participants (8.3±1.16 years old; 3 females) further participated in experiment B. Figure 4A shows the VD of the three backlit displays. The average VDs during the 30 min experimental process were all more than 33 cm.

Figure 4
Figure 4

(A) The viewing distances for video watching on the backlit displays. (B) The PPD for three backlit displays. PPD, pixels per degree. PC, personal computer.

Display type significantly affected VD (F(271.456)=21.783, p<0.001, ES=0.58). The effect of time was non-significant (F(438.537)=2.277, p=0. 079, ES=0.15). VD increased slightly with increasing viewing time. However, in the fifth 5 min period, VD decreased slightly when the children used the PC and the tablet.

Figure 4B shows the PPD of the three backlit displays. The average PPDs during the 30 min task were all more than 60. Display type and time had significant effects on PPD (F(2103.699)=100.037, p<0.001, ES=0.87; F(437.167)=2.622, p=0.05, ES=0.11). The PPD of the phone was the largest and that of the PC was the smallest. The results of the Bonferroni method indicated that PPD differed only between the second and fifth 5 min periods (p=0.037).

VD was significantly correlated with screen size (r=0.467, p<0.001), time (r=0.221, p=0.007) and height (r=0.189, p=0.02). PPD was significantly correlated with screen size (r=−0.744, p<0.001). A relatively larger screen size tended to induce a longer VD, while smaller PPD was observed when the children watched videos.

Discussion

The major goal of our study was to identify the optimal font size and video viewing time in children and to guarantee the appropriate VD and PPD for online learning. Questionnaire-based studies have reported that shorter reading distance is a major environmental risk factor for myopia incidence and progression.18 19 However, subjective evaluations of VD seem less persuasive. The preferred VD among Chinese children has been found to be 20.6±6.5 cm.20 A study of Japanese adolescents also found that reading distance <30 cm was accompanied by a steep downwards angle during reading and writing.21 In both studies, a camera was used to take photographs when the children were performing visual tasks. Measurements of the video images were taken by frame analysis and only provided a series of time point data. In our study, a Clouclip device, capable of continuously measuring near-VD,16 22 was used for data collection. Except for the E-reader, the mean VDs of the five font sizes were >33 cm. Our findings differ from those of previous studies, possibly due to the different measurement methods.

According to the ANSI/HFS-100 standard, the minimum character height for computer workstations should be 16′, with a preferred range of 20–22′ for legibility.23 Lee et al24 suggested that the recommended English character size for E-books should be approximately 22′. However, these findings were based on the English alphabet and mainly obtained from adults, and most digital devices tested were developed more than a decade ago. In our study, font size, the different physical sizes on the varied display types, was considered a within-subject factor because people usually adjust the font size directly when they intend to vary the text size on a display panel. Therefore, font size functions as a direct indicator.

For adults, adopted VDs are suggested to be 30 cm for phones and electronic books, 60 cm for desktop computers and 3 m for televisions for comfortable viewing.25 The key concern of children may be different from that of adults. In addition to readability and comfort, near-work-induced myopia should also be considered. The findings of a 2-year prospective study of 10 743 children showed that a longer work distance (>30 cm) and the discontinuation of near work every 30 min had a strong protective effect against myopia progression.26 The Ministry of Education of the Chinese government has suggested that 33 cm is the appropriate distance from the eye to the viewing panel when children are reading or writing.11 Considering these effects, tablets, PC and paper are recommended, and the mean VDs for all test conditions should be more than 33 cm.

E-ink is well known for its engineering design. Numerous studies have proven its readability without the induction of extensive visual fatigue. Our results conflict with these findings, as VD is a vital factor affecting visual fatigue.27 28 Although the E-ink display used in our study offered a reading experience under all lighting conditions, the brightness of the screen was softer than that of the other devices; hence, the VD may have been affected. In addition, users may believe that an E-reader is better and safer for the eyes compared with reading on Liquid crystal displays (LCDs), which may provide a psychological indication for neglecting the VD.28 29

PPD is more frequently mentioned in ‘near-eye’ devices, such as head-mounted displays or virtual reality glasses. Lower PPD leads to the screen door effect, and PPD should be at least 60 to avoid this effect.14 15 This parameter was introduced in our study as the screen resolution, field of view and VD, which should be considered in combination when children use backlit displays. Therefore, the font size should be up to 16-pt on PCs, 10.5-pt on tablets and 12-pt on phones.

In our study, the mean VD and PPD for continuous 30 min video watching on smartphones, tablets and PCs were all suitable (all distance >33 cm and all PPD >60). The VD tended to increase slightly with viewing time, whereas in the fifth 5 min period, the VD decreased slightly when the children used tablets and PCs. This implies that parents should pay more attention to children’s VD with the extension of viewing time. A 1-year cohort study found that 30–40 min of viewing with fewer viewing breaks during near work was associated with a significantly increased risk of myopia.30 Students are encouraged to rest their eyes for 10 min after 30–40 min of educational screen time, and the continuous use of digital devices for noneducation purposes should be limited to <15 min per day according to the Chinese Ministry of Education.11 Thus, viewing time should be emphasised to maintain the appropriate VD.

Conclusion

The minimum font size for text should be 18-pt on a smartphone, 16-pt on a PC and E-ink, 10.5-pt on a tablet and 9-pt on paper to ensure a 33 cm VD and 60 PPD. Moreover, 25 min of video watching does not result in ‘closer’ viewing but rather ‘further’ viewing.