SlideShare a Scribd company logo
Perceived Legibility and
Aesthetic Pleasingness
of Light and Ultralight
Fonts
Tatiana Zlokazova1
Ivan Burmistrov1,2
1 Lomonosov Moscow State University
Russia
2 interUX Usability Engineering Studio
Estonia
Motivation of study
 Use of low-weight fonts – light and ultralight
fonts – became the new norm in UI design
 Also, light and ultralight fonts are often
combined with low text-to-background
contrast and negative polarity
 However, new typographic aesthetics was not
supported by any empirical research
 Nobody asked users about their attitudes to
the new trends in type design
 This trend can be seen as only a fashion
Our research
Two empirical studies (2016-2017):
 objective legibility measures like performance,
saccadic amplitude and fixation duration
(Burmistrov, Zlokazova, Ishmuratova, Semenova
2016)
 subjective perception of font legibility and
aesthetic pleasingness: present study
Factors in both studies
 Font weight (Helvetica Neue family):
ultralight ▪ light ▪ normal ▪ bold
 Text-to-background contrast:
low ▪ high
 Text-to-background polarity:
▪
 4×2×2 = 16 combinations
positive negative
Objective data
The lower fixation
duration, the
better legibility.
Normal font is the
best, light and
ultralight fonts are
less legible than
normal and bold.
Objectively measured legibility
173
174
175
176
177
178
179
180
181
182
Ultralight Light Normal Bold
Fixationduration(ms)
Subjective data
Stimuli
Task for study participants
 pairwise comparison of 16 stimuli:
 120 pairwise comparisons within each of two
series:
 evaluation of text legibility
 evaluation of text pleasingness
Instruction
To provide comparability with classic research
(Tinker & Paterson 1942):
 legibility was defined as “ease and speed of
reading”
 no specific definition was provided for
“pleasingness”
Participants
 63 volunteers
 21 male, 42 female
 19-68 years old (mean: 39.0)
Data analysis
 Preference score for each stimulus was
calculated as a sum of its selections in each
series (Grobelny & Michalski 2015)
 Preference scores ranged 0 ÷ 15:
 0 – if a stimulus lost in all pairwise comparisons
 15 – if a stimulus won in all comparisons
 4×2×2 ANCOVA with repeated measures (using
age as a covariate)
 paired-samples Wilcoxon signed-rank test
Results
Normal is the best.
Ultralight is the
worst.
Legibility of bold
almost the same as
of normal.
Pleasingness of bold
almost the same as
of light.
Effect of font weight
0
2
4
6
8
10
12
Ultralight Light Normal Bold
Legibility
Pleasingness
Preferencescore
Interactions between factors
Legibility: weight × contrast × polarity:
 Under low contrast and negative polarity all font variations
showed significantly lower subjective rates of legibility
 The decrement of legibility scores under these conditions
was more expressed for ultralight and light fonts
Pleasingness: weight × contrast:
 Under low contrast condition all font types showed
significantly lower subjective rates of pleasingness
 The decrement of pleasingness scores under low contrast
condition was more expressed for ultralight and light fonts
Age differences:
younger vs older users
Comparison of two age groups
It is known that younger users may perceive
fashionable user interfaces more positively than
older users (Meyer 2016)
vs 45-68 yo
(23 users)
19-30 yo
(19 users)
No significant
differences
Subjectively perceived legibility
0
2
4
6
8
10
12
Ultralight Light Normal Bold
Younger
Older
Legibilityscore
The only significant
difference: younger
users perceived
ultralight font more
positively than older
users
…but still rated it as
significantly less
pleasing than other
font variations
Subjectively perceived pleasingness
0
2
4
6
8
10
12
Ultralight Light Normal Bold
Younger
Older
Pleasingnessscore
Recommendations
 Ultralight fonts for body text should be avoided
under any of the investigated conditions
 Negative polarity and low contrast conditions
should be avoided for light fonts as there is a
prominent negative effect on text legibility and
pleasingness scores
 Limitation of our study: the situation may be
different in case of large font sizes – such as
headings
References
 Burmistrov I., Zlokazova T., Ishmuratova I., Semenova M. (2016) Legibility
of light and ultra-light fonts: Eyetracking study, Proceedings of the 9th
Nordic Conference on Human-Computer Interaction (NordiCHI ’16), New
York: ACM, Article 110 | DOI: 10.1145/2971485.2996745
 Grobelny J., Michalski R. (2015) The role of background color, interletter
spacing, and font size on preferences in the digital presentation of a
product, Computers in Human Behavior, 43, 85-100 | DOI:
10.1016/j.chb.2014.10.036
 Meyer K. (2016) Young adults appreciate flat design more than their
parents do | Link
 Tinker M. A., Paterson D. G. (1942) Reader preferences and typography,
Journal of Applied Psychology, 26 (1), 38-40 | DOI: 10.1037/h0061105
Thank you!
Contact:
ivan@interux.com

More Related Content

More from Ivan Burmistrov

More from Ivan Burmistrov (9)

User interfaces for the next generation mobile POS-terminals
User interfaces for the next generation mobile POS-terminalsUser interfaces for the next generation mobile POS-terminals
User interfaces for the next generation mobile POS-terminals
 
Юзабилити электронной коммерции
Юзабилити электронной коммерцииЮзабилити электронной коммерции
Юзабилити электронной коммерции
 
Юзабилити оформления покупки
Юзабилити оформления покупкиЮзабилити оформления покупки
Юзабилити оформления покупки
 
Проектирование пользовательского интерфейса сенсорных киосков
Проектирование пользовательского интерфейса сенсорных киосковПроектирование пользовательского интерфейса сенсорных киосков
Проектирование пользовательского интерфейса сенсорных киосков
 
Пользовательские интерфейсы почтовых клиентов
Пользовательские интерфейсы почтовых клиентовПользовательские интерфейсы почтовых клиентов
Пользовательские интерфейсы почтовых клиентов
 
Теория деятельности и разработка информационных систем: современные тенденции
Теория деятельности и разработка информационных систем: современные тенденцииТеория деятельности и разработка информационных систем: современные тенденции
Теория деятельности и разработка информационных систем: современные тенденции
 
Человеческие факторы и безопасность в информационных системах
Человеческие факторы и безопасность в информационных системахЧеловеческие факторы и безопасность в информационных системах
Человеческие факторы и безопасность в информационных системах
 
Человеко-компьютерное взаимодействие и юзабилити-инженерия: современное состо...
Человеко-компьютерное взаимодействие и юзабилити-инженерия: современное состо...Человеко-компьютерное взаимодействие и юзабилити-инженерия: современное состо...
Человеко-компьютерное взаимодействие и юзабилити-инженерия: современное состо...
 
Mobile Air Ticket Booking
Mobile Air Ticket BookingMobile Air Ticket Booking
Mobile Air Ticket Booking
 

Recently uploaded

Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
anasabutalha2013
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
AlecAnidul
 

Recently uploaded (14)

Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptx
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdf
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designer
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in Technology
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to Fashion
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 

Perceived legibility and aesthetic pleasingness of light and ultralight fonts

  • 1. Perceived Legibility and Aesthetic Pleasingness of Light and Ultralight Fonts Tatiana Zlokazova1 Ivan Burmistrov1,2 1 Lomonosov Moscow State University Russia 2 interUX Usability Engineering Studio Estonia
  • 2. Motivation of study  Use of low-weight fonts – light and ultralight fonts – became the new norm in UI design  Also, light and ultralight fonts are often combined with low text-to-background contrast and negative polarity  However, new typographic aesthetics was not supported by any empirical research  Nobody asked users about their attitudes to the new trends in type design  This trend can be seen as only a fashion
  • 3. Our research Two empirical studies (2016-2017):  objective legibility measures like performance, saccadic amplitude and fixation duration (Burmistrov, Zlokazova, Ishmuratova, Semenova 2016)  subjective perception of font legibility and aesthetic pleasingness: present study
  • 4. Factors in both studies  Font weight (Helvetica Neue family): ultralight ▪ light ▪ normal ▪ bold  Text-to-background contrast: low ▪ high  Text-to-background polarity: ▪  4×2×2 = 16 combinations positive negative
  • 6. The lower fixation duration, the better legibility. Normal font is the best, light and ultralight fonts are less legible than normal and bold. Objectively measured legibility 173 174 175 176 177 178 179 180 181 182 Ultralight Light Normal Bold Fixationduration(ms)
  • 9. Task for study participants  pairwise comparison of 16 stimuli:  120 pairwise comparisons within each of two series:  evaluation of text legibility  evaluation of text pleasingness
  • 10. Instruction To provide comparability with classic research (Tinker & Paterson 1942):  legibility was defined as “ease and speed of reading”  no specific definition was provided for “pleasingness”
  • 11. Participants  63 volunteers  21 male, 42 female  19-68 years old (mean: 39.0)
  • 12. Data analysis  Preference score for each stimulus was calculated as a sum of its selections in each series (Grobelny & Michalski 2015)  Preference scores ranged 0 ÷ 15:  0 – if a stimulus lost in all pairwise comparisons  15 – if a stimulus won in all comparisons  4×2×2 ANCOVA with repeated measures (using age as a covariate)  paired-samples Wilcoxon signed-rank test
  • 14. Normal is the best. Ultralight is the worst. Legibility of bold almost the same as of normal. Pleasingness of bold almost the same as of light. Effect of font weight 0 2 4 6 8 10 12 Ultralight Light Normal Bold Legibility Pleasingness Preferencescore
  • 15. Interactions between factors Legibility: weight × contrast × polarity:  Under low contrast and negative polarity all font variations showed significantly lower subjective rates of legibility  The decrement of legibility scores under these conditions was more expressed for ultralight and light fonts Pleasingness: weight × contrast:  Under low contrast condition all font types showed significantly lower subjective rates of pleasingness  The decrement of pleasingness scores under low contrast condition was more expressed for ultralight and light fonts
  • 17. Comparison of two age groups It is known that younger users may perceive fashionable user interfaces more positively than older users (Meyer 2016) vs 45-68 yo (23 users) 19-30 yo (19 users)
  • 18. No significant differences Subjectively perceived legibility 0 2 4 6 8 10 12 Ultralight Light Normal Bold Younger Older Legibilityscore
  • 19. The only significant difference: younger users perceived ultralight font more positively than older users …but still rated it as significantly less pleasing than other font variations Subjectively perceived pleasingness 0 2 4 6 8 10 12 Ultralight Light Normal Bold Younger Older Pleasingnessscore
  • 20. Recommendations  Ultralight fonts for body text should be avoided under any of the investigated conditions  Negative polarity and low contrast conditions should be avoided for light fonts as there is a prominent negative effect on text legibility and pleasingness scores  Limitation of our study: the situation may be different in case of large font sizes – such as headings
  • 21. References  Burmistrov I., Zlokazova T., Ishmuratova I., Semenova M. (2016) Legibility of light and ultra-light fonts: Eyetracking study, Proceedings of the 9th Nordic Conference on Human-Computer Interaction (NordiCHI ’16), New York: ACM, Article 110 | DOI: 10.1145/2971485.2996745  Grobelny J., Michalski R. (2015) The role of background color, interletter spacing, and font size on preferences in the digital presentation of a product, Computers in Human Behavior, 43, 85-100 | DOI: 10.1016/j.chb.2014.10.036  Meyer K. (2016) Young adults appreciate flat design more than their parents do | Link  Tinker M. A., Paterson D. G. (1942) Reader preferences and typography, Journal of Applied Psychology, 26 (1), 38-40 | DOI: 10.1037/h0061105